宋周全*

?

交互設(shè)計(jì)在平臺(tái)型APP中的運(yùn)用—以騰訊課堂為例

宋周全*

（武漢理工大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院，湖北武漢，430070）

APP應(yīng)用程序是一種以移動(dòng)端硬件為載體，運(yùn)行在手機(jī)、平板等實(shí)體產(chǎn)品上的一種虛擬工具。用戶和APP應(yīng)用程序在手機(jī)屏幕上，根據(jù)用戶的觸控實(shí)現(xiàn)用戶與工具的交互，以達(dá)到用戶的目的。用戶和正在操作使用的APP之間的互動(dòng)性就顯得尤為重要，直接影響著用戶的使用體驗(yàn)，騰訊課堂作為一款基于互聯(lián)網(wǎng)技術(shù)和騰訊龐大用戶為受眾群體的線上課堂式平臺(tái)型APP應(yīng)用程序，良好的交互體驗(yàn)，在產(chǎn)品的使用過程之中顯得尤為重要。

教育；平臺(tái)；騰訊課堂

引言

交互設(shè)計(jì)是基于人造系統(tǒng)設(shè)計(jì)領(lǐng)域中的設(shè)計(jì)，它是兩個(gè)及兩個(gè)以上物體間的交流結(jié)構(gòu)，相互配合，共同達(dá)成某種目的。如何優(yōu)化物體間的交流結(jié)構(gòu)，使交流結(jié)構(gòu)更加友好便捷，正是交互設(shè)計(jì)所應(yīng)研究的目的。交互設(shè)計(jì)的研究目標(biāo)應(yīng)該是基于“可用性”與“用戶體驗(yàn)”這兩個(gè)層面為前提的條件下，進(jìn)行的設(shè)計(jì)研究。

1 交互方式的豐富性

在APP應(yīng)用程序的使用過程中，用戶通過硬件的顯示屏幕上相應(yīng)的意符提示，對(duì)APP應(yīng)用進(jìn)行操作，以達(dá)到用戶使用該APP應(yīng)用的目的。用戶在操作APP應(yīng)用的時(shí)候，使用過程中，應(yīng)用的交互性變得尤為重要，良好的使用體驗(yàn)和交互方式，可以讓用戶在使用時(shí)候感覺愉悅。多種組合的操作方式都可以快速達(dá)到用戶的目的，使用戶在使用APP的時(shí)候有流暢、簡(jiǎn)單、易操作的感覺。以騰訊課堂是以教學(xué)平臺(tái)的方式邀請(qǐng)各大教育機(jī)構(gòu)或老師進(jìn)行在線平臺(tái)式教學(xué)，騰訊課堂在用戶初次登錄使用的時(shí)候，會(huì)有一個(gè)用戶偏好設(shè)置的界面，用戶可以根據(jù)自己的職業(yè)、喜好、需求等對(duì)自己偏向的課程種類進(jìn)行劃分范圍。騰訊課堂在用戶設(shè)置后自己個(gè)人課程偏好之后，根據(jù)服務(wù)器上的云數(shù)據(jù)處理，篩選出匹配程度高、用戶基數(shù)大且信譽(yù)好、名氣大的一些機(jī)構(gòu)的課程對(duì)用戶進(jìn)行推薦；另外用戶還可以根據(jù)自己已經(jīng)知道的課程名稱或者機(jī)構(gòu)、老師名稱搜索相應(yīng)的課程，；還可以根據(jù)騰訊課堂預(yù)設(shè)好的條件分類選項(xiàng)卡，選擇、設(shè)置相應(yīng)的篩選條件以進(jìn)行分類，以縮小選擇的范圍，方便用戶主動(dòng)地篩選課程，縮小選擇范圍，購(gòu)買課程進(jìn)行學(xué)習(xí)。不管用戶在使用哪種課程的篩選尋找方式，最終都可以很方便的找到自己需要的相關(guān)課程，并不會(huì)在搜索過程中花費(fèi)過多的時(shí)間和繁瑣的操作。

2 交互形式的合理性

