基于用戶體驗的APP界面設計研究

關鍵詞：APP；用戶體驗；視覺設計；界面設計

中圖法分類號：TP311 文獻標識碼：A

隨著移動技術的飛速發(fā)展、移動手機硬件的革新質(zhì)變以及基礎設施的不斷完善，移動互聯(lián)網(wǎng)已成為當今社會發(fā)展的主要推動力，互聯(lián)網(wǎng)用戶也不再只依賴傳統(tǒng)的計算機，人們在生活中越來越習慣使用APP。一款好的APP則能夠緊緊抓住用戶的使用痛點，增強用戶依賴性，降低成本，提升用戶流量。本文對APP在用戶體驗的視角下進行界面設計研究，在APP界面內(nèi)基于用戶體驗下的設計原則、排版布局設計、交互設計三個方面總結(jié)其情感化的設計思路，以期為APP界面設計提供實踐參考和理論依據(jù)。

1互聯(lián)網(wǎng)產(chǎn)品設計更加關注用戶體驗

物質(zhì)審美和需求水平逐漸提高，使各行業(yè)對互聯(lián)網(wǎng)產(chǎn)品設計有更嚴格的要求和標準。在信息化、數(shù)字化時代的今天，越來越多的互聯(lián)網(wǎng)產(chǎn)品問世，不僅有很多同類型的互聯(lián)網(wǎng)產(chǎn)品可供選擇，同時可以給用戶提供個性化的定制服務。

2概述

2.1APP設計

通常而言，一個好的交互設計首先要充分體現(xiàn)APP的邏輯性，包括操作邏輯和行為邏輯兩個方面，在用戶使用過程中減少認知負擔，用最簡單的操作幫助使用者實現(xiàn)人與產(chǎn)品、系統(tǒng)的良性互動。

不同學者總結(jié)的APP的特點是不一樣的。經(jīng)過查閱中外文獻，本文將APP的特點歸納為三點，分別是迭代性、交互性和即時性。迭代性是指APP的更新升級速度快，會隨著用戶和市場的評價標準不斷實現(xiàn)自我成長，這也是互聯(lián)網(wǎng)產(chǎn)品相較其他工業(yè)產(chǎn)品最突出的特點之一；交互性是指互聯(lián)網(wǎng)產(chǎn)品注重產(chǎn)品與用戶的互動，會及時反饋使用者的各項訴求，每一個操作都具有對應的界面變化：即時性是互聯(lián)網(wǎng)產(chǎn)品的一大優(yōu)勢，只要有通暢的網(wǎng)絡，就算兩人相隔幾千公里仍然可以獲取對方的信息，在瀏覽新聞時可以輕松獲得最新的消息，這是其他傳統(tǒng)產(chǎn)品不能比擬的。

2.2在線類產(chǎn)品界面設計

界面設計始終堅持以用戶為核心，以用戶體驗為設計原則，具體包括視覺要素、功能使用、操作邏輯等內(nèi)容，屬于靜態(tài)呈現(xiàn)，還要更多考慮產(chǎn)品的高效展示、使用和便捷操作，屬于整體布局。

2.3在線類APP的用戶體驗

“用戶體驗”一詞最初來自DonaldNorman的《設計心理學》，在此之后，“用戶體驗”一詞的概念在工業(yè)設計中得到普及。如今，“用戶體驗”已經(jīng)與互聯(lián)網(wǎng)在線類產(chǎn)品息息相關。

關于“用戶體驗”，業(yè)界普遍的理解是：人們對產(chǎn)品、系統(tǒng)、服務的認知及反饋。這是由2010年的文章《人機交互工效學第210部分：交互系統(tǒng)的以人為本設計》提出的。梳理文獻資料后不難發(fā)現(xiàn)，關于“用戶體驗”的概念也可以從“用戶”和“體驗”兩個方面進行定義?！坝脩簟笔侵笓碛幸粋€賬戶且以用戶名識別的使用者，以互聯(lián)網(wǎng)產(chǎn)品的用戶為例，可以分為使用者和消費者兩類。在大多數(shù)情況下，使用者和消費者是同一個用戶，但也有特殊情況，如在互聯(lián)網(wǎng)游戲中進行贈予，這就造成了使用者和消費者分離。因此，在用戶體驗設計中，要考慮的用戶感受不僅是傳統(tǒng)意義上使用產(chǎn)品的人?！绑w驗”是人們在進行某種活動時所產(chǎn)生的主觀感受，是使用者根據(jù)活動而建立的心理感受的總和。就互聯(lián)網(wǎng)產(chǎn)品而言，在使用產(chǎn)品前后的第一印象、服務需求、操作邏輯、界面布局等都會影響使用體驗。

3在線類APP界面設計分析

