建站常識
把導(dǎo)航系統(tǒng)做薄
2007-12-28 16:23:00
和朋友討論時,我提到過一個觀點,所有框架層設(shè)計中,最核心的是導(dǎo)航設(shè)計。最近更看到有國外同行提出“80%的可用性是導(dǎo)航!”因為良好的導(dǎo)航可以保證用戶找到任何信息。也就是說,提供到達的可能,遠比如何到達的可用重要。
我習(xí)慣把導(dǎo)航分為一維、二維、多維來簡單理解,一維對應(yīng)線性結(jié)構(gòu),二維對應(yīng)分層結(jié)構(gòu),多維對應(yīng)無序結(jié)構(gòu)。這么說可能比較抽象,其實都已經(jīng)是耳熟能詳?shù)膽?yīng)用,分別舉例闡述設(shè)計意圖:
- 最原始僅限于一二三級的,單對多樹狀應(yīng)用就是“分層導(dǎo)航”,基本屬于必要元素。
- 跟蹤用戶行為,記錄的用戶在網(wǎng)站的活動足跡就是“線性導(dǎo)航”,俗稱面包屑。
- 管理系統(tǒng)的后臺,在首頁增加的類似跨分層結(jié)構(gòu)的鏈接就是“無序?qū)Ш健?,俗稱快捷方式。
二維結(jié)構(gòu)復(fù)雜到一定程度,必然造成導(dǎo)航縱深過度,用戶到達的難度增加。此時就需要考慮其他方案綜合實施,具體設(shè)計可以概括如下:
從無到有的堆積過程,把當(dāng)前所有能夠調(diào)度的資源全部拿出來。
由多到少的序化過程,分解任務(wù)找出主次任務(wù)線索并重組。
回憶起Flickr改版,前幾次重要的導(dǎo)航改動,都會更換版本代號,可見Flickr把導(dǎo)航系統(tǒng)看的相當(dāng)重要。同時,Beta和Gamma兩個版本的升級也對應(yīng)了我的想法,參考頭部導(dǎo)航片段:
Beta的特點是想要什么就能看到什么,從Alpha起就在不斷的加功能,雖然期間也在做任務(wù)分解的調(diào)整。但顯然,量太大怎么調(diào)整也會感覺復(fù)雜。Gamma的特點是想要什么就有什么,只不過把要不要的權(quán)利還給了用戶。
如果從用戶體驗的角度來闡述,Beta已經(jīng)滿足了用戶的認(rèn)知體驗,好玩夠用;Gamma提升了用戶的操作體驗,耐玩易用。大家仔細對比,還能找到 豆瓣改版 與之相似的痕跡。
有了運營數(shù)據(jù),問題很容易暴露。比如北京的交通,最理想的狀況是把北京市劃分成N個小區(qū)域,各區(qū)域之間使用地鐵/城鐵等高速交通工具,各區(qū)域之內(nèi)則使用公交等低速交通工具,同時地鐵/城鐵和公交站上下一體化,如此可以盡量避免公交路線的大范圍交叉(扁平結(jié)構(gòu)),主動預(yù)防而不是被動減壓。
我們面臨的事實,首都不能重建,但產(chǎn)品完全可以重來。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-12-21 11:09:00] 導(dǎo)航的流行趨勢
- [2010-06-17 08:18:00] 優(yōu)化網(wǎng)站導(dǎo)航設(shè)計
- [2009-12-18 22:24:00] 因地制宜的SNS開發(fā):導(dǎo)航欄與目錄分類優(yōu)化
- [2009-05-25 08:18:00] 淺議手機客戶端設(shè)計:(四)客戶端導(dǎo)航設(shè)計
- [2005-12-28 13:29:00] 網(wǎng)站導(dǎo)航理論與實踐
- [2009-04-21 22:36:00] Wordpress后臺的導(dǎo)航設(shè)計
- [2007-04-28 11:45:00] Tab式位置導(dǎo)航變體
- [2007-05-07 09:27:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計欣賞
- [2007-02-02 10:16:00] 傾斜的鼠標(biāo)翻轉(zhuǎn)導(dǎo)航制作上的煩惱
- [2009-11-03 22:32:00] 選中狀態(tài)應(yīng)該高亮還是灰掉?
- [2008-01-23 14:19:00] 新聞門戶之導(dǎo)航易用性排名
- [2010-07-22 08:08:00] 左側(cè)導(dǎo)航條
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島網(wǎng)站營銷 集團性網(wǎng)站 營銷型網(wǎng)站建設(shè) H5 高端輪胎網(wǎng)站設(shè)計 膠南網(wǎng)站建設(shè)公司 手機網(wǎng)站 審美 蘋果系統(tǒng) 網(wǎng)站動畫 新的元素 微官網(wǎng) 網(wǎng)站設(shè)計趨勢 力圖數(shù)字科技 微信營銷的優(yōu)勢 青島輪胎網(wǎng)站設(shè)計 交互設(shè)計 青島SEO 青島網(wǎng)站優(yōu)化 集團公司網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)公司哪家好 網(wǎng)站建設(shè),手機網(wǎng)站 青島高端網(wǎng)站建設(shè) 微信開發(fā) php程序 視覺靈感 css HTML5 輪胎網(wǎng)站設(shè)計 網(wǎng)站策劃