APP應(yīng)用在信息的傳遞過程中——操作界面的設(shè)計(jì)上，應(yīng)當(dāng)符合人的心理、生理行為習(xí)慣，使用戶在使用過程中，可以方便愉悅地操作點(diǎn)擊界面，使用戶的行為不會(huì)因?yàn)榻缑嬖O(shè)計(jì)的不合理被中斷，導(dǎo)致APP難以使用，用戶體驗(yàn)的不佳；以騰訊課堂為例，它的初始界面有四個(gè)大的課程標(biāo)簽（首頁、分類、課程表、我的）、并且每塊的信息類目都不超過四條，因?yàn)槿嗽诙唐谟洃涍^程中一次只能記住四種事物，這樣的頁面設(shè)計(jì)更方便人們閱讀和記憶，使人在使用的時(shí)候感覺到輕松和愉快。根據(jù)人的閱讀習(xí)慣，人們常常把相互靠近的信息相互關(guān)聯(lián)起來，越是相近的內(nèi)容信息越是相關(guān)；騰訊課堂在頁面的編排上面，每個(gè)橫排只編排了一門課程，因?yàn)槭謾C(jī)頁面大小相對(duì)網(wǎng)頁頁面較小，豎排上面沒有使用更大的間距來區(qū)分上一門課程信息和下一門課程信息的區(qū)分，則是使用頁面分割線分割內(nèi)容，同樣也方便了讀者區(qū)分課程信息。人機(jī)工程學(xué)中，人在執(zhí)行動(dòng)作的時(shí)候是有負(fù)荷存在的，設(shè)計(jì)者可以要求用戶承受三種負(fù)荷——認(rèn)知負(fù)荷、視覺負(fù)荷和動(dòng)作負(fù)荷，三種負(fù)荷所消耗的腦力資源也是不一樣的；當(dāng)用戶在看屏幕上面看或?qū)ふ夷澄锏臅r(shí)候（視覺負(fù)荷），用戶花費(fèi)的腦力資源要多于點(diǎn)擊界面時(shí)（動(dòng)作負(fù)荷）；如果讓用戶思考、記憶腦力資源會(huì)花費(fèi)得更多。在APP頁面的信息設(shè)計(jì)上，頁面的每級(jí)信息應(yīng)該傳遞適量的信息，因?yàn)橄鄬?duì)于大量信息展示在用戶眼前的時(shí)候，用戶更需要找尋到關(guān)鍵信息對(duì)信息進(jìn)行分類，少量的信息更有利于用戶的大腦處理信息，因此頁面應(yīng)該被分為多級(jí)頁面——漸進(jìn)式的頁面展示方式，每級(jí)頁面提供用戶適量的信息，以避免信息過量帶給用戶使用不適的體驗(yàn)；騰訊課堂在初級(jí)界面的設(shè)計(jì)上，主要提供機(jī)構(gòu)或課程的宣傳圖片和課程名稱等關(guān)鍵信息，用戶在瀏覽的時(shí)候可以明了、便捷、快速地獲得、了解頁面信息分類，點(diǎn)擊自己需要了解的課程鏈接，進(jìn)入二級(jí)或三級(jí)頁面，了解課程的詳細(xì)信息介紹。比如，在分類界面上，通過目的、行業(yè)、技能需求等多角度、多方面對(duì)課程進(jìn)行分類（一級(jí)分類：IT·互聯(lián)網(wǎng)、設(shè)計(jì)·創(chuàng)作、語言·留學(xué)、職業(yè)·考證、升學(xué)·考研、興趣·生活）用戶選擇了以及分類之后，右側(cè)又會(huì)顯示對(duì)該分類課程的更加詳細(xì)的劃分，此時(shí)用戶可以一級(jí)一級(jí)地縮小課程尋找范圍，減小了用戶的認(rèn)知負(fù)荷或視覺負(fù)荷，使用戶在使用分類界面的時(shí)候感覺輕松，容易操作。

3 交互展示的多樣化

