《
网页设计心得 把导航系统做薄》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234N12013.htm
--> [
网站建设之]
网页设计心得:把导航体系做薄
在网站建设进程中,所有框架层设计中,最中心的是导航设计。国外的网站从业者提出“80%的可用性是导航!”,由于良好的导航可以保障用户找到任何信息。也就是说,供给达到的可能,远好比何到达的可用主要。
我习惯把导航分为一维、二维、多维来简略懂得,一维对应线性结构,二维对应分层结构,多维对应无序结构,
网页设计度量单位的比较。这么说可能比拟形象,实在都已经是耳熟能详的运用,分辨举例阐述设计用意:
最原始仅限于一二三级的,单对多树状利用就是“分层导航”,基础属于必要元素。
跟踪用户行动,记载的用户在网站的运动脚印就是&ldquo,
网页设计常见8大问题解答;线性导航&rdquo,
网页设计常用特殊符号整理;,俗称面包屑。
治理系统的后盾,在首页增长的相似跨分层结构的链接就是“无序导航”,俗称快捷方法。
二维结构庞杂到必定水平,必定造成导航纵深适度,
网页设计师的灵感在来自那里?,用户到达的难度增添,
网页设计实例 PSD也要合理分层结构清晰。此时就须要斟酌其余计划综合实行,详细设计可以概括如下:
从无到有的沉积过程,把当前所有可能调度的资源全体拿出来。
由多到少的序化过程,分解义务找出主次任务线索并重组。
回想起Flickr改版,前几回重要的导航修改,都会调换版本代号,可见Flickr把导航系统看的相称重要。同时,Beta和Gamma两个版本的进级也对应了我的主意,参考头部导航片断:
Beta的特色是想要什么就能看到什么,从Alpha起就在一直的加功效,固然期间也在做任务分解的调剂。但显然,量太大怎么调整也会感到复杂。Gamma的特点是想要什么就有什么,只不外把要不要的权力还给了用户。
假如从用户体验的角度来论述,Beta已经满意了用户的认知体验,好玩够用;Gamma晋升了用户的操作休会,耐玩易用。大家细心对照,还能找到 豆瓣改版 与之类似的痕迹。
有了经营数据,问题很轻易裸露。比方北京的交通,最幻想的状态是把北京市划分成N个小区域,各区域之间应用地铁/城铁等高速交通工具,各区域之内则使用公交等低速交通工具,同时地铁/城铁跟公交站高低一体化,如斯能够尽量防止公交路线的大范畴穿插(扁平构造),自动防备而不是被动减压。 Tag:网页设计 导航 网页设计 导航
(责任编辑:网站建设)
网页设计心得 把导航系统做薄相关文章