手机网页导航菜单设计小技巧
响应式网页设计已经风光了很长时间,但只要手机的网页浏览画面看起来正确的显示,就是一个好的响应式网页设计吗?
今天我们分享一个网页设计师,利用自己的网站进行了一个手机网页导航菜单测试,仅只更换导航菜单的图标,就能带来意想不到的结果。
首先响应式网页设计最常见的导航菜单按钮,为平行三条线的图标,这样的图样是根据Bootstrap框架的制式图标,因此非常常见于许多手机网站。
对于桌面网页使用者来说,这种按钮是相当生疏的一种界面,因此设计师决定动手做了一点小改变,制作了两个新按钮。
第一种按钮让平行三条线旁多了“MENU”的字样。
第二种按钮则是将图标添加边框。
经过了一段时间观察来访者,发现导航图标多了“MENU”字样的按钮,比起原先点击率高出了7.2%,添加边框的按钮更是大幅增加了22.4%。
这样的用心测试,反应了使用者对于响应式网站的导航菜单较为陌生,如有适当提示,对于网页点击率的增加与跳出率的降低是很有帮助的。
想想看2018年的网页设计,是否有无类似的因素影响用户的体验?如果有的话立即改善,让小小的改变带来大大的成长。