在設(shè)計(jì)APP頁面樣式的時(shí)候，頁面信息的展示形式或傳遞給用戶相關(guān)信息的方式，應(yīng)該形式多樣，信息展示的多樣化可以幫助用戶劃分信息，相對(duì)于純文本的頁面信息，用戶更加容易瀏覽和識(shí)別頁面信息，常見的頁面信息設(shè)計(jì)有純圖標(biāo)式、圖標(biāo)與頁面組合式、圖片式、圖片與文字組合式等信息傳遞展示方式，相對(duì)于原來互聯(lián)網(wǎng)發(fā)展初期的白底黑字的純文本的界面樣式，設(shè)置藍(lán)色超字體鏈接跳轉(zhuǎn)頁面的方式相比，現(xiàn)在的信息傳遞展示方式更加多樣，形式豐富，頁面優(yōu)美、不單調(diào)，用戶在瀏覽和閱讀起來更加地方便和輕松。騰訊課堂在主頁面標(biāo)簽上面采用圖標(biāo)和文字組合的方式，每個(gè)標(biāo)簽都有自己相應(yīng)的抽象簡(jiǎn)化的UI圖標(biāo)，豐富了頁面元素、編排形式；圖標(biāo)與圖形與文字相比，在識(shí)別性上更高，減少了用戶在操作時(shí)候的識(shí)別、思考時(shí)間，并且相對(duì)于純文本的樣式上面，圖標(biāo)在界面的占比相對(duì)于文本來說要大一些，用戶在點(diǎn)擊操作的時(shí)候更加輕松。首頁界面的設(shè)計(jì)上面，頂端是動(dòng)態(tài)轉(zhuǎn)換的橫幅，主要推薦一些用戶點(diǎn)擊量和瀏覽量較大的熱度比較高的課程或一些大型的機(jī)構(gòu)主要推薦的課程信息，下方是根據(jù)用戶初次登錄騰訊課堂APP的偏好設(shè)置進(jìn)行的簡(jiǎn)單課程分類標(biāo)簽，每個(gè)信息都是課程圖片和課程文字名稱、價(jià)格的組合式編排形式；多種組合形式使界面首頁在編排上面形式豐富，識(shí)別性程度高。

4 結(jié)束語

互聯(lián)網(wǎng)的發(fā)展過程中，交互設(shè)計(jì)在這一過程中起到了非常重要的作用，虛擬產(chǎn)品、界面如何更好的、友好的展示在用戶的眼前，能否給用戶帶來良好的互動(dòng)性起到了至關(guān)重要的作用。在日益激烈的商業(yè)競(jìng)爭(zhēng)環(huán)境下，虛擬產(chǎn)品是否具有良好的交互性，給用戶帶來良好的使用體驗(yàn)，很大程度上決定了這個(gè)產(chǎn)品的成功與否。本文以騰訊課堂為例，分析了平臺(tái)型APP應(yīng)用交互設(shè)計(jì)的要點(diǎn)，為其他平臺(tái)類APP應(yīng)用上提供了參考。

[1] 張嘉慧. 移動(dòng)應(yīng)用交互設(shè)計(jì)研究—以手機(jī)淘寶App為例[J]. 藝術(shù)科技, 2016, 29(06): 58.

[2] 方夢(mèng)陽. 跨維度交互—教育類觸屏終端APP交互設(shè)計(jì)特征研究[J]. 藝術(shù)科技, 2016, 29(02): 27.

[3] 宋雨璇. 手機(jī)界面交互設(shè)計(jì)[J]. 考試周刊, 2017, (A4): 193.

[4] 李夢(mèng)穎. 情感化設(shè)計(jì)下交互設(shè)計(jì)方法探究[J]. 設(shè)計(jì), 2017, (23): 39-40.

[5] 高松齡. 交互設(shè)計(jì)探析: 人與產(chǎn)品之間的交流[J]. 藝術(shù)科技, 2017, 30(09): 249.

The Application of Interaction Design in Platform APP -- Taking Tencent Classroom as an Example

SONG Zhouquan*

(school of art and design, wuhan university of technology, hubei wuhan, 430070, China)

APP application is a kind of virtual tool that runs on mobile terminal hardware and runs on mobile phones, tablets and other physical products.The user and APP application on the mobile phone screen, according to the user's touch to realize the user interaction with the tool, to achieve the purpose of the user.Interaction between users and are working in the use of the APP is particularly important, a direct impact on the use of user experience, tencent as a class based on Internet technology and tencent huge user type for audience online classroom platform APP application, good interaction experience, in the using process of the product is particularly important.

education; platform; tencent classroom.

10.19551/j.cnki.issn1672-9129.2018.01.028

TP311.56

A

1672-9129(2018)01-0073-02

宋周全. 交互設(shè)計(jì)在平臺(tái)型APP中的運(yùn)用—以騰訊課堂為例[J]. 數(shù)碼設(shè)計(jì), 2018, 7(1): 73-74.

SONG Zhouquan. The Application of Interaction Design in Platform APP -- Taking Tencent Classroom as an Example[J]. Peak Data Science, 2018, 7(1): 73-74.

2017-11-15；

2018-01-06。

宋周全（1994-），男，湖北黃石，產(chǎn)品設(shè)計(jì)師，碩士研究生，研究方向：家電產(chǎn)品的生活形態(tài)設(shè)計(jì)。E-mail: 507662171@qq.com