李慧真

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

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

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

1 頁面設(shè)計(jì)與用戶體驗(yàn)

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

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

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

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

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

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

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

2.2 信息元素的組織分類

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

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

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

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

3 結(jié)論

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

參考文獻(xiàn)

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

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

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

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