日本欧美在线视频免费观看_yy111111少妇嫩草影院_国产亚洲精品久_成人毛片免费看_免费人成黄页在线观看忧物_免费看的av_中午字幕在线观看

UI設計師從視覺上該如何組織信息排版?

2018-01-12

設計師把信息有條不紊組織起來非常重要,如此用戶才能輕松理解其中內容。這是優秀用戶體驗的關鍵。
在各種展現數據的方式中,有一種經受了時間的考驗,直至今天都非常有效。它叫做“五帽架”。
五帽架的概念最初由Richard Saul Wurman在他的著作《信息焦慮》中提出。不久后他又寫了《信息結構》,在其中重新定義了“五帽架”概念,構成LATCH原則。
“信息或許是無限的,但是……組織信息的方式是有限的,因為它們只能通過LATCH原則來組織:位置(Location)、字母表(Alphabet)、時間(Time)、分類(Category)、層次(Hierarchy)。”——Wurman, 1996
這套觀念,主張信息的組織方式有5種。最終,其實只是要選擇一種清晰的方式來回答用戶的問題。務必避免純粹為了漂亮的圖表來組織信息,那樣給不了用戶任何答案!
“我做了太多次嘗試,試圖用某種其他方式來組織信息,但最終都會回歸這5種之一。”——Wurman, 1996
我們下面來看看這5種信息組織方式。
位置
根據位置來組織信息。它可以是物理位置,或者是概念上(空間上)的位置。我們人類在進化中形成了這樣的能力,在日常生活中就是這樣組織位置的。從地圖導航和戰爭策略,到廚房調料的擺放,都是如此。
當信息有多個不同來源和場所時,位置的組織就非常重要。
比如說,設計一套特別的服務時,我們應該考慮不同物品的位置關系,它們如何分布。超市貨架的設計就是很好的例子,在物理空間中組織信息。

Pokemon go是個依據位置組織信息的好案例。
在虛擬世界中,依據位置組織信息,同樣扮演者重要的角色。比如說,基于位置觸發特定的UI交互和通知。想想GPS和所有幫你指引方向的應用。還有基于物理位置展示的通知,和其他操作功能。
而且,隨著VR/AR技術的崛起,依據位置來組織信息,正在成為信息架構中非常重要的方面。
使用場景

當信息的位置關系很重要時使用這種組織方式,比如指引方向,或者把最相關的事物放在觸手可及的位置。
與“時間”因素結合來組織信息,我們就能以最便捷的方式為用戶提供他們所需的答案。
字母表
根據字母表順序組織信息,是一種處理隨機數據的好方法,比如說姓名。當信息量特別大時,這是最佳的組織方式之一。
比如字典和通訊錄,無論是虛擬的還是物理的。

作品來源:Yao Liu
我們都用過這種方式,而且知道,只要用戶熟悉字母表,這種數據組織方式就非常有效。
使用場景

當信息直接展現其本質時(字典、百科、書籍索引等)。當需要高效地通過非線性方式獲取特定信息時。還有當信息無法以其他方式組織時,這是一種很好的折中方案。
時間
這可能是人類最廣泛使用的信息組織方式。我們喜歡以線性的方式思考和歸類事物。對于一定時間段以前發生的事件,這是絕佳的歸類方式。
舉例:日歷和會議日程、郵箱收件箱、項目計劃、有趣的Facebook時間線、電商平臺的訂單列表、消息應用,還有許多。

Javi Pérez設計的天氣應用
依據時間來組織,可以輕易觀察到變化,并且做出對比。由于我們人類通過線性的方式來感知時間,這就是最佳的記錄歷史的方式。
使用場景

要展現和對比一定時間跨度的事件時。想要表達基于時間的順序時(分步步驟)。還有當你需要提供指南或者將事件以時間順序排列時,你應該按時間來組織信息。
分類
當需要把信息按照相似性或相關性排列時,分類是最適合的組織方式。原因是我們的大腦也以類似的方式工作,我們喜歡把類似的事物歸為一類。
這種信息組織方式充斥著真實世界和虛擬世界。從購物與工業,到Pinterest上的分類和Twitter的標簽。

Paul Flavius Nechita的標簽選擇設計
把事物分類編組,幫助用戶更輕松找到信息所屬的大類,只要他們知道自己在找什么。這種方式與字母表相結合效果非常好。
使用場景

