在框架層芬首,我們主要解決放置的事情熄诡。在表現(xiàn)層临燃,我們要解決并幕布“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。
表現(xiàn)層在工作中大部分屬于ui或者視覺設(shè)計(jì)師的工作范疇蒜田,作為交互我們可以培養(yǎng)自己的審美稿械,尊重參考設(shè)計(jì)師的意見,給設(shè)計(jì)師足夠的空間來主導(dǎo)設(shè)計(jì)冲粤。
所以這個(gè)章節(jié)我們以了解為主美莫,下面節(jié)選一些認(rèn)為比較重要的部分:
表現(xiàn)層決定我們的設(shè)計(jì)最后要如何被人類的感覺器官感受到。感受由視覺色解、聽覺、觸覺餐茵、嗅覺和味覺科阎。
觸覺屬于工業(yè)設(shè)計(jì)領(lǐng)域,用戶與產(chǎn)品之間的物理接觸忿族,不僅包括材質(zhì)锣笨,還可以是振動(dòng)、溫度等來傳遞道批。
我們應(yīng)該把注意力集中在視覺設(shè)計(jì)方案運(yùn)作是否良好上错英。
評(píng)估視覺設(shè)計(jì)的簡(jiǎn)單方法之一,是回答這樣的問題:你的視線首先落在什么地方隆豹?哪個(gè)設(shè)計(jì)要素在第一時(shí)間吸引了用戶的注意力椭岩?它們是對(duì)于戰(zhàn)略目標(biāo)來講很重要的東西嗎?或者用戶第一時(shí)間注意到的東西與想要的目標(biāo)是背道而馳的嗎?
找出主要設(shè)計(jì)元素的方法是瞇著眼睛或斜著去看這個(gè)頁面判哥,或者將圖無限縮小献雅。
眼球追蹤(eyetracking)儀器來確定被測(cè)人到底正在看什么,以及他們的視線是如何在這個(gè)屏幕上移動(dòng)的塌计。
好的眼睛移動(dòng)軌跡的模式應(yīng)該有一下兩個(gè)重要的特點(diǎn):首先挺身,它們遵循的是一條流暢的路徑;其次锌仅,在不需要用太多細(xì)節(jié)來嚇到用戶的前提下章钾,它為用戶提供有效選擇的、某種可能的“引導(dǎo)”热芹。
巧妙利用頁面中的對(duì)比(contrast)和一致性(uniformity)贱傀,把用戶的注意力吸引到界面中的關(guān)鍵部分,幫助用戶理清頁面導(dǎo)航元素之間的關(guān)系剿吻,還可以傳達(dá)信息設(shè)計(jì)中的概念群組的主要手段窍箍。比如瀑布流中的廣告就利用了這點(diǎn)。
對(duì)比可以引導(dǎo)用戶在頁面上的視線丽旅,也可以將用戶的注意力吸引到關(guān)鍵要素上椰棘。這些工作的總體策略是,讓“差異”必須足夠清晰榄笙,用戶要足夠分辨出某個(gè)設(shè)計(jì)選擇是特意要傳達(dá)一些信息的邪狞。
柵格化(grid-based layout)主要用于網(wǎng)頁設(shè)計(jì)中,用來指導(dǎo)布局工作保證一致性而不會(huì)犧牲統(tǒng)一茅撞。
解決“內(nèi)部一致性”問題比較好的辦法帆卓,是建立在對(duì)網(wǎng)站框架的深刻理解上的。其中的關(guān)鍵在于米丘,確定有可能在產(chǎn)品各種各樣的界面剑令、導(dǎo)航和信息設(shè)計(jì)等不同環(huán)境中反復(fù)出現(xiàn)的設(shè)計(jì)元素。簡(jiǎn)而言之拄查,要做個(gè)控件庫或者設(shè)計(jì)規(guī)范吁津。
在大多情況下,更亮或更醒目的色彩可以用于設(shè)計(jì)你的前景色堕扶,更暗淡的色彩最好用于那些不需要跳出頁面的背景元素中碍脏。
一個(gè)非常接近其他顏色、但又不完全一樣的色彩稍算,會(huì)破壞你的配色方案的效率典尾。
注意襯線體和非襯線體的應(yīng)用環(huán)境。
《用戶體驗(yàn)要素》閱讀筆記
一糊探、初識(shí)用戶體驗(yàn)
二钾埂、網(wǎng)站的用戶體驗(yàn)
三河闰、用戶體驗(yàn)五要素
四、戰(zhàn)略層:產(chǎn)品目標(biāo)和用戶需求
五勃教、范圍層:功能規(guī)格和內(nèi)容需求
六淤击、結(jié)構(gòu)層:交互設(shè)計(jì)與信息架構(gòu)
七、框架層:界面設(shè)計(jì)故源、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)
九污抬、表現(xiàn)層:感知設(shè)計(jì)
十、用戶體驗(yàn)的應(yīng)用