用戶體驗要素-筆記總結(下)


4.框架層 界面設計、導航設計、信息設計界面設計

框架層(圖中交互設計應為界面設計)

界面設計:提供用戶做某些事的能力,通過它,用戶能真正接觸到那些“在結構層的交互設計 中”確定的“具體功能?!?/p>

導航設計:提供給用戶去某個地方的能力,通過它,用戶可以在結構中自由穿行。

信息設計:給用戶傳達想法。跨越了“以任務為導向”的功能型產品和以“信息為導向”的信息型產品的邊界。是界面設計和信息設計的基礎。

界面設計

? ? ? 選擇正確的界面元素。這些界面元素能幫助用戶完成他們的任務,還能通過適當的方法讓它們容易被理解和使用。哪些功能在哪個界面上完成,是我們在結構層的交互設計中決定的;而這些功能在界面上如何被用戶認知到,則屬于界面設計的范疇。設計復雜系統(tǒng)的界面所面臨的最大挑戰(zhàn)之一:弄清楚用戶不需要知道哪些東西,并減少它們的可發(fā)現行。界面設計可以采用各種各樣的技巧,使用戶完成目標的過程變得容易。一個簡單的技巧,在這個界面第一次呈現給用戶的時候,仔細考慮每一個選項的默認值。

復選框(checkbox):允許用戶獨立地選擇各個選項。

單選框(radio button):允許用戶從一組互斥的選項中選擇一個。

文本框(text field):允許用戶---等待著用戶---輸入文字。

下拉菜單(dropdown list):在緊湊的空間中,讓用戶從一組互斥的選項中選擇一個。

多選菜單(list box):在緊湊的空間中,允許用戶獨立地選擇各個選項。

按鈕(action button):告訴體統(tǒng)接受用戶通過其他界面元素提交的所有信息,并用這些信息來做一些事情---采取動作。

導航設計

滿足3個要點

1.給用戶提供一種在網站間跳轉的方法。

2.傳達出導航與他們所包含內容之間的關系。

3.傳達出它的內容和用戶當前瀏覽頁面之間的關系

假設用戶不會將上一頁的信息帶到下一頁中。

1.全局導航:提供了覆蓋整個網站的通路

2.局部導航:提供給用戶在這個架構中到“附近地點”的通路。

3.輔助導航:提供了全局全局導航或局部導航不能快速到相關內容的快捷途徑,提供了一些分類方面的好處,同時能保持網站的主要層級結構。

4.上下文導航:嵌入頁面自身內容的導航,即文本的超鏈接導航。

5.友好導航:提供給用戶他們通常不會需要的鏈接。

6.網站地圖:作為網站的一個分級概要出現,提供所有以及導航的鏈接,并與縮進顯示的、主要二級導航鏈接起來。

7.索引表:按字母順序排列的、鏈接到相關頁面的列表。

信息設計

信息設計的分類依據:1.反應用戶的思路,2.支持用戶的任務和目標。由于界面不僅僅只是用來收集用戶信息,它還需要向用戶呈現信息,所以信息設計在解決界面設計的問題中扮演重要角色。

指示標示

用來幫助用戶理解“他們在哪”“他們能去哪”

圖標、標簽系統(tǒng)和排版是另外的信息設計方式,有時幫助用戶加強“你在這里的”感覺。

線框圖

線框圖/頁面示意圖:將信息設計、界面設計和導航設計防止在一起,形成一個統(tǒng)一的、有內在凝聚力的架構的地方。

線框圖是整合在框架層的全部三種要素的方法:

1.通過安排和選擇界面元素來整合界面設計

2.通過識別和定義核心導航系統(tǒng)來整合導航設計

3.通過防止和排列信息組成部分的優(yōu)先級來整合信息設計。

5.表現層 感知設計

表現層:解決“產品框架層的邏輯排布”的感知呈現問題。

視覺

視覺設計應關注的點:

應該把注意力集中在設計的“運作是否良好”

之前就確定的目標,視覺設計應的支持如何?

忠于眼睛

評估一個產品視覺的簡單方法:你的視線首先落在上面地方?哪個設計要素在第一時間吸引用戶的注意力?他們是對于戰(zhàn)略目標來講很重要的東西嗎?或者用戶第一時間注意到的東西與他們的目標是背道而馳的么?

如果你的設計師成功的,用戶眼睛的移動軌跡應該滿足一下兩點

1.有一條流暢的路徑指引用戶

2.這條路徑引導用戶去完成某個目標和任務。

對比和一致性

對比是一個重要手段,能幫助用戶理解頁面導航元素之間的關系。對比還可以傳達信息設計中的概念群組。一致性:能使你的設計有效得傳達信息,而不會導致用戶迷惑或者焦慮。

基于柵格線:使用“母版”來確保設計的一致性。

內部和外部的一致性

內部產品和外部產品不統(tǒng)一

解決辦法:確定有可能在產品各種各樣的界面、導航和信息設計等不同環(huán)境中反復出現的設計元素,進行一個方案設計,病將這個方案應用到整個產品中去。

配色方案和排版

核心的配色方案通常是一個更廣泛的配色方案的一部分,這套配色方案要在一個企業(yè)的所有材料中得到應用。對比和一致性對于創(chuàng)建配色方案也扮演了重要角色。

排版:字體的選擇

設計合成品和風格指南

風格指南:匯總確定了視覺設計的每個方面,從最大到最小的范圍的所有元素,比如設計柵格、配色方案、字體標準或標志應用指南

要素的應用

創(chuàng)建良好的用戶體驗最重要的內容是大量收集亟待解決的非常細微的問題。1.了解你正在試著去解決的問題:你已經知道主頁的紫色的大按鈕是個問題,那這個問題是表現層?框架層?還是結構層?2.了解這些解決辦法所造成的成果:在你的產品某個部分運作得非常好的導航設計,可能完全不符合結構層的另一個部分。

用戶體驗的決策體現在這些場景之中:1.由現狀決定的設計。2.由模仿決定設計。3.由領導決定的設計。


用戶體驗要素

必須要同時考慮五個層面的全部因素,這是對創(chuàng)建成功的用戶體驗至關重要的。

面對哪些設計用戶體驗時需要解決的糾纏不清的小問題,有時會是一件令人氣餒的事情。有時需要作出妥協(xié)并評估利弊進行取舍,也很容易讓人沮喪、懷疑。正確的做法是:每一個決定都建立在對其背后議題理解的基礎之上,問自己:你為什么要這么做?

用戶體驗設計是一場馬拉松,可能在短期內花費一定的時間,但是它們將在一個更長時期中節(jié)省更多的時間。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容