
移动设备上的菜单和实用性
正如这篇博文中的图片所示,没有针对移动设备进行优化的网站在可用性方面存在很大问题,尤其是在导航功能方面。当一个全尺寸的网站呈现在智能手机上时,屏幕尺寸看起来很小,这在很多方面说明了设计师所面临的挑战。即使在使用响应式网页设计的情况下,试图在智能手机上展示全尺寸网站导航中的所有选择,也是一个可用性的噩梦。
我们已经研究了 巨型下拉式 在上一篇博文中,我想更多地讨论菜单项目合理化的挑战。例如,零售商 H&M在平板电脑版本的网站上,将所有在全尺寸网站上显示的购物类别(女士、男士、儿童、家庭和销售)归为一个类别 "商店": tablet.hm.com。然后,他们将[比如]"男士 "的所有子类别归入一个 "查看全部 "按钮,将全部菜单置于产品内容的上方。在大型网站上,这些类别在每个屏幕宽度上都以左手导航的方式呈现。
M&S在他们非常新的网站(部分响应)中,选择在主页上使用汉堡包菜单,这给人一种更干净的外观,但我认为限制了可用的选项。当选择子类别时,左手的菜单会出现和消失,用户每次想浏览时都需要返回到主菜单按钮。它仍然可以导航,但我认为用户需要付出更多的努力,因此可用性受到影响。
我认为M&S已经勇敢地尝试了一种新的移动导航方法,我认为我们将在这个领域看到更多的实验,因为目前还没有 "完美 "的解决方案。用户的行为正在发生变化,我们观察到当网站 可用性测试 因此,跟上步伐将是很困难的。移动菜单的可用性很可能在未来一年左右受到影响,特别是如果用户体验设计不改变的话。
如果你想了解更多关于用户如何使用移动设备菜单导航的信息,请与我们联系,我们将很乐意提供帮助。您可以免费拨打0800 0246 247,或给我们发送电子邮件,地址是 hello@ux247.com.