Web导航设计原则

用户头像
上海/设计爱好者/5年前/384浏览
Web导航设计原则
用户头像
Jadero

导航需要针对目标用户不同的使用情境进行设计,解决“我在哪”,“我可以去哪”,“我如何去那”等问题。

导航根据界面构建目标,以用户为中心,组织信息层次并在信息之间建立有目的的关联

设计师不仅需要按照美的规律塑造导航的外观,而且需要按照信息体系结构设计原则把握导航的构架。良好的导航能够充分展示品牌的定位和价值,明确用户在纷繁复杂的互联网中的位置,有效地提供用户获取信息的途径,

引导用户实现网站所有者的业务目标。



McGovern曾说过“相比于直接搜索,用户更喜欢用导航,因为导航是让用户做选择题,而搜索是填空题”,由此可见导航在产品中的重要性。


以用户为中心的设计(User-Centered Design,UCD)

指在产品上市之前充分调研用户在实际使用情境下的行为和反应,达到降低产品失败风险、尽早揭示产品疏漏和故障、鼓励产品改进和创新、提供产品长足发展战略、减少用户学习使用时间、带给用户良好体验的目的。


以用户为中心的设计原则为:在设计的整个过程中以人为本,关注用户的心理、行为和反应;持续的调查和评估,以保证最终产品的易学、易用性;通过以用户为中心的产品监控和测试,迭代有利、有益的设计。


一名优秀的设计师,在创建交互界面导航时,应以用户及其需求为中心,而不应过于主观地以设计者自身为中心。


   以用户为中心的设计方法有:

  • 大量分散的问卷调查

  • 加入整个设计过程的用户参与

  • 对用户观点的专家评估

  • 对用户的日志观察和追踪

  • 通过观察设备或观察者对用户使用产品的可用性测试

  • 随访获取用户任务实现中影响设计的因素


设计师除了需要了解网站建设的背景和目的,还需要系统地分析网站的目标用户,分析用户的类型及其需求和行为,组织网站的信息构架。

导航设计应清晰明了

导航是一定要做到清晰明了,如果网站页面的空间足够一定要所导航全部显示出来,需要注意的是导航在网页中的位置应符合用户的浏览习惯,让用户可以很方便的找到导航的位置,并确定自己在网站中所处的位置。

导航设计应表意明确,简单易懂

导航菜单就是为了给用户提供方便,所以在设计网站导航时一定要使用易懂的链接标签,这些标签必须容易阅读,还应与用户的搜索需要协调一致,减少用户阅读菜单具体内容的时间,否则网站的标签设计就没有意义了。

导航设计应易于操作

并不是所有的用户都拥有很强的理解能力,所以在进行导航设计时尽量做到操作简单、方便,千万不要为了做一些酷炫的设计而忽略了导航本来的作用。导航设计时选项要大小适中、方便点击,同时还应确保下拉菜单不会太大或太小,不要做太长的垂直导航选项。

可以为导航设计一些简单特效,如当页面内容很长时,可以将导航设计为悬浮吸顶(或固底)菜单。这样用户就可以很方便地进行其他菜单选项的切换。

重视网站导航设计的实用性

导航在重视其艺术性的同时还要重视实用性,毕竟网站导航就是为了方便用户浏览网站的,所以为用户提供熟悉且操作简单的导航菜单是非常重要的。



以用户为中心的导航设计需要对网站 /APP 的用户进行体验测试,其中可能涉及的项目有:

内容(Content)

功能(Func tionality)

外观(Look and Feel)

导航(Navigation)

搜索(Search)

站点绩效(Site Performance)(点击率)

另外还有:分析网站/APP的内容和服务是否能够满足用户的需求,使用户感觉“有用”(Usefulness);

网站/APP的信息结构和交互方式是否使用户感觉“好用”(Usability);

网站的综合指标是否使用户感觉“满意”(Desirability)。



在互联网产品设计中,用户体验重要的是要结合各方的不同利益:市场营销、品牌、视觉设计和可用性。人们需要把市场和品牌概念加入到交互领域,而可用性是交互领域中非常重要的因素。互联网产品设计应该把可用性考虑到市场营销、品牌推广、视觉审美等各方面,而用户体验提供了一个综合各方利益的平台:使互联网产品易用、有价值、高效。


Ajax 之父”基斯吉姆哥特(Jesse James Garrett)在《用户体验的要素》一书中,为了清楚地阐述用户体验的整个开发过程,将网站/APP建设分成:策略、范围、结构、框架和表现五个层级,每个层级都由若干要素组成。


策略层(Strategy)

位于用户体验设计的最底层,它包括了经营者对网站建设的目标,以及在此基础上的网站用户的需求


范围层(Scope)

确定了网站功能和内容的组合方式,网站的范围层主要由网站策略层决定。


结构层(Structure)

整理并构架网站的信息内容,同时设计了用户与网站的交互方式,交互设计的同时也需要考虑信息构架的部分内容。


框架层(Skeleton)

是结构层的具体表现,良好的界面设计、明确的导航使用户轻松地找到所需信息。


表现层(Surface)

侧重产品的外观——页面的视觉设计。笔者在各要素的关系上做了相应调整。


现实中,层级和区块的界限并不那么明确,各个要素可能跨越层级互相渗透并存在重叠或包含的关系,用户体验的问题也不是只处理单一的要素就能解决的,通常需要穿越层级,同时调整多个区块,反复测试。




设计师在设计网站时一定要把握好一个度的问题,平衡好不同方面对于网站设计的需求。


以上可以总结为:

在策划、设计、使用的整个过程中可以通过下列属性来评估用户期望和浏览站点时的反应:

有用性(Usefulness)

术语适当性(Appropriateness of Terminology)

响应度(Responsiveness)

导航易用性(Ease of Navigation)

可信度(Credibility)

视觉吸引力(Visual Appeal)

感知效率(Perceived Effi ciency)

愉悦感(Enjoyment)


导航是用户找到所需信息、体会品牌价值的必要手段。










所有配图来源网络,如有侵权请联系我删除,谢谢。


11
Report
|
3
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
Log in