改进你的网站的移动设计:关键的导航技巧

令人难以置信的是,在过去的十年里,移动设备实际上已经压倒了普通大众。想想看。智能手机和平板电脑让消费者获得信息,并进行前所未有的购物。而且,作为移动设备使用率持续上升的证据,据估计,截至2017年2月,全球近50%的网页浏览量可归因于移动设备。

数据显示,2016年有48亿年移动电话用户。此外,58%的美国搜索来自移动设备,智能手机视频消费占所有应用流量的近45% (Netflix和YouTube是主要的玩家),预计到2020年底,全球移动数据流量将激增7倍。

作为一个网站所有者,这些统计数据应该让你警醒。有一个完全响应的网站,同样是移动友好不再是一个选项。事实上,它还没有一段时间,但仍然有很多网站没有正确地呈现那些访问他们在路上。

为通过移动设备访问您的网站的站点访问者提供出色的用户体验的最关键部分之一是站点的无缝导航。站点访问者需要能够点击导航菜单、控制结帐过程、查看内容和图像,而不需要滚动、缩放或翻转设备。

然而,不幸的是,尽管大多数网站都有内置的导航功能,但并不是所有的网站都能充分发挥其潜力,尤其是在移动设计方面。

这就是为什么今天我要与你分享一些最好的方法,以保持你的网站的导航点,即使那些访问你的网站从一个小设备,有一个同样小的屏幕,可以看到你有什么顺利。

1. 让它简单

那些使用移动设备的人不太可能有很多时间(或耐心在他们的手上。毕竟,他们中的许多人都在忙着,只是想看看他们在你的网站上找什么,而不需要点击一堆选项。

请记住,页面加载的时间越长,特别是如果您强迫用户在到达端点之前浏览几个页面,那么您的访问者很可能会跳出来。如果你不想让游客去别的地方,那就把目标定在三个或更少的导航级别上。

移动导航——嵌套的菜单项

请注意Best Buy如何利用嵌套菜单选项来简化导航。

另一个很好的建议是避免为移动设备上的访问者提供太多的按钮来点击。这使屏幕混乱,特别是在手机屏幕上,会造成很多混乱。如果你的桌面站点有很多导航按钮,试着用嵌套菜单来减少按钮。

2. 避免让人打字

胖胖的手指,小小的键盘,还有输入的烦恼如此多的信息进入一个网站或在线应用程序只是人们对移动网站显示的一些抱怨。另外,不要以为你的网站访问者会把他们的移动设备,特别是手机,放在横屏模式下。

尽管横着拿手机要容易得多,尤其是打字的时候,但有研究表明,90%的人还是会继续竖着拿手机。满足这一需求是必须的。

移动导航——避免打字

使用下拉菜单,而不是要求用户输入。

如果你的网站需要输入某种类型,无论如何,尝试以下:

  • 实现“记住用户名和密码”功能
  • 利用自动填充功能最小化输入
  • 以自动确定用户位置的地理定位服务为目标
  • 评估每个需要输入的字段并确保它是必需的

移动导航-自动填充选项

LastPass为不想打字的用户提供自动填充功能。

3.注意图标

图标对网站的成功有很大的影响。看看它们对你网站的整体设计和功能有哪些好处:

  • 可扩展且不牺牲质量
  • 完全可定制的
  • 100%响应设计
  • 跨浏览器友好
  • 可通过鼠标和触摸屏使用

然而,有一些研究表明,没有很多图标是普遍认可的,这可能会混淆网站访问者,并造成导航问题。

例如,三角形播放符号和“x”关闭按钮在web上广泛使用。渐渐地,汉堡的象征(你知道,这三条线互相叠在一起)在移动设备用户中的知名度越来越高。

移动导航-图标

耐克利用了日益流行的汉堡包图标。

然而,像星号或心形这样的图标可能有多种含义,可能需要图标标签,以便访问者清楚地了解它们的设计用途。

移动导航-图标标签

注意usability.gov是如何在每个引导访问者的图标旁边包含标签的。

4. 是明确的

文案对任何网站来说都是至关重要的。它有助于平衡你的信息与可信度,帮助你的公司树立品牌,影响你的访客对你的看法,并服务于与你的目标受众沟通的目的。

但是,当涉及到移动设备和网站访问者能够有效地浏览你的网站时,情况就有点不同了。

移动导航-清晰的文案

有时候,文案是不清晰的,就像H&M的菜单一样。

菜单项应该使用简单的语言,清楚地定义一个人一旦点击它们将被带到哪里。然而,有时高端公司为了保持流行,会把事情弄得过于复杂,最终因为过度点击和受挫而失去大量的目标受众。

5. 考虑一个过滤选项

许多主要的电子商务网站,那些有很多产品和服务可供客户使用的网站,在他们的移动网站上实现了一个过滤选项,使浏览产品页面变得更容易。考虑品牌、价格、颜色、尺寸和年龄范围等类别。最终,标准将取决于你的网站类型。

移动导航-过滤选项

玩具反斗城充分利用了过滤选项。

此外,尽量避免提及页码。在寻找完美的产品时,人们不希望面对必须浏览几十个页面的想法。显然,有这么多页面的事实是非常真实的。

然而,找到一种方法来避免提醒客户这是非常有用的帮助有兴趣的客户继续浏览你的网站。试试“查看更多项目”按钮或连续滚动。它与适当应用的过滤器相结合,将为整个用户体验创造奇迹。

6. 改善你的网站的移动搜索

据报道,谷歌表示,90%的智能手机用户会在进行搜索后采取行动,大约是这样其中一半人会继续购买。仅这一统计数据就足以说明移动搜索功能的重要性。但是创建移动搜索与创建桌面搜索非常不同。

看看一些最重要的事情,你应该考虑优化你的移动网站的搜索导航:

  • 移动搜索通常是本地的,这意味着那些实体店应该优化搜索结果以显示本地内容
  • 那些在移动设备上搜索的人希望采取更直接的行动,也就是说,你应该在搜索结果中提供足够的信息来帮助人们做出购买决定
  • 预测拼写错误,并将它们包含在搜索结果中
  • 为您的移动用户管理一个单独的关键字列表

移动导航-搜索错误拼写

目标包括搜索结果中常见的拼写错误。

最终的想法

最后,迎合你的整个受众群,不管他们如何访问你的网站,这对网站所有者获得和维护成功是至关重要的。你必须通过移动设备上的人的眼睛来浏览你的网站——无论类型或屏幕大小。你必须满足他们的需求,预测他们正在寻找的信息,并使获取信息尽可能简单和直观。

通过遵循以上的导航提示,你将不可避免地改善你的网站的移动设计。另外,您还将看到站点流量、电子邮件订阅者和购买的增加。所以,今天就开始优化你的手机网站吧,马上就能获得好处。

你是否曾经实施过上述的移动设计技巧来改善你的网站的导航?我留下了一个重要的提示,你认为我应该包括吗?我很想在下面的评论中听到关于它的一切!

2020-01-10 17:17
相关热门