基于用戶體驗的引導性手機交互界面的設計

李慧真

摘要 隨著科學技術的快速發展，手機已經不僅僅是通信設備，它已然成為日常生活和交流的主要形式之一，手機屬于移動終端設備，其特點是便于攜帶和簡易化的操作。手機的用戶界面的職能是進行功能與信息的傳達，如果用戶界面功能復雜或界面混亂，不僅會增加用戶的認知負荷，而且還不利于易用性、易讀性的操作，因此，本文介紹了基于用戶體驗的引導性手機交互界面設計方法和設計流程，并提出設計方案，達到降低用戶認知負荷、滿足用戶認知多樣性需求的根本目的。

【關鍵詞】用戶體驗 手機界面 引導性 設計

手機界面設計是手機產品設計的重要環節之一，不僅具有可視化展現作用，還要確保使用者和產品之間的有效連接，因此，易用性和交互性成為界面設計的核心要素。現階段，用戶對手機界面的易用性、交互性、舒適性等方面提出較高要求，期望一個輕松、愉悅、流暢的使用體驗。而這種體驗需要引導存在于使用過程中，從而引導用戶在使用過程中感受到可控制，讓用戶更加主動直觀地進行體驗，同時引導用戶順利完成操作，既滿足了用戶需求，也使用戶獲得了愉快的體驗過程。這便是基于用戶認知能力的引導性手機交互界面設計的核心價值，其具有優化研究的意義。

1 頁面設計與用戶體驗

頁面是連接用戶和產品的一個重要橋梁，用戶對于產品的一個體驗和感知，都是發生在具體的頁面上，這個頁面承擔了產品的功能，也包含了設計師的一個設計理念，而最重要的是這個頁面是滿足了用戶的需求，因此，頁面布局設計是整個用戶體驗非常重要的載體。

整體來講，判斷頁面設計好壞的標準，可以理解為“是否能滿足用戶需求，減少用戶的理解和操作成本，還能深深的吸引用戶，讓這個產品捕獲用戶的芳心”。以微信、陌陌產品中附近的人頁面以及易信的朋友地圖頁面為例（如圖1所示），三款產品功能相似，但采取不同的設計方案。微信是基于一個半熟人的社交，雖然在初期的時候，陌生人社交可能對微信的幫助很大，但是在這個頁面重點是展示附近的人以及個人信息，具體還是一個熟人社交、半熟人社交;而陌陌是基于純陌生人的社交軟件，所以在頁面上會更加突出了人的照片，它以大圖的形式來展示個人的魅力，以達到吸引好友的目的。而易信作為一個純熟人社交，在朋友地圖剛出來的時候，易信定位還是純熟人社交，當時是重點展示周圍熟人的一個分布情況，而這些熟人都不需要再展示他們的詳細的個人信息、性別，只是重點展示朋友之間的一個位置關系，三個頁面的布局都滿足了各自產品的需求，都可以稱得上一個比較優秀的頁面設計。因此，頁面設計最重要的一個衡量標準還是有用，它能滿足用戶和產品雙方的需求，提升用戶體驗感受和操作易用性。

2 基于用戶體驗的手機交互界面設計

頁面排版布局是在有限的空間內對特定的信息進行整理、歸類、擺放的過程，最終乃是讓用戶進行使用的，因此，本文對頁面排版的步驟及方法進行闡述：

2.1 確定用戶訪問頁面的任務與目的

用戶在頁面訪問時，具有目的及需求去進行訪問操作，用戶在頁面訪問時，首先會獲取信息，然后進行流程操做，從而完成操作任務，因此，在不同的任務和目的下，也決定了頁面的排版布局是不一樣的，比如：閱讀類的產品往主是為了營造沉浸式的閱讀體驗，所以在很多的閱讀產品中都會在閱讀的時候，隱藏頁面的一些操作按鈕，給用戶一種沉浸式的閱讀體驗。在用戶具有操作需求時，輕點頁面屏幕，又能幫助用戶很快速的獲取這些操作按鈕，即可喚起操作欄（如圖2所示）。

此外，針對列表類界面，例如：易信的群廣場頁面，用戶來到這個頁面，其目的往往是找到他所要的群，如果沒有的話，則自己會去建一個群，所以在這個群廣場頁面，為了突出建群的操作，易信在群廣場的右下角，以一個懸浮按鈕的形式來展示建群的快速操作入口，來幫助用戶更快的完成建群的操作。右側是具體的一個建群的頁面，建群的頁面也做到了用戶的需求與產品需求的一個權衡，用戶到這個頁面的時候，他是要快速的去建群，所以易信用一個很大的按鈕的布局方式，讓用戶能夠快速的獲取他的信息，執行他的操作，完成任務：同時對于產品方，也希望用戶能夠在建群的同時，也可以去看一下其他的群，順便加入到其他的群里去，所以在頁面的下方有了一個熱門的推薦欄目，來引導用戶能加入到其他群，讓整個群的氛圍更加活躍，所以這個頁面也是滿足了用戶層和產品層的需求。綜上所述，想要設計出符合用戶以及產品兩方面需求的頁面，首先要明確我們的用戶訪問頁面的任務和目的以及產品方在這個頁面的訴求，然后再確定合適的方案進行。