設計擁有使用工具屬性的在線類APP，首先就是制定戰(zhàn)略計劃，在這一部分需要規(guī)劃好設計的初衷和核心問題，通過大量的市場調(diào)研數(shù)據(jù)，明確界面設計的用戶需求，如“要為誰設計，滿足使用者的哪些需求”，從而依據(jù)產(chǎn)品設計要素構(gòu)建符合交互需求場景的數(shù)字化界面，通過排版布局來實現(xiàn)視覺要素與用戶之間的良性互動，同時要確保用戶體驗的大前提，這是用戶與產(chǎn)品間互動交流的堅實基礎。本節(jié)以“網(wǎng)易云課堂”APP為例，在界面排版布局和交互設計兩個方面進行要素分析。

3.1用戶體驗下的設計原則

用戶體驗和需求是緊密相連的，因此，基于用戶體驗設計理念的中心思想就是以用戶為中心。學者辛向陽在《從用戶體驗到體驗設計》中建構(gòu)了EEI模型，很好地將用戶體驗劃分了三個層次。第一個“E”是Expectation，指用戶的預期，即在使用或接觸產(chǎn)品之前所預設的服務，這里包括使用者要獲得的服務、產(chǎn)品所能提供的服務等；第二個“E”是Event，則為產(chǎn)品本身，這是用戶的實際感受，這里會與上一環(huán)節(jié)進行對比，如果沒有得到體驗者預期的服務，那么用戶體驗必然受到一定影響，這是用戶、產(chǎn)品和環(huán)境相互影響的結(jié)果；最后一個“I”是Impact，指用戶使用完后的感受，稱為最終評價，本階段的感受和記憶在一定程度上決定用戶的使用黏性以及該產(chǎn)品的商業(yè)價值和未來經(jīng)濟效益。

朱上上等學者在馬斯洛需求理論的基礎上總結(jié)概括了設計學中用戶體驗的五個階段需求。最底層的需求是感覺需求，這是第一感受，是在接觸設計品后最直觀的需求，以在線教育APP為例，安裝后APP的圖標是否新穎、界面顏色是否明亮、功能鍵是否整潔等都對感覺需求產(chǎn)生影響。第二個需求是交互需求，簡單來說就是在使用過程中操作者能否與各項功能、各種服務產(chǎn)生良性互動，以在線學習APP為例，是否能高效地進行學習、是否可以記住用戶的個性化設置、使用后的滿意度等都屬于用戶的交互需求。第三個需求是情感需求，這里包括正負兩種情緒。積極情感包括APP是否具有娛樂性、意義性等，消極情感包括APP在處理售后問題時的服務態(tài)度、辦事效率等，這是人與人、人與產(chǎn)品之間精神方面的共鳴。以上三種需求為基本需求，第四個階段的需求為社會需求。社會需求包括品牌效應、用戶成就等，即在使用本產(chǎn)品后帶給體驗者在人際、社交層面的獲得感。最高層的需求是自我需求，這是滿足用戶個人的人性化設計，即根據(jù)每個用戶的需求進行一對一定制服務，這是用戶體驗的最高標準。

3.2界面排版布局設計分析

針對排版，首先是功能區(qū)的擺放，通過行為邏輯和使用習慣將功能進行簡單劃分。設計擺放功能區(qū)時要注意，不要給用戶增加使用和認知負擔，“網(wǎng)易云課堂”APP便是將搜索區(qū)置頂設計，那么在處理搜索區(qū)時應盡量按照常規(guī)情況放置。為了更高效地將內(nèi)容展示給用戶，在排版時各版面之間應通過上下對齊的方式建立視覺關聯(lián)，使頁面看起來整齊且統(tǒng)一。

頁面布局給用戶帶來打開APP最直觀的感受，合理的布局方式不僅能帶給用戶好的視覺體驗，還能將主次內(nèi)容進行合理展示。頁面布局緊緊圍繞尼爾森十大可用性原則進行設計，其中最突出的是一致性原則，即在同級別布局中圖片、文字、間距、色彩、方式都具有相對一致性。

人眼捕捉圖像的敏感度要遠大于文字，因此，要善于利用視覺思維將藝術映射于設計中。在排版時合理放大圖片、弱化文字有利于突出重點，在“網(wǎng)易云課堂”APP中banner頁部分的設計通常是以顏色鮮明的圖片為主，簡要文字介紹為輔，將直觀的信息展示給用戶。

3.3界面交互設計分析

3.3.1一致性

“網(wǎng)易云課堂”APP內(nèi)的LOGO顏色與界面的主色都保持著統(tǒng)一的紅色，還使用了強調(diào)色、輔助色。整個界面除了圖片的有效信息外，都通過灰、白、主色調(diào)來呈現(xiàn)，界面保持了很好的一致性，這就是色彩一致性原則。當用戶在使用交互按鍵時，功能區(qū)內(nèi)的同類型功能鍵在用戶進行使用的時候給出的反饋結(jié)果和操作結(jié)果也是保持一致的。

