通過之前提到過的結(jié)構(gòu)層形成了大量的需求，而這些需求都是來自我們產(chǎn)品的戰(zhàn)略目標(biāo)，接下來，我們需要在框架層進(jìn)一步提煉這些結(jié)構(gòu)，確定很詳細(xì)美觀的界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)。通常來說，優(yōu)秀的框架層可以一下子吸引住你的用戶，然后他們才會(huì)繼續(xù)領(lǐng)略你的結(jié)構(gòu)層，相反，如果你的框架層弄得混亂不堪，給用戶的第一印象就不怎么好，那么對(duì)于互聯(lián)網(wǎng)產(chǎn)品來說，是致命的打擊，因?yàn)橛脩魶]有那么大的耐心領(lǐng)略你的產(chǎn)品，會(huì)轉(zhuǎn)而去使用競(jìng)品。
結(jié)構(gòu)層界定了產(chǎn)品將用什么方式來運(yùn)作，而框架層則用于確定用什么樣的功能和形式來實(shí)現(xiàn)，框架層常常用來處理更精確的細(xì)節(jié)問題，關(guān)注點(diǎn)幾乎都在獨(dú)立的組件以及它們之間的相互關(guān)系上。對(duì)于功能型產(chǎn)品和信息型產(chǎn)品來說，信息設(shè)計(jì)都是必須要做的，而對(duì)于功能型產(chǎn)品，我們通過界面設(shè)計(jì)來確定框架，對(duì)于信息型產(chǎn)品要解決的是呈現(xiàn)信息的界面——導(dǎo)航設(shè)計(jì)。界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)這三者之間關(guān)系緊密，在面對(duì)導(dǎo)航設(shè)計(jì)通常也要考慮信息設(shè)計(jì)是否太模糊，或者往往遇到的事信息設(shè)計(jì)的問題，最后變成界面設(shè)計(jì)的問題。
雖然這三者之間沒有明確的界限，但是單獨(dú)區(qū)分它們還是很有必要的，只有正確評(píng)估我們才能找到合適的解決方案。如果涉及到提供給用戶做某些事的能力，則屬于界面設(shè)計(jì)，即意思就是說通過界面用戶能真正接觸到那些在結(jié)構(gòu)層的交互設(shè)計(jì)中確定的具體功能；如果涉及到提供給用戶去某個(gè)地方的能力，則屬于導(dǎo)航設(shè)計(jì)。信息架構(gòu)把一個(gè)架構(gòu)應(yīng)用到我們?cè)O(shè)定好的內(nèi)容需求列表中，而導(dǎo)航設(shè)計(jì)就是一個(gè)用戶能夠看到那個(gè)結(jié)構(gòu)的鏡頭，即用戶通過它，就可以在結(jié)構(gòu)中自由穿行；如果是傳到想法給用戶，的能力，則屬于信息設(shè)計(jì)。信息設(shè)計(jì)是三者之間最寬泛的一個(gè)要素，跨越了以任務(wù)為導(dǎo)向的功能型產(chǎn)品和以信息為導(dǎo)向的信息型產(chǎn)品。
正如鍵盤要設(shè)置成3乘以4的數(shù)字矩陣，生活中有很多這種根深蒂固的習(xí)慣，我們?cè)谧霎a(chǎn)品的時(shí)候應(yīng)該遵循這種結(jié)構(gòu)，即使有的標(biāo)準(zhǔn)并不一定是最佳解決方法，但是人們已經(jīng)相對(duì)容易的適應(yīng)了它們。為了不打破這個(gè)習(xí)慣，我們產(chǎn)品的界面也應(yīng)該遵循這種結(jié)構(gòu)，生活中如果我們能夠減少很多反射作用，辦事效率將會(huì)提升很多，如每個(gè)產(chǎn)品的垃圾桶圖標(biāo)代表刪除，如果沒有遵循這個(gè)定律，而是使用別的圖標(biāo)，那么就會(huì)讓用戶反射弧增加，從而產(chǎn)生不習(xí)慣，因此就會(huì)對(duì)產(chǎn)品失望。讓你的界面與用戶早已形成的那些習(xí)慣保持一致很重要，但更重要的是界面要與它自身保持一致。
就像不應(yīng)該過于強(qiáng)調(diào)交互設(shè)計(jì)背后的概念模型一樣，你應(yīng)該抑制在產(chǎn)品四周建立起比喻的沖動(dòng)，雖然對(duì)產(chǎn)品來說，比喻是很可愛很有趣的，但是它們無法像你幻想的那樣產(chǎn)生作用，甚至根本起步了作用。如你可以用一個(gè)電話的圖標(biāo)來代替電話薄，但是有的用戶就會(huì)不理解，以為是要檢查語音信箱甚至是以為要充話費(fèi)。當(dāng)然產(chǎn)品內(nèi)容會(huì)提供一定的上下文讓用戶猜想你的比喻特性，但是總是會(huì)有用戶猜不對(duì)的，更好的做法就是完全去除猜測(cè)的成分。
界面設(shè)計(jì)
界面設(shè)計(jì)就是選擇正確的界面元素，既能幫助用戶完成任務(wù)，還要通過合適的方式讓用戶更加容易理解和使用。成功的界面設(shè)計(jì)是讓用戶一眼就能知道最重要的東西，而不重要的東西不應(yīng)該被注意到，所以說設(shè)計(jì)界面最大的困難就是要弄清楚對(duì)于你的目標(biāo)用戶，那些元素是重要的，哪些元素是不重要的。對(duì)于突出重要的元素的方法并不是將用戶最有可能點(diǎn)擊的按鈕變?yōu)樽畲螅诨ヂ?lián)網(wǎng)產(chǎn)品中我們可以采取很多不同的方法，如最簡(jiǎn)單的技巧就是，在界面第一次呈現(xiàn)給用戶的時(shí)候，我們就將最可能點(diǎn)擊的任務(wù)和目標(biāo)設(shè)置為默認(rèn)，減少用戶的輸入成本。還有一種方法就是自動(dòng)記住用戶最后一次的選擇狀態(tài)。一些技術(shù)提供了一套同樣的基本元素，如現(xiàn)在很多交互都是采用Windows和Mac OS中的設(shè)計(jì)，我們?cè)谠O(shè)計(jì)自己的產(chǎn)品時(shí)，可以遵循這種交互設(shè)計(jì)，但是也不能強(qiáng)迫設(shè)計(jì)師必須按這種方式來使用，在界面如何響應(yīng)用戶動(dòng)作這件事上，需要一定的靈活性，進(jìn)行保留性創(chuàng)新。
導(dǎo)航設(shè)計(jì)
如果你的APP或者網(wǎng)頁并不是并不是把所有的功能集中在一個(gè)頁面之內(nèi)，那么你得在導(dǎo)航設(shè)計(jì)上多下功夫。在這里僅說網(wǎng)站導(dǎo)航設(shè)計(jì)，APP同樣可類推。網(wǎng)站導(dǎo)航設(shè)計(jì)看上去是一件很簡(jiǎn)單的工作：在每個(gè)頁面放一些允許用戶瀏覽整個(gè)網(wǎng)站的鏈接。但如果你去掉界面，導(dǎo)航設(shè)計(jì)的復(fù)雜性就會(huì)變得顯而易見，任何一個(gè)網(wǎng)站的導(dǎo)航設(shè)計(jì)必須同時(shí)完成這三個(gè)目標(biāo)：
1.必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法。
2.導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系。
3.導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶級(jí)當(dāng)前瀏覽頁面之間的關(guān)系。
信息設(shè)計(jì)
信息設(shè)計(jì)是最難入手的一個(gè)，常常充當(dāng)一種把各種設(shè)計(jì)元素聚合到一起的粘合劑的角色，有時(shí)信息設(shè)計(jì)涉及分組或者整理散亂的信息，我們要用一種能反映用戶的思路和支持他們的任務(wù)和目標(biāo)的方式來分類和排列這些信息元素，在這些元素之間的概念的關(guān)系是真正屬于微觀信息架構(gòu)的，當(dāng)我們必須要在這個(gè)頁面上傳達(dá)結(jié)構(gòu)的時(shí)候，信息設(shè)計(jì)就呈現(xiàn)它的作用。通常，將信息設(shè)計(jì)和導(dǎo)航設(shè)計(jì)結(jié)合在一起，可以支持指示標(biāo)識(shí)，用來幫助用戶他們?cè)谀囊约八麄兡苋ツ?。網(wǎng)站中，指示標(biāo)識(shí)不僅要提供到網(wǎng)站不同區(qū)域的通路，還必須要清晰地傳達(dá)出這些選項(xiàng)。好的指示標(biāo)志可以讓用戶立馬明白“我在哪兒，我要去哪兒，哪條路徑離我的目標(biāo)更近”。
通常將信息設(shè)計(jì)、界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)放在一起形成統(tǒng)一凝聚力的架構(gòu)的地方成為線框圖。對(duì)于大多數(shù)項(xiàng)目來說，需要多個(gè)線框圖來傳達(dá)復(fù)雜的預(yù)期效果。通過安排和選擇界面元素來整合界面設(shè)計(jì)；通過識(shí)別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計(jì)；通過放置和排列信息組成部分的優(yōu)先級(jí)來整合信息設(shè)計(jì)。通過這三種方法，線框圖就可以確定在一個(gè)基本概念結(jié)構(gòu)上的架構(gòu)，同時(shí)也指出了表現(xiàn)層的設(shè)計(jì)應(yīng)該前進(jìn)的方向。