2.2 信息元素的組織分類

當梳理用戶和產品方的需求后，面對需求和展示功能的多樣化，如何對需求功能進行頁面設計和分類，或者我們很難從用戶的角度進行組織分類，可采用卡片分類法，對挖掘信息組織進行分類。比如在設計一個商品的詳情界面，用戶訪問頁面后希望能查看心意的產品詳情：價格、規格、購買;查看用戶評價，與此同時，產品方希望用戶進入頁面，就能夠進行購買并將商品信息分享給其他人。在了解用戶及產品方的需求后，可使用卡片分類法，來對產品的信息架構進行梳理，將獨立的功能模塊寫在一張卡片上，然后讓用戶按照自己的理解進行分類，用戶會將商品預覽圖、價格、運費、規格、剩余數量、銷量放到商品詳情里面，將收藏、分享、加入購物車、購買放到操作功能里面去，并將購買數量、選擇規格等放到操作詳情里面等等（如圖3所示）。具體的頁面設計可以用卡片分類的方法來將有限的空間進行一個信息的布局與組織，來幫助用戶更加快速理解頁面上的內容。

2.3 對信息重要程度進行區分

在一個操作界面上會同時分布很多信息，每個信息的重要程度都不同，但每一個信息又不可缺，這就需要在同一界面上進行重要度區分。在一個界面中可從用戶的認知模型角度分析，對各類信息的排布和標重方式做一個對比，再通過信息模塊的位置、大小、色彩或狀態等形式對其重要度進行區分，確定哪種排布和標重方式最優。同時，在進行頁面布局時，要謹記用戶的認知心理和閱讀習慣（從上到下，從左到右），平衡用戶的認知能力，以及功能權重、信息認知容量，將設計美學中的元素如留白、圖底關系、平衡、轉換、視覺引導等視覺原理合理地運用起來，最終使產品有一個比較清晰的架構，并且符合每個用戶的心理預期，用戶可以依靠他的潛意識或者無意識的行為就很自然流暢的獲取信息并完成相關操。

綜上所述，手機的交互界面是衡量用戶體驗的重要載體，也包含了設計人員對用戶認知的考慮程度和對交互活動的分析力度，是依托于數據和功能產生的，其設計首先需要對用戶體驗的信息進行收集，同時要區分用戶類型，了解用戶對手機信息架構的認識、導航信息的使用、對反饋信息的獲知以及各種情感體驗：然后確定交互類型和人機交互方式，目標匹配與優化策略，再次通過通用性設計的方法，建立手機界面交互模型，幫助設計人員形成最初的設計方案、界面供給的識別以及最終獲取策略，然后對手機交互設計方案進行評估，判斷其是否能夠有效降低用戶認知負荷。最后，再根據手機界面交互設計的標準和原則，具體設計交互結構模型，設計存取機制，界面結構模塊的劃分，繪制出交互結構功能圖。

3 結論

隨著科學技術的快速發展，現代化電子產品在人們生活中被廣泛應用。尤其是操作簡單、便于控制的產品，給人們帶來更好的易用性和操作性。電子產品的界面，是用戶和設備溝通的主要橋梁，一個友好的人機交互界面，可以給用戶提供一個輕松和便捷的使用感受。因此，本文基于用戶體驗，對引導性手機交互界面的設計進行研究，在現有的理論和實踐基礎上，融合用戶認知能力的手機交互界面設計框架和內容，最大限度地降低了用戶認知負荷，使得手機交互界面設計更加人性化和合理化。

參考文獻

[1]鄺家瑞，基于信息架構下交互界面圖標設計淺析[J].中國包裝工業，2015 （10）.

[2]孫慧慧.基于用戶體驗的中老年手機交互界面設計[A].User Friendly 2014暨UXPA中國第十一屆用戶體驗行業年會論文集[C].2 014.

[3]劉慧，馮志全，梁麗偉，徐治鵬.虛擬界面自然交互模型與算法[J].浙江大學學報，2016 （06）.

[4]張寧，劉正捷，基于用戶認知能力的自助服務終端界面交互設計方法[J].計算機應用研究，2013 （08）.