微信小程序设计:15个打造超棒用户体验的最佳实践
腾讯正在与苹果和 Alphabet 发生碰撞,通过积极进军迷你移动应用程序,为后应用时代设定趋势。尽管起步缓慢,但微信现在拥有超过100 万个小程序,比 1 月份的 58万个增加了近倍。那是 10 年前推出的整个 App Store 的半!
小程序正在改变品牌在中国的营销方式的数字版图。
但和微信样,竞争已经很激烈,95%的电商品牌已经有了自己的小程序。
提供出色的小程序用户体验是成功参与度和留存率的关键:这就是为什么我们在此为您提供 15 种可操作策略的列表,以确保您的 MP 获胜。它们基于研究和我们过去年在31Ten设计和建造它们的经验。
小程序是为了“使用和忘记”。对于其中的大多数,您没有机会让用户从重复使用中学习所有功能,尤其是在 O2O 环境中。有偶尔的用户记住,当你设计你的MP。便利性和效率是主要的激励因素,您需要使您的界面尽可能整洁并专注于手头的任务。进入小程序的前几秒是了解小程序的功能以及如何与之交互的关键,每个屏幕都应该有清晰的焦点和流程轮廓。
作为般规则,尽量远离任何需要用户记住返回小程序完成任务的事情:他们很可能不会。
在实践中,50% 的顶级微信小程序也有相应的 Native App。然而,研究表明,如果由于 MP 的大小限制而意味着修剪功能,那么复制本机应用程序并不是个好主意。佳实践是在重点小程序中提供您的应用程序的组核心功能。
还可以考虑将您的核心功能分解为多个专用小程序:它们可以单收藏,并服务于不同的目标受众和使用环境(O2O、送礼与直接购买等)。
应用程序和小程序在中国不定要反对。虽然 MP 的摩擦比 App 小得多,尤其是在不经常使用的情况下,但它们也可以很好地补充 App。您可以考虑将您的核心应用功能作为小程序提供,并将高价值任务留在应用中。以中国快递领导者顺丰顺丰为例:他们的议员在功能方面反映了该应用程序,除了两个增值任务:索取发票和订购国际包裹。这可确保他们将高价值的细分市场、业务纳入应用程序。
另个例子是流行的照片滤镜应用美图美图:他们使用他们的小程序作为快捷方式和预告片,提供3个受欢迎的滤镜,并邀请用户下载应用程序以获得更多:
“我们的用户想要个简单的注册界面。通过推出小程序,不仅DAU流量成倍增长,App的自然下载量也随之上升!”
YEYU App CEO Andrea Sperenza
尽管之前已经有超过 6 亿微信用户使用过小程序,但普通用户可能并不完全熟悉它们的共同核心功能,例如顶部栏的返回按钮导航。每当提供高于两个级别的导航深度时,请考虑利用 MP 底部菜单在您的部分之间启用水平导航。您可以只在深的导航级别上显示它:用户应该直观地感觉到他们在服务工作流中的位置。导航菜单还有个额外的好处,即不会转移注意力,在 Android 手机上使用后退按钮,这完全关闭了小程序。
并且始终牢记分享场景:打开分享链接进入小程序并不总是在顶部栏显示返回按钮。如果您不提供任何导航,这可能会导致用户感到沮丧。
始终在设计响应式 MP 时考虑所有可能的手机布局,尤其是 Android 设备。开始在小的手机尺寸上进行测试,以确保没有任何内容溢出。中国的许多用户仍然拥有 iPhone 5 或小屏幕 Android 设备。
不用说,但如果您提供面向 O2O 交互的小程序,请确保核心元素在次加载后不依赖于网络。然后,小程序会缓存在用户的手机上,并在下次使用时立即打开:依赖网络质量可能会失去机会,例如加快结帐流程。
小程序的显着特点之是它们在微信生态系统中的深度嵌入,有 60 多个不同的入口点(而且还在增加!)。在这些切入点中,通过聊天分享是#1,占MP 流量的 35%。正确利用共享功能至关重要:共享“卡片”可以是对话所有的,因为标题和主图像都可以自定义。下面是这样个例子:
为国会议员传播病毒的大障碍之是我们无法在朋友圈上分享链接。绕过此限制的标准方法是生成 QR 码图像,将其保存在用户手机上并提示同意,并要求他们分享该图像。这很笨重,会导致过多的摩擦。您需要提出足够高的激励措施,让您的用户经历共享生成图像的麻烦。推荐交易和社交“战斗”比较效果好。
同样,虽然超级流行,但小程序用户可能仍然不完全了解 MP 的默认功能的范围,尤其是在导航方面。考虑弹出通知以鼓励用户将其添加到他们的收藏夹(稍后可通过顶部快捷栏访问)。
在撰写本文时,小程序只能通过 O2O 入口(扫描二维码、支付)上显示的横幅链接到官方帐户,这可能会失去将流量转化为粉丝的机会。如果您通过公众号提供不同的价值——例如发送交易状态通知——您也可以通过弹出通知邀请您的小程序用户关注OA。
更好的体验是动态检测用户的关注状态,并为他们提供 CTA。去哪儿去哪儿如果没有关注他们的帐户,在用户资料部分会显示警报:
同样,请确保用户关注您的帐户的好处尽可能明确。他们可以访问哪些额外的服务或功能?典型的价值提案是交易状态的实时通知、高价值任务,例如开具发票、家交易等。
看到小程序向用户显示登录提示,阻止他们在同意之前对 MP 进行任何操作,这太常见了。相反,使用 wx.login API 在您的后端安静地注册用户,并且只显示您绝对需要用户信息的功能的登录页面(例如,我的帐户/个人资料部分)。
由于 MP 的大小和缓存限制,它们中的大多数都是从网络动态加载内容。连接慢?无论您的用户界面设计得多么好,MP 都可能需要段时间才能在屏幕上显示内容。让用户盯着空白屏幕或默认的“正在下载”提示可以增加跳出率。相反,使用加载条来指示用户应该等待多长时间或立即加载的“骨架屏幕”,给人种加载完成的错觉。在后台预加载资源以避免加载时间,特别是在内容浏览和具有可预测用户流的小程序部分。
您可以通过微信API,让您的小程序在未经用户同意的情况下自动填充用户信息(地址、电话号码、发票信息)。这可以节省大量时间,并避免容易出错的数据输入。
与应用程序相比,小程序令人印象深刻,因为它们几乎可以在每部安装了微信的手机上运行。但实际上,他们仍然要处理各种各样的手机和不同的微信版本。也有用户不愿意更新微信或操作系统。您应该确保您的用户没有收到小程序 WSOD(白屏死机)并确保捕获错误。您可以在小程序后台选择运行您的小程序的微信和操作系统版本,并显示旧版本的升级提示。
设计个极具吸引力的数字界面并不是门精确的科学,小程序也不例外。通过能够自动更新并创建个完美的沙箱来测试用户体验或界面设计的多种变化,它们比典型的应用程序具有巨大的优势。或者甚至是稍后将新功能集成到您的应用程序中。
任何 MP 项目都应该计划持续改进!
您还应该利用第三方小程序分析来识别跳出率和 CRO 问题。
相关文章
服务热线:0632-5272123,0632-5271123
业务咨询:13969468882,18006320170
营销中心:山东省 枣庄市 市中区 中坚1878 A406室
邮箱:kf@zzint.com