框架層——界面設計、導航設計和信息設計

用戶體驗要素.png

通過之前提到過的結構層形成了大量的需求晨另,而這些需求都是來自我們產品的戰(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)先級來整合信息設計芽卿。通過這三種方法双吆,線框圖就可以確定在一個基本概念結構上的架構在塔,同時也指出了表現層的設計應該前進的方向幻件。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蛔溃,隨后出現的幾起案子绰沥,更是在濱河造成了極大的恐慌,老刑警劉巖贺待,帶你破解...
    沈念sama閱讀 221,820評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件徽曲,死亡現場離奇詭異,居然都是意外死亡狠持,警方通過查閱死者的電腦和手機疟位,發(fā)現死者居然都...
    沈念sama閱讀 94,648評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喘垂,“玉大人,你說我怎么就攤上這事绍撞≌眨” “怎么了?”我有些...
    開封第一講書人閱讀 168,324評論 0 360
  • 文/不壞的土叔 我叫張陵傻铣,是天一觀的道長章贞。 經常有香客問我,道長非洲,這世上最難降的妖魔是什么鸭限? 我笑而不...
    開封第一講書人閱讀 59,714評論 1 297
  • 正文 為了忘掉前任蜕径,我火速辦了婚禮,結果婚禮上败京,老公的妹妹穿的比我還像新娘兜喻。我一直安慰自己,他們只是感情好赡麦,可當我...
    茶點故事閱讀 68,724評論 6 397
  • 文/花漫 我一把揭開白布朴皆。 她就那樣靜靜地躺著,像睡著了一般泛粹。 火紅的嫁衣襯著肌膚如雪遂铡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,328評論 1 310
  • 那天晶姊,我揣著相機與錄音扒接,去河邊找鬼。 笑死们衙,一個胖子當著我的面吹牛珠增,可吹牛的內容都是我干的。 我是一名探鬼主播砍艾,決...
    沈念sama閱讀 40,897評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼蒂教,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了脆荷?” 一聲冷哼從身側響起凝垛,我...
    開封第一講書人閱讀 39,804評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蜓谋,沒想到半個月后梦皮,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 46,345評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡桃焕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3 340
  • 正文 我和宋清朗相戀三年剑肯,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片观堂。...
    茶點故事閱讀 40,561評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡让网,死狀恐怖,靈堂內的尸體忽然破棺而出师痕,到底是詐尸還是另有隱情溃睹,我是刑警寧澤,帶...
    沈念sama閱讀 36,238評論 5 350
  • 正文 年R本政府宣布胰坟,位于F島的核電站因篇,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜竞滓,卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3 334
  • 文/蒙蒙 一咐吼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧商佑,春花似錦锯茄、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至礁叔,卻和暖如春牍颈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背琅关。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1 272
  • 我被黑心中介騙來泰國打工煮岁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人涣易。 一個月前我還...
    沈念sama閱讀 48,983評論 3 376
  • 正文 我出身青樓画机,卻偏偏與公主長得像,于是被迫代替她去往敵國和親新症。 傳聞我的和親對象是個殘疾皇子步氏,可洞房花燭夜當晚...
    茶點故事閱讀 45,573評論 2 359

推薦閱讀更多精彩內容