閱讀筆記 | 表現(xiàn)層:感知設(shè)計

在框架層,我們主要解決放置的事情。在表現(xiàn)層,我們要解決并幕布“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。



表現(xiàn)層在工作中大部分屬于ui或者視覺設(shè)計師的工作范疇,作為交互我們可以培養(yǎng)自己的審美,尊重參考設(shè)計師的意見,給設(shè)計師足夠的空間來主導設(shè)計。

所以這個章節(jié)我們以了解為主,下面節(jié)選一些認為比較重要的部分:

表現(xiàn)層決定我們的設(shè)計最后要如何被人類的感覺器官感受到。感受由視覺、聽覺、觸覺、嗅覺和味覺。

觸覺屬于工業(yè)設(shè)計領(lǐng)域,用戶與產(chǎn)品之間的物理接觸,不僅包括材質(zhì),還可以是振動、溫度等來傳遞。

我們應該把注意力集中在視覺設(shè)計方案運作是否良好上。

評估視覺設(shè)計的簡單方法之一,是回答這樣的問題:你的視線首先落在什么地方?哪個設(shè)計要素在第一時間吸引了用戶的注意力?它們是對于戰(zhàn)略目標來講很重要的東西嗎?或者用戶第一時間注意到的東西與想要的目標是背道而馳的嗎?

找出主要設(shè)計元素的方法是瞇著眼睛或斜著去看這個頁面,或者將圖無限縮小。

眼球追蹤(eyetracking)儀器來確定被測人到底正在看什么,以及他們的視線是如何在這個屏幕上移動的。

好的眼睛移動軌跡的模式應該有一下兩個重要的特點:首先,它們遵循的是一條流暢的路徑;其次,在不需要用太多細節(jié)來嚇到用戶的前提下,它為用戶提供有效選擇的、某種可能的“引導”。

巧妙利用頁面中的對比(contrast)和一致性(uniformity),把用戶的注意力吸引到界面中的關(guān)鍵部分,幫助用戶理清頁面導航元素之間的關(guān)系,還可以傳達信息設(shè)計中的概念群組的主要手段。比如瀑布流中的廣告就利用了這點。

對比可以引導用戶在頁面上的視線,也可以將用戶的注意力吸引到關(guān)鍵要素上。這些工作的總體策略是,讓“差異”必須足夠清晰,用戶要足夠分辨出某個設(shè)計選擇是特意要傳達一些信息的。

柵格化(grid-based layout)主要用于網(wǎng)頁設(shè)計中,用來指導布局工作保證一致性而不會犧牲統(tǒng)一。

解決“內(nèi)部一致性”問題比較好的辦法,是建立在對網(wǎng)站框架的深刻理解上的。其中的關(guān)鍵在于,確定有可能在產(chǎn)品各種各樣的界面、導航和信息設(shè)計等不同環(huán)境中反復出現(xiàn)的設(shè)計元素。簡而言之,要做個控件庫或者設(shè)計規(guī)范。

在大多情況下,更亮或更醒目的色彩可以用于設(shè)計你的前景色,更暗淡的色彩最好用于那些不需要跳出頁面的背景元素中。

一個非常接近其他顏色、但又不完全一樣的色彩,會破壞你的配色方案的效率。

注意襯線體和非襯線體的應用環(huán)境。



關(guān)愛設(shè)計師 人人有責


《用戶體驗要素》閱讀筆記

一、初識用戶體驗
二、網(wǎng)站的用戶體驗
三、用戶體驗五要素
四、戰(zhàn)略層:產(chǎn)品目標和用戶需求
五、范圍層:功能規(guī)格和內(nèi)容需求
六、結(jié)構(gòu)層:交互設(shè)計與信息架構(gòu)
七、框架層:界面設(shè)計、導航設(shè)計和信息設(shè)計
九、表現(xiàn)層:感知設(shè)計
十、用戶體驗的應用



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容