当前位置: 首页 > 科技观察

不要在移动菜单设计中犯这些错误

时间:2023-03-19 20:19:59 科技观察

当我们试图让移动网站的用户导航更加直观时,我们遇到了内容太多、空间太少的挑战。移动电子商务平台设计的最新趋势是使用“汉堡包图标”来展示分类菜单,这样可以增强首页的可扩展性,实现首页与菜单的跳转。可切换的菜单键是将导航合并到每个页面的好方法。考虑到移动搜索需求的增加以及43%的手机打开电子邮件这一事实(来源:Litmus),保持直接访问您的内部页面且不熟悉您的移动网站的用户至关重要。这个汉堡菜单是个好主意——也是一个惯例,但问题是如何将它应用到你的设计中。要做的事:告诉用户从哪里开始Buckle可以识别访问量最大的访客并将他们的注意力吸引到菜单键上。即使访问者不知道汉堡菜单的作用,他们也知道这是一个很好的起点,并且很快就会发现它用于控制类别导航。不能做的事:分不清“汉堡包”菜单和网站标志。虽然移动端越来越普及,但互联网用户已经习惯了桌面网页的分布。他们认为左上角是标志的位置,将“汉堡菜单”放在左侧是一大禁忌。来访用户怎么知道“DISCOUNTDANCESUPPLY”是导航,不是品牌标识。Forever21标志右侧的导航很容易理解,但左侧的汉堡菜单看起来不像是可点击的元素。DittoSpanx,看看这个网站,你就会明白。#p#不该做的事:留白过多我赌你要一杯双份焦糖玛奇朵,眼动追踪研究会表明大部分用户的注意力都集中在图片上,而不是浮动的神秘汉堡菜单上。将菜单图标放在靠右的位置与将它放在徽标的左侧一样危险。要做的事情:组织类别图标和其他导航元素Softchoice的汉堡菜单是导航菜单的一部分,用户很容易将其识别为可操作的。此外,Lowe's还整合了汉堡包菜单和搜索功能。当您决定图标的顺序时,请记住桌面Web上公认的一些约定。eBags汉堡包菜单位于右上角,传统上是登录和购物车所在的位置。也许将汉堡包菜单放在帐户和购物车的左侧,或者将其与搜索一起放置,eBags可能会更好。GreenMountain把汉堡包菜单和搜索放在一起,但放在搜索的左边可能更直观。毕竟,垂直菜单按照惯例出现在左侧,“搜索”按钮出现在搜索框的右侧。边。要做的事情:callouticondesigner-我听到你哭了,但callout图标可以更好地阐明这些图标的作用。例如,“菜单”一词被添加到CVS汉堡菜单中。如果觉得这样太拥挤,可以直接在按钮上设计“菜单”二字,直到汉堡菜单变成常规的菜单图标。注意:HarryandDavid搜索图标可能会与PayPal徽标混淆,因为PayPal徽标看起来像一个搜索框。RossSimons菜单按钮上的加号喊着“展开我”。这种放置在搜索框左侧的方式比将其与购物袋图标一起放置,或者将其放置在搜索框右侧更有效。但是RossSimons的购物袋图标和logo混在一起,混的有点过头了。事实上,如果没有适当的设计,任何导航图标都可能会被忽视。与往常一样,用户测试和A/B或多变量测试可以告诉您您的设计是否有效。测试导航应该是您的移动优化策略中的首要任务之一,平衡有效的空间使用和清晰的移动站点架构。