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

宋周全*

?

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

宋周全*

（武漢理工大學藝術與設計學院，湖北武漢，430070）

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

教育；平臺；騰訊課堂

引言

交互設計是基于人造系統設計領域中的設計，它是兩個及兩個以上物體間的交流結構，相互配合，共同達成某種目的。如何優化物體間的交流結構，使交流結構更加友好便捷，正是交互設計所應研究的目的。交互設計的研究目標應該是基于“可用性”與“用戶體驗”這兩個層面為前提的條件下，進行的設計研究。

1 交互方式的豐富性

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

2 交互形式的合理性

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

3 交互展示的多樣化

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

4 結束語

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

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

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

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

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

[5] 高松齡. 交互設計探析: 人與產品之間的交流[J]. 藝術科技, 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

宋周全. 交互設計在平臺型APP中的運用—以騰訊課堂為例[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-），男，湖北黃石，產品設計師，碩士研究生，研究方向：家電產品的生活形態設計。E-mail: 507662171@qq.com