第一印象很重要。移动用户非常注重目标并且非常不耐烦。避免分散用户的注意力。保持您的首页和顶部目标网页简单。一定要有明确的号召性用语和价值主张。用户应该知道该做什么以及为什么他们应该立刻留在您的移动网站上。
做得少。我一直提出的首要建议是“少做”。这意味着更少的图像,更少的表单字段,更少的复杂导航模式,更少的插件,更少的第三方像素,更少的文本墙,更少的全屏叠加,更少的渲染阻止js ,点击次数减少……减少用户注意力分散目标的方法更少。
速度突出了良好的设计。毫不奇怪,更快的移动网站有更好的用户参与度。无数的案例研究,可用性测试,我相信你自己的个人轶事,非常清楚,速度推动转换。真正反映用户体验的三个性能指标是First Contentful Paint(FCP),Speed Index和Time to Interactive(TTI)。设置绩效预算并让您的团队负责是至关重要的。很遗憾,当您精心设计的网站导致用户退回时,您忘记压缩2MB英雄形象。使用Lighthouse(如下所示)等工具来监控这些指标。
推荐基准:
<2s First Content Paint(FCP)
<3速度指数(SI)
<5交互时间(TTI)
使用数据来证明设计的合理性。“数据支持设计”的趋势并不是什么新鲜事。在确定移动项目的优先级后,跟踪移动KPI非常重要。对于零售商,监控平均订单价值(AOV)和结账渠道开始页面上的退出率。对于潜在客户,公司专注于主要“号召性用语”按钮的点击率和导致成交率(成功销售/潜在客户数量* 100)。如果您有旅游网站,请关注回访会话(客户保留)和渠道特定流量(即:社交分享增加)。考虑监控微转换,例如电子邮件简报注册,文章评论,用户评论,视频观看或社交媒体上的分享。专业提示:我强烈建议您利用这个出色的Datastudio 仪表板 我的一位同事(Damla Cakirca)制作了监控用户在您网站上的参与度。
复发是真实的。与我们合作的大多数公司都看到了网站速度和/或用户参与度的显着提高。然而,在咨询后30-60天(当我们不再渴望看到他们的肩膀时),我们会看到不良习惯重新出现。要避免这种陷阱,请使用性能预算。我还建议使用Chrome开发工具通过Coverage选项卡查找未使用的CSS和JS代码。当您加载或运行页面时,该选项卡会告诉您使用了多少代码,以及加载了多少代码。您只需提供所需的代码即可缩小页面大小。持续监控和审核您的移动网站至关重要。
看好新技术。如果您正在寻找具有变革性的现代移动体验,请构建PWA。如果您希望优化付费流量,请考虑使用AMP作为热门目标网页。如果您是零售商,请研究加快结帐的方法,例如减少字段,启用自动填充或实施Google Pay。成功的关键是逐步增加技术,重点是增强用户体验。如果它不会为您的用户增加价值,请不要投资。
跨职能购买是关键。让所有关键利益相关者进入同一页面是一个明显但重要的提醒。改善您的移动Web体验是团队的一项努力。所有团队都需要负责监控移动体验。营销团队应该关注使用第三方跟踪像素。工程团队应专注于优化关键渲染路径(删除渲染阻止资产)。用户体验团队应确保优化图像并专注于减少可用性痛点(即:自动滑块)。设置跨职能目标并让所有团队负责是至关重要的。
对移动趋势的观察。最后一部分是我在2018年看到的所有最佳用户体验趋势,我看到了积极的结果。
- 实现底部导航抽屉
- 启用推送通知(必要时)
- 添加“添加到主页”屏幕按钮(应用清单)
- 使用Material Design Web组件
- 高级滚动触发动画
- 视口底部的粘性CTA(特别是在产品详细信息页面上)
- 允许用户使用来宾帐户进行购买
- AMP First
请记住,没有灵丹妙药可以解决您的所有UX问题。改善您的移动网站需要耐心,分析和跨职能的承诺。