結(jié)構(gòu)層中開(kāi)始形成了大量的需求争占，這些需求都是來(lái)自我們的戰(zhàn)略目標(biāo)的需求燃逻。在框架層序目，我們要更進(jìn)一步地提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀伯襟、導(dǎo)航和信息設(shè)計(jì)猿涨，這讓晦澀的結(jié)構(gòu)變得更實(shí)在。

如果涉及提供給用戶做某些事的能力姆怪，則屬于“界面設(shè)計(jì)”叛赚。界面的意思是說(shuō)，通過(guò)它稽揭，用戶能真正接觸到那些“在結(jié)構(gòu)層交互設(shè)計(jì)中”確定的“具體功能”俺附。

如果是提供給用戶去某個(gè)地方的能力，這是“導(dǎo)航設(shè)計(jì)”溪掀。信息架構(gòu)把一個(gè)結(jié)構(gòu)應(yīng)用到我們?cè)O(shè)定好的“內(nèi)容需求列表”之中事镣；而導(dǎo)航設(shè)計(jì)則是一個(gè)用戶能看到那個(gè)結(jié)構(gòu)的鏡頭，這就表示揪胃，通過(guò)它璃哟，用戶可以“在結(jié)構(gòu)中自由穿行”。

如果是傳達(dá)想法給用戶的話喊递，那就是“信息設(shè)計(jì)”随闪。

習(xí)慣和比喻

習(xí)慣和反射是我們與這個(gè)時(shí)間交互時(shí)的各種基礎(chǔ)。如骚勘，電話“三行四列”的按鈕布局铐伴，計(jì)算器、鍵盤(pán)俏讹、自動(dòng)提款機(jī)当宴、收銀機(jī)和一些數(shù)據(jù)輸入的應(yīng)用程序。

如果有兩個(gè)特性都使用了同樣的概念模型藐石，那么它們很可能就會(huì)有比較類(lèi)似的界面需求即供。在這兩個(gè)地方使用同樣的操作習(xí)慣，能使熟悉了其中一個(gè)特性的用戶很快適應(yīng)另一個(gè)于微。

網(wǎng)站內(nèi)容應(yīng)該提供一定程度的上下文逗嫡，從而幫助用戶更好地猜測(cè)你所采用的比喻試圖代表什么樣的特性。有效地使用比喻株依，就是要減少用戶在“理解和使用你的產(chǎn)品功能”時(shí)對(duì)猜測(cè)的要求驱证。

界面設(shè)計(jì)

界面設(shè)計(jì)要做的全部事情就是選擇正確的界面元素。這些界面元素要能幫助用戶完成他們的任務(wù)恋腕，還要通過(guò)適當(dāng)?shù)姆绞阶屗鼈內(nèi)菀妆焕斫夂褪褂媚ǔＤ膫€(gè)功能在哪個(gè)界面上完成，是我們?cè)诮Y(jié)構(gòu)層的交互設(shè)計(jì)中已經(jīng)決定的：而這些功能在界面上如何被用戶認(rèn)知到，則屬于界面設(shè)計(jì)的范疇伙单。

成功的界面設(shè)計(jì)是那些能讓用戶一眼就看到“最重要的東西”的界面設(shè)計(jì)获高。這并不是說(shuō)每一個(gè)界面問(wèn)題的解決辦法都是把用戶最有可能點(diǎn)擊的按鈕設(shè)計(jì)成最大的那個(gè)。界面設(shè)計(jì)可以采用各種各樣的技巧吻育，使用戶完成任務(wù)的過(guò)程變得容易念秧。一個(gè)簡(jiǎn)單的技巧，就是在這個(gè)界面第一個(gè)呈現(xiàn)給用戶的時(shí)候布疼，仔細(xì)考慮每一個(gè)選項(xiàng)的默認(rèn)值摊趾。（理解用戶的任務(wù)和目標(biāo)）另一個(gè)更好的做法，是能自動(dòng)記住某個(gè)用戶最后一次選擇狀態(tài)的系統(tǒng)游两，但這有時(shí)候比在界面上出現(xiàn)必要信息對(duì)技術(shù)有更高的要求砾层。