3.3.2狀態(tài)可見

狀態(tài)可見是指通過特殊的標記方式讓用戶明確當前的頁面狀態(tài)以及系統(tǒng)正在進行哪些操作，這是尼爾森十大可用性原則中系統(tǒng)可見性原則的具體表現(xiàn)之一。在設計界面時，應該考慮用戶在進行操作時界面內(nèi)被操作的功能區(qū)能及時通過適當?shù)姆答?，讓用戶獲悉系統(tǒng)目前的狀態(tài)。缺乏信息通常等同于缺乏控制，通過為交互事件提供即時反饋，用戶可以快速識別錯誤來源，并在錯誤發(fā)生后立即修復。溝通創(chuàng)造信任，當用戶理解系統(tǒng)狀態(tài)時，會覺得自己可以掌控并依賴系統(tǒng)按預期行事。交互的可預測性不僅會在網(wǎng)站或應用程序的機制中產(chǎn)生信任，還會對APP本身產(chǎn)生信任依賴，保持用戶活性和流量。

3.3.3交互邏輯流程設計

交互設計是人機之間溝通方式的創(chuàng)新，日益情感化和人性化的設計趨向正是通過不斷更新交互流程實現(xiàn)的，創(chuàng)造更懂消費者的互聯(lián)網(wǎng)產(chǎn)品是設計者一直追求的新高度。一款注重用戶體驗的APP必定遵循了嚴密的交互邏輯，一方面符合使用者的操作習慣，另一方面要盡可能用簡單的交互達到操作目的。

交互原則是制定交互邏輯的重要參考，大多數(shù)APP的設計都秉持了尼爾森十大可用性原則，因此許多APP的在線登錄交互邏輯是相通的，在流程方面區(qū)分度不高。

4 APP界面設計實踐

基于用戶體驗視角對APP界面設計進行研究，為實踐應用提供理論支撐，本文以“網(wǎng)易云課堂”APP為研究案例，從設計實踐的角度探索了互聯(lián)網(wǎng)APP的界面設計?！熬W(wǎng)易云課堂”是網(wǎng)易公司2012年打造的在線實用技能學習APP，為使用者提供系統(tǒng)化互聯(lián)網(wǎng)在線服務。其可被一鍵分享至“微信”等第三方平臺，從生產(chǎn)力方面賦能創(chuàng)作者，通過提供豐富的在線資源來滿足各類有需求的群體，給用戶帶來更多優(yōu)質(zhì)、有趣的內(nèi)容。該產(chǎn)品希望能給用戶強烈的情感刺激，拉開競品的視覺趨同化，提升產(chǎn)品質(zhì)感。

“網(wǎng)易云課堂”APP主要以大學生和有專業(yè)知識需求的人群為主，占據(jù)大量下沉用戶。他們喜歡豐富的課程資源，樂于為其喜好的內(nèi)容買單，敢于提升自我，喜歡更具針對性的產(chǎn)品。根據(jù)“網(wǎng)易云課堂”APP的使用用戶畫像分析及APP特性分析，可基于用戶使用率、時間段等各項數(shù)據(jù)，搜集參考曲線并構(gòu)建直觀的用戶使用習慣分析表。將APP特性融入整體界面設計體系，配合APP交互設計思路來梳理信息邏輯框架，確保提供的功能與服務做到層級邏輯、流程清晰?！熬W(wǎng)易云課堂”APP選用紅色系為主調(diào)，字體風格多偏圓潤、淡雅、統(tǒng)一，界面風格以卡片式風格為主形象，界面內(nèi)小圖標選取帶圓角的橢圓形構(gòu)成，不使用銳角且鋒利的設計圖形，整體界面更具親切友好的情感化體驗，整體界面效果呈現(xiàn)高度統(tǒng)一，保持溫暖、貼切、簡潔、扁平等效果。整個APP視覺從首頁到分支功能細節(jié)具有一致性，使用情感化設計、內(nèi)部一致性等多種設計要素來增加親和力和趣味性，使產(chǎn)品達到最佳用戶體驗。

5結(jié)束語

從用戶體驗的視角對APP界面設計進行研究很有必要，目的是為用戶提供友好、舒適的視覺體驗，也是APP設計的重要環(huán)節(jié)，更是吸引用戶流量的重要手段。本文通過具體案例，對相關APP設計要素加以分析和論述，旨在為APP界面設計提供理論借鑒和參考。

作者簡介：

王星（1995—），碩士.研究方向：藝術學、設計學。