基于用戶體驗(yàn)的APP界面設(shè)計研究

關(guān)鍵詞：APP；用戶體驗(yàn)；視覺設(shè)計；界面設(shè)計

中圖法分類號：TP311 文獻(xiàn)標(biāo)識碼：A

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

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

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

2概述

2.1APP設(shè)計

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

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

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

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

2.3在線類APP的用戶體驗(yàn)

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

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

3在線類APP界面設(shè)計分析

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

3.1用戶體驗(yàn)下的設(shè)計原則

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

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

3.2界面排版布局設(shè)計分析

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

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

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

3.3界面交互設(shè)計分析

3.3.1一致性

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

3.3.2狀態(tài)可見

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

3.3.3交互邏輯流程設(shè)計

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

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

4 APP界面設(shè)計實(shí)踐

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

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

5結(jié)束語

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

作者簡介：

王星（1995—），碩士.研究方向：藝術(shù)學(xué)、設(shè)計學(xué)。