UEESHOP 发表于 2017-11-4 14:56:44

外贸网站留存率低!可能是导航栏设计惹的祸-UEESHOP

可能大家会认为只要网站设计得简洁大气、时尚美观,就会拥有高之不下的点击量和订单量。然而,有人会把所有分类都堆砌到导航栏,从而导致导航栏变的笨拙、拥挤。这些小细节常常能让网站好不容易建立的好感付诸流水。

终上所述,用户体验差的导航栏会导致用户做出多余的交互动作,使他们感到困惑,甚至找不到自己所在何处页面,最终无奈地选择关闭网站。那独立站的导航栏应该怎样设计才符合优质的用户体验,才能进一步提高留存率呢?下面就深度剖解导航栏设计的常见误区。
http://www.ueeshop.com/u_file/images/17_11_04/48bb94bf18.jpg

误区一 冗长的导航内栏目
大众认为导航内栏目越多,就能给用户更多的选择,但事实上是加大用户进入内页的难度。UEESHOP的美女设计师Limin建议,理应将最重要、最常用的栏目置于导航中。例如,导航中常包含的有:About us、Search、Home Page。B2C网站则常包含的有:Shopping Cart、Member。

误区二 不标记被选中的按钮
也许会觉得设计师在版面上放置被选中的按钮是多余的,但大家却忽略了用户视觉的反应。当用户点击一个导航上的按钮时,视觉上主动告知用户选中了什么。一旦没有了标记,就会难以引起客户眼球的注意。
http://www.ueeshop.com/u_file/images/17_11_04/947439b19b.jpg

误区三 被选中项和选中项的颜色对比太弱
被选中项颜色对比太弱了,减慢了用户识别他们身在何处的速度。反之,选中项颜色对比也弱了,就会造成用户错过其他未阅读的栏目,使得产生怀疑。http://www.ueeshop.com/u_file/images/17_11_04/86b9c2ddce.jpg
误区四 没有把整个选项设置为可点击
导航中的栏目若是只能点击文字,点击区域少之又少。当然,最好是把有限的空间最大化,设置为可点击区域,用户使用导航时的速度加快。

导航是引导用户从A点走向B点的重要指引,它也在整个网页的信息架构中作为页面的骨架。因此,在原型设计阶段,除了避免以上所说的几点误区外,将导航的设计思路打磨清晰,确保让导航的过程足够顺滑、流畅。这个也非常重要。下面就详细说下这个优质导航设计的建议。

带有流畅动态效果的下拉菜单
在导航设计中,下拉菜单的效果设计也是很常见的。下拉菜单用来承载二级导航元素,更大程度节省空间。下拉菜单是需要用户触发的,因此展现的动态要足够的微妙,降低用户浏览的陌生感。
http://www.ueeshop.com/u_file/images/17_11_04/b9cc932a11.jpg

悬浮固定网页的导航菜单
悬浮固定导航菜单便于用户快速跳转。由于用户对网站的不同页面间跳转的需求比较大,这种设计模式进一步优化了用户体验。
http://www.ueeshop.com/u_file/images/17_11_04/208c83f422.jpg

加入显眼的搜索框
用户使用搜索的频率很高,搜索框是筛选信息、获取信息的重要渠道。强大的搜索引擎是让用户留存的主要因素,因此与导航一起存在,并要同时出现在每个页面。
http://www.ueeshop.com/u_file/images/17_11_04/f9c1a242ab.jpg

正确排列导航的栏目
虽说导航的栏目数量有限制,但栏目的先后顺序是有讲究的。经UEESHOP研究发现,用户更加容易记住最先看到的栏目,且位于导航中间的栏目。

使用描述性的标签文本
使用标签文本作为栏目,可让用户知道这个链接中所包含的内容。注意尽量不使用太过宽泛的描述,选择更精准的描述。

尝试使用全页面导航
导航这玩意可有不少新发现,想让用户不错过?可以使用全页面导航,使得整个网站醒目地展现。
http://www.ueeshop.com/u_file/images/17_11_04/4df2db71a4.jpg

可靠的导航可帮助用户达成目标,找到内容,提升页面的转化率。不合理的导航设计对用户体验是灾难性的,聪明的你,知道如何决策了吧?
UEESHOP 设计部经理
朱静妍
页: [1]
查看完整版本: 外贸网站留存率低!可能是导航栏设计惹的祸-UEESHOP