基于用戶體驗的引導(dǎo)性手機(jī)交互界面的設(shè)計

李慧真

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

【關(guān)鍵詞】用戶體驗 手機(jī)界面 引導(dǎo)性 設(shè)計

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

1 頁面設(shè)計與用戶體驗

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

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

2 基于用戶體驗的手機(jī)交互界面設(shè)計

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

2.1 確定用戶訪問頁面的任務(wù)與目的

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

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

2.2 信息元素的組織分類

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

2.3 對信息重要程度進(jìn)行區(qū)分

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

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

3 結(jié)論

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

參考文獻(xiàn)

[1]鄺家瑞，基于信息架構(gòu)下交互界面圖標(biāo)設(shè)計淺析[J].中國包裝工業(yè)，2015 （10）.

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

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

[4]張寧，劉正捷，基于用戶認(rèn)知能力的自助服務(wù)終端界面交互設(shè)計方法[J].計算機(jī)應(yīng)用研究，2013 （08）.