移动网站上的 25 个良好设计实践

airabintenadia2

Google 和 AnswerLab 的研究分析了不同平台上一组用户的行为。结论被浓缩为优秀移动网站的 25 个特征。 移动网站 许多公司忽视了他们的移动网站，认为只要正确显示就足够了。然而，这些设备中有许多不同的行为，在设计中必须考虑这些行为，以便为用户提供良好的体验。 最新测量表明，拉丁美洲的移动用户已经超过桌面用户，因此这是一个重要问题。 Google 和 AnswerLab 研究了用户如何与不同的移动网站交互，以确定最佳实践。在每个平台上，参与者被要求完成一项以转化为导向的任务，分享他们的想法并评估他们的经验。 这项研究的结果是定义了 25 条设计原则，分为五个部分： 主页和导航。 在网站上搜索。 商业和转化。 表格条目。 可用性和适应性。 在本说明中，我们总结了定义良好移动网站的良好实践。 移动网站上的主页和导航 家庭必须呈现最重要的内容，导航必须适应这些设备的特性。 前端和中心的号召性用语：关键的号召性用语应出现在可见的位置，以便用户可以轻松完成任务。请记住，移动电话上的最佳位置与桌面上的最佳位置不同。

简短而友好的菜单：在移动设备上，用户没有耐心查看长长的选项列表。寻找在菜单上呈现最少数量的项目的方法。 易于返回主页：徽标应始终引导至主页。当情况并非如此时，研究参与者感到沮丧。 不会分散注意力的促销：如果它们掩盖了内容，就会使用户更难完成任务。 网站搜索 当用户需要特定信息时，他们通常会使用搜索选项，因此对其进行优化非常重要。 可见的搜索栏：参与者对页面顶部的搜索栏反应最好。 相关搜索结果：用户只 美国数据 能看到第一个结果，因此您需要确保这些结果是相关的。您可以通过纠正打字错误或自动完成单词来帮助他们。 用于提高搜索可用性的过滤器：一些参与者离开了不允许过滤结果的网站。通过指示他们将在每个选项中看到的项目数来帮助用户。 指导用户搜索的工具：在拥有许多不同用户组的网站上，通过提出几个问题来分解答案非常有用。 商业和转化 如果设计调整不当，在小屏幕上进行购物可能会非常复杂。 购买前探索的空间：如果您要求用户注册才能看到所有产品信息，转化率就会降低。 访客购物：即使要购买，许多参与者也不想注册进行交易。



当创建帐户的好处没有得到解释时，尤其会发生这种情况。 预先填充现有数据的字段：对于注册用户，不应再次请求他们已经提供的数据。对于新用户，可以使用第三方 cookie来填写字段。 复杂任务的电话帮助：当表格复杂且信息敏感时，用户会喜欢与人交谈的选择。 跨设备转换：许多用户更喜欢通过台式计算机进行交易。为了帮助他们，您可以提供在设备之间保存或共享信息的选项。 表格中的条目 尽可能帮助用户通过触摸屏完成表单非常重要，这将提高转化率。 每个字段中的信息：表单字段中的示例或帮助文本可指导用户并使任务变得更容易。 完成任务的简单方法：在触摸屏上更容易选择大的、易于识别的项目。传统的瀑布菜单也有助于促进这些交互。 用于选择日期的日历：用户通常不记得确切的日期，日历解决了这个问题。 标签和实时验证：当用户输入信息时，表单上的标签应该可见。输入后，在转到另一个字段之前了解是否存在错误非常有用。 高效的表单：确保没有重复的操作或不必要的字段。如果它被分成几个部分，您必须在进度条中指出还剩多少部分需要完成。 可用性和适应性 移动网站必须从各个方面针对这些设备进行设计，包括内容和所有部分。 整个网站针对移动设备进行了优化：在研究中，将移动设备优化页面与非移动设备优化页面混合在一起的网站对于用户来说更难使用。