網站建設與網頁設計心得
2011/9/14 15:34:01

 
網站建設網頁設計心得:把導航系統做薄
  和朋友討論時,我提到過一個觀點,所有框架層設計中,最核心的是導航設計。最近更看到有國外同行提出“80%的可用性是導航!”因為良好的導航可以保證用戶找到任何信息。也就是說,提供到達的可能,遠比如何到達的可用重要。
  我習慣把導航分為一維、二維、多維來簡單理解,一維對應線性結構,二維對應分層結構,多維對應無序結構。這么說可能比較抽象,其實都已經是耳熟能詳的應用,分別舉例闡述設計意圖:
  1.最原始僅限于一二三級的,單對多樹狀應用就是“分層導航”,基本屬于必要元素。
  2.跟蹤用戶行為,記錄的用戶在網站的活動足跡就是“線性導航”,俗稱面包屑。
  3.管理系統的后臺,在首頁增加的類似跨分層結構的鏈接就是“無序導航”,俗稱快捷方式。
  二維結構復雜到一定程度,必然造成導航縱深過度,用戶到達的難度增加。此時就需要考慮其他方案綜合實施,具體設計可以概括如下:
  從無到有的堆積過程,把當前所有能夠調度的資源全部拿出來。
  由多到少的序化過程,分解任務找出主次任務線索并重組。
  回憶起Flickr改版,前幾次重要的導航改動,都會更換版本代號,可見Flickr把導航系統看的相當重要。同時,Beta和Gamma兩個版本的升級也對應了我的想法,參考頭部導航片段:
  Beta的特點是想要什么就能看到什么,從Alpha起就在不斷的加功能,雖然期間也在做任務分解的調整。但顯然,量太大怎么調整也會感覺復雜。Gamma的特點是想要什么就有什么,只不過把要不要的權利還給了用戶。
  如果從用戶體驗的角度來闡述,Beta已經滿足了用戶的認知體驗,好玩夠用;Gamma提升了用戶的操作體驗,耐玩易用。大家仔細對比,還能找到 豆瓣改版 與之相似的痕跡。
  有了運營數據,問題很容易暴露。比如北京的交通,最理想的狀況是把北京市劃分成N個小區域,各區域之間使用地鐵/城鐵等高速交通工具,各區域之內則使用公交等低速交通工具,同時地鐵/城鐵和公交站上下一體化,如此可以盡量避免公交路線的大范圍交叉(扁平結構),主動預防而不是被動減壓。
  我們面臨的事實,首都不能重建,但產品完全可以重來,網站建設也是一樣。

返回列表
返回首頁 主站蜘蛛池模板: 免费a级毛片无码| 国产精品久久福利网站| 久久99精品久久久久久不卡| 欧美怡红院免费全部视频| 人妻少妇一区二区三区| 美女被奶乳羞羞漫画在线| 国产在线精品二区赵丽颖| 手机看片一区二区| 在线观看91精品国产入口| 一本大道香蕉大无线视频| 日本一卡2卡3卡4卡无卡免费| 亚洲AV无码潮喷在线观看| 欧美色欧美亚洲另类二区| 伊大人香蕉久久网| 精品无码一区二区三区 | 久久天天躁狠狠躁夜夜avapp| 欧美人与牲动交xxxx| 亚洲精品国产精品国自产观看| 精品一区二区三区波多野结衣| 四虎影永久在线观看网址| 青青草原精品国产亚洲av| 国产成人精品999在线观看| 天堂俺去俺来也www久久婷婷| 国内精品久久久久久久影视麻豆| ljr绿巨人地址| 小荡货公共厕所| 东京无码熟妇人妻AV在线网址| 无限在线观看下载免费视频| 久久天天躁狠狠躁夜夜网站 | 亚洲精品无码专区在线| 男人边吃奶边激烈摸下面的视频| 午夜视频体验区| 美女把尿口扒开给男人桶视频| 国产三级久久久精品麻豆三级 | 午夜欧美精品久久久久久久| 色噜噜亚洲精品中文字幕| 国产午夜精品理论片| 久久88色综合色鬼| 日韩免费高清专区| 久草视频在线资源| 日韩黄色片在线观看|