通過之前提到過的結構層形成了大量的需求晨另,而這些需求都是來自我們產品的戰(zhàn)略目標悬襟,接下來,我們需要在框架層進一步提煉這些結構拯刁,確定很詳細美觀的界面設計脊岳、導航設計和信息設計。通常來說垛玻,優(yōu)秀的框架層可以一下子吸引住你的用戶割捅,然后他們才會繼續(xù)領略你的結構層,相反帚桩,如果你的框架層弄得混亂不堪亿驾,給用戶的第一印象就不怎么好,那么對于互聯網產品來說账嚎,是致命的打擊莫瞬,因為用戶沒有那么大的耐心領略你的產品,會轉而去使用競品郭蕉。
結構層界定了產品將用什么方式來運作疼邀,而框架層則用于確定用什么樣的功能和形式來實現,框架層常常用來處理更精確的細節(jié)問題召锈,關注點幾乎都在獨立的組件以及它們之間的相互關系上旁振。對于功能型產品和信息型產品來說,信息設計都是必須要做的涨岁,而對于功能型產品拐袜,我們通過界面設計來確定框架,對于信息型產品要解決的是呈現信息的界面——導航設計梢薪。界面設計蹬铺、導航設計、信息設計這三者之間關系緊密秉撇,在面對導航設計通常也要考慮信息設計是否太模糊甜攀,或者往往遇到的事信息設計的問題,最后變成界面設計的問題畜疾。
雖然這三者之間沒有明確的界限赴邻,但是單獨區(qū)分它們還是很有必要的,只有正確評估我們才能找到合適的解決方案啡捶。如果涉及到提供給用戶做某些事的能力姥敛,則屬于界面設計,即意思就是說通過界面用戶能真正接觸到那些在結構層的交互設計中確定的具體功能瞎暑;如果涉及到提供給用戶去某個地方的能力彤敛,則屬于導航設計与帆。信息架構把一個架構應用到我們設定好的內容需求列表中,而導航設計就是一個用戶能夠看到那個結構的鏡頭墨榄,即用戶通過它玄糟,就可以在結構中自由穿行;如果是傳到想法給用戶袄秩,的能力阵翎,則屬于信息設計。信息設計是三者之間最寬泛的一個要素之剧,跨越了以任務為導向的功能型產品和以信息為導向的信息型產品郭卫。
正如鍵盤要設置成3乘以4的數字矩陣,生活中有很多這種根深蒂固的習慣背稼,我們在做產品的時候應該遵循這種結構贰军,即使有的標準并不一定是最佳解決方法,但是人們已經相對容易的適應了它們蟹肘。為了不打破這個習慣词疼,我們產品的界面也應該遵循這種結構,生活中如果我們能夠減少很多反射作用帘腹,辦事效率將會提升很多贰盗,如每個產品的垃圾桶圖標代表刪除,如果沒有遵循這個定律竹椒,而是使用別的圖標童太,那么就會讓用戶反射弧增加米辐,從而產生不習慣胸完,因此就會對產品失望。讓你的界面與用戶早已形成的那些習慣保持一致很重要翘贮,但更重要的是界面要與它自身保持一致赊窥。
就像不應該過于強調交互設計背后的概念模型一樣,你應該抑制在產品四周建立起比喻的沖動狸页,雖然對產品來說锨能,比喻是很可愛很有趣的,但是它們無法像你幻想的那樣產生作用芍耘,甚至根本起步了作用址遇。如你可以用一個電話的圖標來代替電話薄,但是有的用戶就會不理解斋竞,以為是要檢查語音信箱甚至是以為要充話費倔约。當然產品內容會提供一定的上下文讓用戶猜想你的比喻特性,但是總是會有用戶猜不對的坝初,更好的做法就是完全去除猜測的成分浸剩。
界面設計
界面設計就是選擇正確的界面元素钾军,既能幫助用戶完成任務,還要通過合適的方式讓用戶更加容易理解和使用绢要。成功的界面設計是讓用戶一眼就能知道最重要的東西吏恭,而不重要的東西不應該被注意到,所以說設計界面最大的困難就是要弄清楚對于你的目標用戶重罪,那些元素是重要的樱哼,哪些元素是不重要的。對于突出重要的元素的方法并不是將用戶最有可能點擊的按鈕變?yōu)樽畲蠼伺洌诨ヂ摼W產品中我們可以采取很多不同的方法唇礁,如最簡單的技巧就是,在界面第一次呈現給用戶的時候惨篱,我們就將最可能點擊的任務和目標設置為默認盏筐,減少用戶的輸入成本。還有一種方法就是自動記住用戶最后一次的選擇狀態(tài)砸讳。一些技術提供了一套同樣的基本元素琢融,如現在很多交互都是采用Windows和Mac OS中的設計,我們在設計自己的產品時簿寂,可以遵循這種交互設計漾抬,但是也不能強迫設計師必須按這種方式來使用,在界面如何響應用戶動作這件事上常遂,需要一定的靈活性纳令,進行保留性創(chuàng)新。
導航設計
如果你的APP或者網頁并不是并不是把所有的功能集中在一個頁面之內克胳,那么你得在導航設計上多下功夫平绩。在這里僅說網站導航設計,APP同樣可類推漠另。網站導航設計看上去是一件很簡單的工作:在每個頁面放一些允許用戶瀏覽整個網站的鏈接捏雌。但如果你去掉界面,導航設計的復雜性就會變得顯而易見笆搓,任何一個網站的導航設計必須同時完成這三個目標:
1.必須提供給用戶一種在網站間跳轉的方法性湿。
2.導航設計必須傳達出這些元素和它們所包含內容之間的關系。
3.導航設計必須傳達出它的內容和用戶級當前瀏覽頁面之間的關系满败。
信息設計
信息設計是最難入手的一個肤频,常常充當一種把各種設計元素聚合到一起的粘合劑的角色,有時信息設計涉及分組或者整理散亂的信息算墨,我們要用一種能反映用戶的思路和支持他們的任務和目標的方式來分類和排列這些信息元素宵荒,在這些元素之間的概念的關系是真正屬于微觀信息架構的,當我們必須要在這個頁面上傳達結構的時候,信息設計就呈現它的作用骇扇。通常摔竿,將信息設計和導航設計結合在一起,可以支持指示標識少孝,用來幫助用戶他們在哪以及他們能去哪继低。網站中,指示標識不僅要提供到網站不同區(qū)域的通路稍走,還必須要清晰地傳達出這些選項袁翁。好的指示標志可以讓用戶立馬明白“我在哪兒,我要去哪兒婿脸,哪條路徑離我的目標更近”粱胜。
通常將信息設計洞就、界面設計和導航設計放在一起形成統一凝聚力的架構的地方成為線框圖悠夯。對于大多數項目來說符相,需要多個線框圖來傳達復雜的預期效果法梯。通過安排和選擇界面元素來整合界面設計;通過識別和定義核心導航系統來整合導航設計叛本;通過放置和排列信息組成部分的優(yōu)先級來整合信息設計芽卿。通過這三種方法双吆,線框圖就可以確定在一個基本概念結構上的架構在塔,同時也指出了表現層的設計應該前進的方向幻件。