? ? ? ? 結(jié)構(gòu)層定義產(chǎn)品運(yùn)行形式，框架層則用于確定用什么樣的功能或者形式來(lái)實(shí)現(xiàn)。在框架層，功能型和信息型產(chǎn)品都需要信息設(shè)計(jì)，不同的是功能型還需要界面設(shè)計(jì)，而信息型產(chǎn)品則是導(dǎo)航設(shè)計(jì)。
? ? ? ? 1、界面設(shè)計(jì)：如果涉及提供給用戶(hù)做某些事的能力，那就是界面設(shè)計(jì)。
? ? ? ? 2、導(dǎo)航設(shè)計(jì)：如果提供給用戶(hù)去某個(gè)地方的能力就是導(dǎo)航設(shè)計(jì)。
? ? ? ? 3、信息設(shè)計(jì)：如果是傳達(dá)想法給用戶(hù)那就是信息設(shè)計(jì)。

一、比喻和習(xí)慣
? ? ? ? 1、習(xí)慣
? ? ? ? 人類(lèi)對(duì)熟悉的事物存在習(xí)慣的條件反射。讓你的界面和用戶(hù)早已養(yǎng)成的習(xí)慣保持一致很重要，更重要的是界面要與它自身保持一致。但是這并不是說(shuō)要你墨守成規(guī)，如果你有很充分的理由，也可以敬慎的違背一些習(xí)慣。
? ? ? ? 2、比喻
我們應(yīng)該抑制在產(chǎn)品中到處建立比喻的沖動(dòng)。將產(chǎn)品特性和現(xiàn)實(shí)世界的事物建立聯(lián)想，聽(tīng)起來(lái)會(huì)方便用戶(hù)理解，但是實(shí)際上不管什么比喻都沒(méi)有辦法揭示特性本來(lái)的本質(zhì)，反而是讓用戶(hù)更容易混淆。因?yàn)槊總€(gè)人的文化背景不一樣，你所認(rèn)為恰當(dāng)?shù)谋扔?，可能在用?hù)那邊覺(jué)得莫名其妙。你和用戶(hù)之間可能會(huì)存在巨大的認(rèn)識(shí)偏差。
所以比喻要謹(jǐn)慎使用，并且通過(guò)提供一定程度的上下文承接，來(lái)縮小用戶(hù)可猜想的范圍。
?

二、界面設(shè)計(jì)
? ? ? ? 程序員往往追求邏輯上的完美無(wú)死角，所以會(huì)去處理很多的意外情況，和各種邏輯分叉。但是對(duì)于界面設(shè)計(jì)來(lái)說(shuō)，這是行不通的。
我們應(yīng)該思考的是大多數(shù)用戶(hù)的使用路徑，至于少部分用戶(hù)的錯(cuò)誤操作，我們可以給予提示，但是不能增加大部分用戶(hù)的操作步驟或者不能增加大部分用戶(hù)需要瀏覽的信息量。如果因?yàn)樯俨糠钟脩?hù)的操作路徑差異，我們就在操作主路徑上做很多容錯(cuò)提示信息或者做容錯(cuò)操作，那么就是撿了芝麻丟了西瓜。
? ? ? ? 界面設(shè)計(jì)永遠(yuǎn)都是遵循二八法則，為了服務(wù)好80%的用戶(hù)，讓它們只需瀏覽盡量少的信息，做盡量少的步驟操作。只能犧牲那20%操作路徑與眾不同的用戶(hù)了。

三、導(dǎo)航設(shè)計(jì)
? ? ? ? 導(dǎo)航設(shè)計(jì)就是告訴用戶(hù)我在哪，我可以去哪。
????????1、導(dǎo)航設(shè)計(jì)要完成三個(gè)目標(biāo)：
? ? ? ? （1）實(shí)現(xiàn)在網(wǎng)站間跳轉(zhuǎn)。
? ? ? ? （2）告訴用戶(hù)即將跳轉(zhuǎn)過(guò)去的地方是什么內(nèi)容。
? ? ? ? （3）告訴用戶(hù)即將跳轉(zhuǎn)過(guò)去的地方和當(dāng)前內(nèi)容是什么關(guān)系。
? ? ? ? 2、導(dǎo)航類(lèi)型

