交互設(shè)計在平臺型APP中的運用—以騰訊課堂為例

宋周全*

?

交互設(shè)計在平臺型APP中的運用—以騰訊課堂為例

宋周全*

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

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

教育；平臺；騰訊課堂

引言

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

1 交互方式的豐富性

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

2 交互形式的合理性

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

3 交互展示的多樣化

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

4 結(jié)束語

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

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

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

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

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

[5] 高松齡. 交互設(shè)計探析: 人與產(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è)計在平臺型APP中的運用—以騰訊課堂為例[J]. 數(shù)碼設(shè)計, 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è)計師，碩士研究生，研究方向：家電產(chǎn)品的生活形態(tài)設(shè)計。E-mail: 507662171@qq.com