對于重要性相近的事物,這種方式組織很適用。如果有跡象表明,人們會自然地按照分類尋找信息,我們就可以通過分類組織信息,來展示推薦的功能或產品,以提高可發現性。
要牢記一點,人們并不總是按相同的方式歸類事物!尤其是當信息的各種屬性跨分類交叉時。比如用我的藍牙音響舉例,它可以防水,能用在浴室里。它應該歸到什么類別中?浴室配件還是音頻產品?
這些定義分類的術語一定要經過測試,確保它對于用戶是有意義的。
分類信息的另一個潛在問題是量級。信息量越大,就越可能有二級甚至三級、四級、五級子分類。這樣又會使信息檢索令人生厭。
如果點擊某個分類、然后再點子分類是唯一的信息檢索方式,千萬不要創造過多的子類別。
層次或連續性
當信息可以通過同一種丈量方式來組織時,就可以以量級來排列。
例如:從小到大,從低到高,從開心到不開心等等。給服務和產品標星打分、計分表、能效等級、尺寸等等。

Dann Petty的衣服尺寸選擇頁面
使用場景

如果可以用一種通用的丈量方式來比較事物時,可以運用層次(連續性)的方式組織信息。你可以在視覺上通過尺寸和顏色來展現信息,以此強調。
運用五帽架原則
要回答用戶的問題,最好的方式往往是使用一頂以上的帽子。在分類中混入字母表順序,時間和地點結合使用來記錄重大事件。如果需要的話,甚至可以5種方式都用上,為信息的展現提供靈活性。
在如今的虛擬世界中,許多用戶都希望能夠從多維度查看數據。因此,我們需要5種方式搭配使用,找到最適合的組合。
結語
記住,最重要的一點在于,要以用戶能夠輕松使用和理解的方式組織信息。用數據來回答用戶的疑問。
以更貼合用戶目標的方式來呈現信息,就能創造出更好用的產品。

原文地址:colachan