? ? ? ? （1）全局導(dǎo)航。不是到所有界面的導(dǎo)航，而是到用戶(hù)可能訪問(wèn)的所有模塊的導(dǎo)航。
? ? ? ? （2）局部導(dǎo)航。提供當(dāng)前模塊內(nèi)的界面之間的導(dǎo)航。
? ? ? ? （3）輔助導(dǎo)航。提供模塊間或者模塊內(nèi)快速導(dǎo)航，而不需要返回到當(dāng)前模塊根目錄去重新選擇。
? ? ? ? （4）上下文導(dǎo)航。也叫內(nèi)聯(lián)導(dǎo)航，就是嵌入到內(nèi)容里面的超鏈接或者跳轉(zhuǎn)。
? ? ? ? （5）友好導(dǎo)航。提供給用戶(hù)平時(shí)不需要，但是需要時(shí)很重要的導(dǎo)航。
? ? ? ? （6）遠(yuǎn)程導(dǎo)航。當(dāng)用戶(hù)瀏覽路徑比較深，對(duì)當(dāng)前界面的導(dǎo)航暈頭轉(zhuǎn)向時(shí)，可以用遠(yuǎn)程導(dǎo)航，直接跳轉(zhuǎn)到他需要去的地方。比如網(wǎng)站地圖展示的網(wǎng)站整體結(jié)構(gòu)信息、還有索引表所展示的按字母順序展示各個(gè)模塊的鏈接。

四、信息設(shè)計(jì)
? ? ? ? 一個(gè)系統(tǒng)應(yīng)該提供給用戶(hù)正確使用它所需要的信息。信息設(shè)計(jì)決定信息該怎么呈現(xiàn)給用戶(hù)，涉及分組和整理散亂的信息。最關(guān)鍵的是分類(lèi)和排序必須能“反應(yīng)用戶(hù)的思路”、“支持他們的任務(wù)和目標(biāo)”。
將信息設(shè)計(jì)和導(dǎo)航設(shè)計(jì)結(jié)合起來(lái)，可以形成指示標(biāo)識(shí)。告訴用戶(hù)他在哪，他可以去哪，走哪條路最近。

五、線(xiàn)框圖
? ? ? ? 線(xiàn)框圖是一個(gè)界面中有哪些組成部分，以及它們?nèi)绾谓Y(jié)合到一起的直觀描述。結(jié)構(gòu)層有一個(gè)框架圖，是各個(gè)概念以及它們之間的關(guān)系，而線(xiàn)框圖是更詳細(xì)的描述，已經(jīng)幾乎接近于最終界面。線(xiàn)框圖是非常重要的，幾乎每一個(gè)參與開(kāi)發(fā)的人都需要用到。戰(zhàn)略層、范圍層、結(jié)構(gòu)層的設(shè)計(jì)者可以根據(jù)線(xiàn)框圖查看他們的產(chǎn)品期望是否得到滿(mǎn)足。技術(shù)開(kāi)發(fā)人員則可以根據(jù)線(xiàn)框圖來(lái)設(shè)計(jì)網(wǎng)站的運(yùn)作機(jī)制。
????????最重要的是，通過(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ì)。這樣，線(xiàn)框圖建立了最終產(chǎn)品的基本架構(gòu)，同時(shí)又為表現(xiàn)層的設(shè)計(jì)指明方向。是前面所有工作的集大成，和后續(xù)工作的指明燈。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-493727.html

到了這里，關(guān)于第六章、用戶(hù)體驗(yàn)五要素之框架層解析（本文作用是通俗講解，讓你更容易理解）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！