網(wǎng)站建設中網(wǎng)頁設計心得
2011/6/30 15:27:07
網(wǎng)站建設 中網(wǎng)頁設計心得:把導航系統(tǒng)做薄
和朋友討論時,我提到過一個觀點,所有框架層設計中,最核心的是導航設計。最近更看到有國外同行提出“80%的可用性是導航!”因為良好的導航可以保證用戶找到任何信息。也就是說,提供到達的可能,遠比如何到達的可用重要。
我習慣把導航分為一維、二維、多維來簡單理解,一維對應線性結構,二維對應分層結構,多維對應無序結構。這么說可能比較抽象,其實都已經(jīng)是耳熟能詳?shù)膽茫謩e舉例闡述設計意圖:
1.最原始僅限于一二三級的,單對多樹狀應用就是“分層導航”,基本屬于必要元素。
2.跟蹤用戶行為,記錄的用戶在網(wǎng)站的活動足跡就是“線性導航”,俗稱面包屑。
3.管理系統(tǒng)的后臺,在首頁增加的類似跨分層結構的鏈接就是“無序導航”,俗稱快捷方式。
二維結構復雜到一定程度,必然造成導航縱深過度,用戶到達的難度增加。此時就需要考慮其他方案綜合實施,具體設計可以概括如下:
從無到有的堆積過程,把當前所有能夠調(diào)度的資源全部拿出來。
由多到少的序化過程,分解任務找出主次任務線索并重組。
回憶起Flickr改版,前幾次重要的導航改動,都會更換版本代號,可見Flickr把導航系統(tǒng)看的相當重要。同時,Beta和Gamma兩個版本的升級也對應了我的想法,參考頭部導航片段:
Beta的特點是想要什么就能看到什么,從Alpha起就在不斷的加功能,雖然期間也在做任務分解的調(diào)整。但顯然,量太大怎么調(diào)整也會感覺復雜。Gamma的特點是想要什么就有什么,只不過把要不要的權利還給了用戶。
如果從用戶體驗的角度來闡述,Beta已經(jīng)滿足了用戶的認知體驗,好玩夠用;Gamma提升了用戶的操作體驗,耐玩易用。大家仔細對比,還能找到 豆瓣改版 與之相似的痕跡。
有了運營數(shù)據(jù),問題很容易暴露。比如北京的交通,最理想的狀況是把北京市劃分成N個小區(qū)域,各區(qū)域之間使用地鐵/城鐵等高速交通工具,各區(qū)域之內(nèi)則使用公交等低速交通工具,同時地鐵/城鐵和公交站上下一體化,如此可以盡量避免公交路線的大范圍交叉(扁平結構),主動預防而不是被動減壓。
我們面臨的事實,首都不能重建,但產(chǎn)品完全可以重來,網(wǎng)站建設也是一樣。
3
網(wǎng)站建設中CSS的利用
網(wǎng)站建設中,如何利用CSS框架進行高效率的站點開發(fā) Elements
隨著公司網(wǎng)站的再度改版,當初在頁面代碼規(guī)劃以及css設計方面的問題逐漸都浮現(xiàn)出來。由于設計當初考慮得不夠全面,給站點的改版帶來很多不必要的麻煩。CSS框架這個概念在這個時候顯得越發(fā)的重要,也是必要!
在去年的時候曾經(jīng)說過用Dreamweaver 代碼片斷 提高css開發(fā)效率。其實已經(jīng)是CSS框架的雛形。而國外也開始有很多的CSS Frame出現(xiàn)。css框架已經(jīng)是我們必須研究解決的一個問題。如果更快速、有效、可擴展的去書寫站點的CSS代碼。
這里為大家介紹一個CSS框架 - Elements
下載地址:http://5key.net/down/css-framework-elements.rar
一、什么是Elements
Elements是一款純凈的CSS框架,可以幫助設計師快速高效率的書寫css文檔。你可以將他理解成一套模板,里面包含了大多數(shù)站點中所需要的那些css類。他很小,只有四個文件而已。總共不到6KB。
二、這四個文件分別是做什么用?
Elements.css 歸納了一些站點css中常用的css類
Reset 對一些常用的html標簽進行預設。例如html, body, div, span, applet, h1, h2, h3, h4, h5, h6....等等。
Typography 文字排版常用標簽的預設。例如body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea等
External Links 對于各種文檔形式的鏈接的預設。這個東西很早已經(jīng)有人單獨提出過。
三、如何使
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲三级黄色片|
色综合久久综合网欧美综合网|
精品国产自在现线久久|
国精品在亚洲_欧美|
亚洲理论片在线观看|
高清男的插曲女的欢迎你老狼|
女人被两根一起进3p在线观看|
亚洲丝袜制服欧美另类|
爱妺妺国产av网站|
国产精品酒店视频免费看|
久久亚洲精品成人综合|
波多野结衣中文字幕一区二区三区|
国产在线精品国自产拍影院同性|
caoporn97在线视频进入|
日韩制服丝袜在线观看|
亚洲精品福利视频|
草莓app在线观看|
国产成人高清精品免费鸭子|
chinese国产xxxx实拍|
手机在线观看你懂的|
亚洲国产精品日韩在线|
绿帽子巨物夺娇妻09|
国产白嫩美女在线观看|
ssss国产在线观看|
日韩电影免费在线观看网|
人人妻人人狠人人爽|
豆奶视频最新官网|
国产色视频在线|
中文字幕一区二区三区有限公司|
樱桃视频影院在线观看|
免费人成在线观看视频播放|
麻豆久久婷婷综合五月国产|
天天躁夜夜躁狠狠躁2021|
久久人妻夜夜做天天爽|
欧美黄成人免费网站大全|
哦┅┅快┅┅用力啊┅┅动态图
|
日韩日韩日韩日韩日韩|
亚洲av综合色区无码一区爱av|
精品久久久无码人妻中文字幕
|
久久精品女人天堂AV|
波多野结衣中文在线播放|