基于用戶體驗的交互界面!
文/李慧真 手機界面設(shè)計是手機產(chǎn)品設(shè)計的重要環(huán)節(jié)之一,不僅具有可視化展現(xiàn)作用,還要確保使用者和產(chǎn)品之間的有效連接,因此易用性和交互性成為界面設(shè)計的核心要素?,F(xiàn)階段用戶對手機界面的易用性、交互性、舒適性等方面提出較高要求,期望一個輕松、愉悅、流暢的使用體驗。

而這種體驗需要存在于使用過程中,讓用戶更加主動直觀地進行體驗,同時引導(dǎo)用戶順利完成操作,既滿足了用戶需求,也使用戶獲得了愉快的體驗過程,這便是基于用戶體驗的交互界面。


用戶在頁面訪問時,其有目的及需求去進行訪問操作,用戶在頁面訪問時,首先會獲取信息,然后進行流程操作,從而完成操作任務(wù),因此在不同的任務(wù)和目的下,也決定了頁面的排版布局是不一樣的。

例如:閱讀類的產(chǎn)品是為了營造沉浸式的閱讀體驗,所以在很多的閱讀產(chǎn)品中都會在閱讀的時候,隱藏頁面的一些操作按鈕,給用戶一種沉浸式的閱讀體驗。在用戶具有操作需求時,輕點頁面屏幕,又能幫助用戶很快速的獲取這些操作按鈕,即可喚起操作欄。


當梳理用戶和產(chǎn)品方的需求后,面對需求和展示功能的多樣化,如何對需求功能進行頁面設(shè)計和分類,或者我們很難從用戶的角度進行組織分類,可采用卡片分類法,對挖掘信息組織進行分類。

例如:在設(shè)計一個商品的詳情界面,用戶訪問頁面后希望能查看心意的產(chǎn)品詳情:價格、規(guī)格、購買;查看用戶評價,與此同時,產(chǎn)品方希望用戶進入頁面,就能夠進行購買并將商品信息分享給其他人。

在了解用戶及產(chǎn)品方的需求后,可使用卡片分類法,來對產(chǎn)品的信息架構(gòu)進行梳理,將獨立的功能模塊寫在一張卡片上,然后讓用戶按照自己的理解進行分類,用戶會將商品預(yù)覽圖、價格、運費、規(guī)格、剩余數(shù)量、銷量放到商品詳情里面,將收藏、分享、加入購物車、購買放到操作功能里面去,并將購買數(shù)量、選擇規(guī)格等放到操作詳情里面。

具體的頁面設(shè)計可以用卡片分類的方法來將有限的空間進行一個信息的布局與組織,來幫助用戶更加快速理解頁面上的內(nèi)容。


在一個操作界面上會同時分布很多信息,每個信息的重要程度都不同,但每一個信息又不可缺,這就需要在同一界面上進行重要度區(qū)分。在一個界面中可從用戶的認知模型角度分析,對各類信息的排布和標重方式做一個對比,再通過信息模塊的位置、大小、色彩或狀態(tài)等形式對其重要度進行區(qū)分,確定哪種排布和標重方式最優(yōu)。

同時,在進行頁面布局時要謹記用戶的認知心理和閱讀習慣(從上到下,從左到右),平衡用戶的認知能力,以及功能權(quán)重、信息認知容量,將設(shè)計美學中的元素,例如:留白、圖底關(guān)系、平衡、轉(zhuǎn)換、視覺引導(dǎo)等視覺原理合理地運用起來,最終使產(chǎn)品有一個比較清晰的架構(gòu),用戶可以依靠他的潛意識或者無意識的行為就很自然流暢的獲取信息并完成相關(guān)操。

手機的交互界面是衡量用戶體驗的重要載體,也包含了設(shè)計人員對用戶認知的考慮程度和對交互活動的分析力度,是依托于數(shù)據(jù)和功能產(chǎn)生的,其設(shè)計:

①首先,需要對用戶體驗的信息進行收集,同時要區(qū)分用戶類型,了解用戶對手機信息架構(gòu)的認識、導(dǎo)航信息的使用、對反饋信息的獲知以及各種情感體驗。

②然后,確定交互類型和人機交互方式,目標匹配與優(yōu)化策略,通過通用性設(shè)計的方法,建立手機界面交互模型,幫助設(shè)計人員形成最初的設(shè)計方案、界面供給的識別以及最終獲取策略,然后對手機交互設(shè)計方案進行評估,判斷其是否能夠有效降低用戶認知負荷。

③最后,再根據(jù)手機界面交互設(shè)計的標準和原則,具體設(shè)計交互結(jié)構(gòu)模型、設(shè)計存取機制、界面結(jié)構(gòu)模塊的劃分,繪制出交互結(jié)構(gòu)功能圖。

操作簡單、便于控制的產(chǎn)品,給人們帶來更好的易用性和操作性,友好的人機交互界面,可以給用戶提供一個輕松和便捷的使用感受,最大限度地降低了用戶認知負荷,使得手機交互界面設(shè)計更加人性化和合理化。
