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

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

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

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

1互聯網產品設計更加關注用戶體驗

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

2概述

2.1APP設計

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

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

2.2在線類產品界面設計

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

2.3在線類APP的用戶體驗

“用戶體驗”一詞最初來自DonaldNorman的《設計心理學》，在此之后，“用戶體驗”一詞的概念在工業設計中得到普及。如今，“用戶體驗”已經與互聯網在線類產品息息相關。

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

3在線類APP界面設計分析

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

3.1用戶體驗下的設計原則

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

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

3.2界面排版布局設計分析

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

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

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

3.3界面交互設計分析

3.3.1一致性

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

3.3.2狀態可見

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

3.3.3交互邏輯流程設計

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

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

4 APP界面設計實踐

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

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

5結束語

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

作者簡介：

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