導(dǎo)航設(shè)計(jì)

任何一個(gè)網(wǎng)站的導(dǎo)航設(shè)計(jì)都必須同時(shí)完成以下三個(gè)目標(biāo)：

（1）首先，它必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法贱案。這些鏈接必須是真實(shí)有效的肛炮。

（2）其次，導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系宝踪，僅僅提供一個(gè)鏈接的列表是不夠的铸董。

（3）第三，導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁(yè)面之間的關(guān)系肴沫。

在信息空間中，用戶沒(méi)有在真實(shí)世界中找到方向的大腦機(jī)制蕴忆。這就是為什么在網(wǎng)站中颤芬，清晰地告訴用戶“他們?cè)谀膬骸币约啊八麄兡苋ツ膬骸狈浅Ｖ匾脑颉４蠖鄶?shù)網(wǎng)站提供多重導(dǎo)航系統(tǒng)套鹅，幾種常見(jiàn)的導(dǎo)航系統(tǒng)有：全局導(dǎo)航站蝠、局部導(dǎo)航、輔助導(dǎo)航（分類(lèi)方面的好處卓鹿，不需要重頭開(kāi)始）菱魔、上下文導(dǎo)航、友好導(dǎo)航（聯(lián)系信息吟孙、反饋表單澜倦、法律聲明），遠(yuǎn)程導(dǎo)航：網(wǎng)站地圖和索引表杰妓。

信息設(shè)計(jì)

由于界面不僅僅只是用來(lái)收集用戶的信息藻治，它還需要向用戶呈現(xiàn)信息，所以信息設(shè)計(jì)在解決界面設(shè)計(jì)的問(wèn)題中扮演了重要的角色巷挥。

有時(shí)信息設(shè)計(jì)涉及“分組”或“整理”散亂的信息桩卵。最關(guān)鍵的，是用一種能“反映用戶的思路”和“支持他們的任務(wù)和目標(biāo)”的方式來(lái)分類(lèi)和排列這些信息元素。

指示標(biāo)識(shí)

將信息設(shè)計(jì)和導(dǎo)航設(shè)計(jì)結(jié)合到一起雏节，有一個(gè)重要的作用：支持指示標(biāo)識(shí)胜嗓。這是用來(lái)幫助用戶理解“他們?cè)谀膬骸币约啊八麄兡苋ツ膬骸钡南到y(tǒng)。在網(wǎng)站中钩乍，指示標(biāo)識(shí)通常會(huì)設(shè)計(jì)導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)辞州。好的指示標(biāo)識(shí)能使用戶很快地得到一個(gè)心理圖像，“他們?cè)谀膬骸奔稀ⅰ澳苋ツ膬骸焙汀澳臈l路能使他們離自己的目標(biāo)更近”孙技。

線框圖

頁(yè)面布局是將信息設(shè)計(jì)、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)放置到一起排作，形成一個(gè)統(tǒng)一的牵啦，有內(nèi)在凝聚力的架構(gòu)。這一次需要平衡很多東西妄痪。這就是為什么頁(yè)面布局被納入一個(gè)詳細(xì)的文檔哈雏，并稱(chēng)為頁(yè)面示意圖或線框圖。

線框圖是整合在框架層的全部三種要素的方法：通過(guò)安排和選擇界面元素來(lái)整合界面設(shè)計(jì)衫生；通過(guò)識(shí)別和定義核心導(dǎo)航系統(tǒng)來(lái)整合導(dǎo)航設(shè)計(jì)裳瘪；通過(guò)放置和排列信息組成部分的優(yōu)先級(jí)來(lái)整合信息設(shè)計(jì)。把這三者放到一個(gè)文檔中罪针，線框圖就可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu)彭羹，同時(shí)指出了表現(xiàn)層的設(shè)計(jì)應(yīng)該前進(jìn)的方向。

全文摘自《用戶體驗(yàn)要素——以用戶為中心的產(chǎn)品設(shè)計(jì)》（機(jī)械工業(yè)出版社）Jesse James Garrett 著