“汉堡菜单”成为了移动电商平台设计中的最新趋势,用它可以展示分类菜单,这毫无疑问的就增强了主页的扩展性,简单的实现了主页和菜单之间的跳转。汉堡菜单是一个约定成俗的好点子,但问题是如何将它应用到你的设计中去。
移动网站制作要做的事:告诉用户从哪里开始
将首次访问的访客注意力吸引到菜单键上。即使访客不知道汉堡菜单的作用,他们知道这是一个很好的起点或者一个菜单按钮,并且很快会发现它是用来控制分类导航的。
移动网站制作不能做的事:分不清汉堡菜单和网站logo
尽管移动应用在迅速发展,把汉堡菜单放到logo的左侧是一个很大的禁忌,因为互联网用户已经习惯桌面网页的分布方式,认为左上角是logo的位置。
移动网站制作不能做的事:太多留白
眼球追踪研究将显示用户的大部分注意力的都在图片的部分,而不是浮动神秘的汉堡菜单。把菜单图标远远的放在右侧和把它放在logo左侧一样危险。
移动网站制作需要做的事:将分类图标和其他导航元素组织好
将汉堡菜单设计成导航菜单的一部分,很容易就能被用户识别出它是可操作的。另外,也有将汉堡菜单和搜索放在一起。
充分考虑pc网站中一些约定俗成的设计习惯,对我们选择图标顺有重大参考价值。例如,右上侧这个位置是传统的放置登录和购物车的位置。如果把汉堡菜单放到账户和购物车的左侧,或者把它和搜索放在一起,或许会更好。
假如选择把汉堡菜单和搜索放在一起,那么把它放在搜索的左侧可能会更直观,毕竟,垂直类的菜单约定俗成的出现在左侧。
移动网站制作需要做的事:标注图标
设计师——我听到你在哭泣,但是标注图标可以更好的阐明这些图标是做什么的。例如,汉堡菜单上增加“菜单”两个字。
如果你觉得这太拥挤了,你可以直接把“菜单”两个字设计在按键上,直到汉堡菜单成为约定俗成的菜单图标。
菜单按键上的加号大喊着“展开我”。这种放在搜索框左侧的方式要比和购物袋图标放在一起,或者是放在搜索框右侧更加有效。但事实上,如果没有适当的设计,任何导航图标都可能被忽视。
一如既往,用户测试和A/B测或者多变量测试可以告诉你,你的设计是否有效。测试导航应该是移动优化策略中的首要任务之一,使空间使用的有效性与移动网站架构清晰相互均衡。移动网站制作就在这里,蒙特人期待与您心与心的交流15158184365!
©2000-2022 杭州蒙特信息技术有限公司版权所有
Mountor、蒙特是Mountor Corp.的注册商标。