日本欧美在线视频免费观看_yy111111少妇嫩草影院_国产亚洲精品久_成人毛片免费看_免费人成黄页在线观看忧物_免费看的av_中午字幕在线观看
美国三级日本三级久久99| 色综合色狠狠综合色| 欧美精品aⅴ在线视频| 国产精品一区二区在线播放| 曰韩精品一区二区| 久久综合一区二区| 91麻豆精品国产无毒不卡在线观看| 国产成人精品午夜视频免费 | 91麻豆精品国产91久久久久| 国产成人精品一区二区三区四区 | 秋霞成人午夜伦在线观看| 亚洲少妇最新在线视频| 久久久久久久久久久黄色| 日韩一级精品视频在线观看| 欧美日韩大陆在线| 在线观看免费亚洲| 91农村精品一区二区在线| 国产成人av影院| 国内外成人在线| 激情欧美一区二区三区在线观看| 日韩av网站免费在线| 亚洲超丰满肉感bbw| 亚洲综合精品久久| 一区二区三区波多野结衣在线观看| 日本一区二区免费在线观看视频 | 成人免费视频一区二区| 国产精品一二三在| 国产精品99久久久久久宅男| 国产一区二区三区四区在线观看| 精品一区二区三区蜜桃| 久久99国产精品久久99果冻传媒| 麻豆成人久久精品二区三区红 | 欧美丰满美乳xxx高潮www| 欧美午夜精品久久久久久超碰 | 国产福利91精品一区二区三区| 捆绑变态av一区二区三区| 久久国产精品一区二区| 久久er精品视频| 国产一本一道久久香蕉| 国产aⅴ综合色| 91麻豆产精品久久久久久| 色噜噜狠狠成人网p站| 在线观看一区二区精品视频| 欧美在线|欧美| 欧美一区二区三区色| 久久综合色8888| 中文字幕日韩欧美一区二区三区| 玉米视频成人免费看| 日本不卡视频在线观看| 国产一区二区免费在线| 99亚偷拍自图区亚洲| 欧美日韩一区中文字幕| 久久女同精品一区二区| 亚洲视频中文字幕| 蜜臀精品一区二区三区在线观看| eeuss鲁一区二区三区| 欧美在线观看你懂的| 精品处破学生在线二十三| 国产精品美女久久久久aⅴ| 亚洲夂夂婷婷色拍ww47 | 欧美一级欧美一级在线播放| 国产三级一区二区| 一区二区三区 在线观看视频| 日本亚洲视频在线| 91在线观看地址| 制服.丝袜.亚洲.另类.中文| 亚洲国产成人午夜在线一区| 日韩成人午夜精品| 日韩欧美亚洲国产精品字幕久久久| 久久你懂得1024| 日韩成人一区二区三区在线观看| 97久久超碰精品国产| 制服丝袜激情欧洲亚洲| 国产精品不卡一区| 老鸭窝一区二区久久精品| 色婷婷综合久久久久中文 | 青青草一区二区三区| 色综合久久88色综合天天6| 精品国产一区二区三区久久久蜜月| 色婷婷av一区二区三区gif| 日韩精品在线一区二区| 一区二区三区加勒比av| 成人精品一区二区三区四区 | 午夜国产精品一区| 成+人+亚洲+综合天堂| 日韩精品一区国产麻豆| 亚洲国产精品视频| 9色porny自拍视频一区二区| 久久青草欧美一区二区三区| 毛片基地黄久久久久久天堂| 欧美日韩一级二级| 一区二区三区四区在线免费观看 | 成年人网站91| 国产精品久久久久久久岛一牛影视 | 91行情网站电视在线观看高清版| 久久久久国产精品厨房| 久久精品视频免费| 精品一区二区三区视频在线观看 | 欧美一区二区三区免费大片| 久久影院视频免费| 日本中文字幕一区| 欧美精品xxxxbbbb| 调教+趴+乳夹+国产+精品| 91免费版pro下载短视频| 国产精品久久免费看| 成人污污视频在线观看| 国产欧美一区二区精品仙草咪 | 欧美一卡二卡在线观看| 亚洲图片一区二区| 欧洲精品一区二区三区在线观看| 国产精品久久久久久久久久免费看| 国产成人av电影在线| 久久久久九九视频| 成人深夜福利app| 亚洲日本丝袜连裤袜办公室| 91在线视频播放地址| 综合色中文字幕| 欧美日韩电影在线| 麻豆精品新av中文字幕| 2020国产精品自拍| 国产成人免费av在线| 国产精品久久久99| 在线观看精品一区| 免费成人结看片| 国产拍揄自揄精品视频麻豆| 国产传媒日韩欧美成人| 综合在线观看色| 欧美精品第1页| 高清av一区二区| 亚洲国产成人精品视频| 欧美大片在线观看| 粉嫩在线一区二区三区视频| 亚洲欧美日韩电影| 7799精品视频| av福利精品导航| 亚洲成人资源在线| 精品国产伦一区二区三区免费| 国产精品夜夜嗨| 亚洲在线成人精品| 精品国产第一区二区三区观看体验 | 精品午夜久久福利影院| 国产精品乱人伦中文| 欧美精品一二三| 丁香婷婷综合网| 亚洲123区在线观看| 国产亚洲短视频| 欧美色精品在线视频| 国产成人av一区二区三区在线观看| 亚洲在线中文字幕| 欧美国产日韩a欧美在线观看| 欧美日韩中文一区| 国产成a人亚洲| 麻豆国产精品777777在线| 中文字幕一区二区三区乱码在线| 日韩亚洲欧美成人一区| 在线观看欧美黄色| 成人精品国产免费网站| 蜜桃精品在线观看| 亚洲一区二区三区四区五区黄| 国产欧美日韩中文久久| 91精品国产高清一区二区三区蜜臀 | 在线中文字幕一区| 丰满白嫩尤物一区二区| 日本在线不卡一区| 亚洲一二三四久久| 亚洲欧美日韩国产综合在线| 久久久久久久久久久久久夜| 日韩午夜精品视频| 色婷婷av一区| 91日韩在线专区| jlzzjlzz国产精品久久| 国产成人精品网址| 国产在线一区二区综合免费视频| 日韩中文字幕91| 五月婷婷综合在线| 亚洲午夜免费电影| 亚洲综合丝袜美腿| 香蕉影视欧美成人| 亚洲五码中文字幕| 五月综合激情日本mⅴ| 亚洲一区欧美一区| 亚洲综合色在线| 亚洲一区二区三区四区的| 亚洲综合av网| 视频在线观看91| 日本va欧美va欧美va精品| 美腿丝袜亚洲综合| 国产一区欧美一区| 国产另类ts人妖一区二区| 国产福利电影一区二区三区| 国产成a人亚洲精| 成人av电影在线网| 日本韩国精品在线| 日本精品一区二区三区高清 | 久久精子c满五个校花| 日本一区二区视频在线观看| 亚洲欧洲另类国产综合| 亚洲最大成人网4388xx| 视频在线观看一区| 国产最新精品免费|