首页 小程序 小程序新闻中心 详情

微信小程序设计:15个打造超棒用户体验的最佳实践

2019-02-08

腾讯正在与苹果和 Alphabet 发生碰撞,通过积极进军迷你移动应用程序,为后应用时代设定趋势。尽管起步缓慢,但微信现在拥有超过100 万个小程序,比 1 月份的 58万个增加了近倍。那是 10 年前推出的整个 App Store 的半!

小程序正在改变品牌在中国的营销方式的数字版图。

除了视频,MPs已经渗透到了大部分品类。

但和微信样,竞争已经很激烈,95%的电商品牌已经有了自己的小程序。

提供出色的小程序用户体验是成功参与度和留存率的关键:这就是为什么我们在此为您提供 15 种可操作策略的列表,以确保您的 MP 获胜。它们基于研究和我们过去年在31Ten设计和建造它们的经验

1. 为简单的任务和即时理解设计您的 MP 界面

小程序是为了“使用和忘记”。对于其中的大多数,您没有机会让用户从重复使用中学习所有功能,尤其是在 O2O 环境中。偶尔的用户记住,当你设计你的MP。便利性和效率是主要的激励因素,您需要使您的界面尽可能整洁并专注于手头的任务。进入小程序的前几秒是了解小程序的功能以及如何与之交互的关键,每个屏幕都应该有清晰的焦点和流程轮廓。

左:开票马发票吗,发票数据管理MP使用简约的界面。右图:沃尔玛的自助结账 MP 旨在易于使用,并强调产品扫描。

作为般规则,尽量远离任何需要用户记住返回小程序完成任务的事情:他们很可能不会。

2. 考虑将您的小程序足迹分解为功能或以受众为中心的 MP

在实践中,50% 的顶级微信小程序也有相应的 Native App然而,研究表明如果由于 MP 的大小限制而意味着修剪功能,那么复制本机应用程序并不是个好主意。佳实践是在重点小程序中提供您的应用程序的组核心功能。

去哪儿酒店预订页面:小程序更加专注于预订本身,删除了其他功能(机票、会员区等)的入口点。

还可以考虑将您的核心功能分解为多个专用小程序:它们可以单收藏,并服务于不同的目标受众和使用环境(O2O、送礼与直接购买等)。

与其“单体”应用程序相比,麦当劳已将其小程序的存在分解为个中央 MP 中心和组专注的 MP,每个 MP 都专门用于特定用例或客户群。

3. 有应用程序吗?考虑使用小程序作为引导用户使用该应用程序的预告片

应用程序和小程序在中国不定要反对。虽然 MP 的摩擦比 App 小得多,尤其是在不经常使用的情况下,但它们也可以很好地补充 App。您可以考虑将您的核心应用功能作为小程序提供,并将高价值任务留在应用中。以中国快递领导者顺丰顺丰为例:他们的议员在功能方面反映了该应用程序,除了两个增值任务:索取发票和订购国际包裹。这可确保他们将高价值的细分市场、业务纳入应用程序。

另个例子是流行的照片滤镜应用美图美图:他们使用他们的小程序作为快捷方式和预告片,提供3个受欢迎的滤镜,并邀请用户下载应用程序以获得更多:

美图小程序中的“更多过滤器”图标邀请用户在他们喜欢的应用程序商店中搜索应用程序。

我们的用户想要个简单的注册界面。通过推出小程序,不仅DAU流量成倍增长,App的自然下载量也随之上升

YEYU App CEO Andrea Sperenza

4. 让导航不言而喻

尽管之前已经有超过 6 亿微信用户使用过小程序,但普通用户可能并不完全熟悉它们的共同核心功能,例如顶部栏的返回按钮导航。每当提供高于两个级别的导航深度时,请考虑利用 MP 底部菜单在您的部分之间启用水平导航。您可以只在深的导航级别上显示它:用户应该直观地感觉到他们在服务工作流中的位置。导航菜单还有个额外的好处,即不会转移注意力,在 Android 手机上使用后退按钮,这完全关闭了小程序。

Wagas(餐厅和咖啡连锁店)忠诚度 MP 的某些部分(我的钱包)的导航深度为 3 或更多,需要 3 个步骤才能到达后退按钮返回主屏幕,然后切换部分。他们可以通过底部菜单使导航变得更加容易。

并且始终牢记分享场景:打开分享链接进入小程序并不总是在顶部栏显示返回按钮。如果您不提供任何导航,这可能会导致用户感到沮丧。

左图:通过页搜索打开的京东产品页面。右图:从聊天中的共享链接打开的同页面:没有后退按钮。

5. 牢记所有屏幕变化

始终在设计响应式 MP 时考虑所有可能的手机布局,尤其是 Android 设备。开始在小的手机尺寸上进行测试,以确保没有任何内容溢出。中国的许多用户仍然拥有 iPhone 5 或小屏幕 Android 设备。

RATP(巴黎公共交通)MP 在近的 1080p Android 手机(左)与 iPhone 5(右)上的外观。请注意主屏幕的底部磁贴是如何裁剪的,并将其标签隐藏在 iPhone 上。

6.确保您的关键元素可以离线加载

不用说,但如果您提供面向 O2O 交互的小程序,请确保核心元素在次加载后不依赖于网络。然后,小程序会缓存在用户的手机上,并在下次使用时立即打开:依赖网络质量可能会失去机会,例如加快结帐流程。

Wagas会员二维码在线动态加载,断网时不显示(右),尽管小程序被缓存。

7.利用分面共享

小程序的显着特点之是它们在微信生态系统中的深度嵌入,有 60 多个不同的入口点(而且还在增加!)。在这些切入点中,通过聊天分享是#1,占MP 流量的 35%正确利用共享功能至关重要:共享“卡片”可以是对话所有的,因为标题和主图像都可以自定义。下面是这样个例子:

上座围棋小程序提供了个社交推荐程序,他们利用聊天共享个性化。

8. 寻找好激励在朋友圈分享小程序二维码

为国会议员传播病毒的大障碍之是我们无法在朋友圈上分享链接。绕过此限制的标准方法是生成 QR 码图像,将其保存在用户手机上并提示同意,并要求他们分享该图像。这很笨重,会导致过多的摩擦。您需要提出足够高的激励措施,让您的用户经历共享生成图像的麻烦。推荐交易和社交“战斗”比较效果好。

“中国签证”小程序提供可分享的测验结果,供您在外籍朋友之间进行比较。他们可以选择将分数直接包含在帖子中。约瑟夫可能在问题上作弊,他肯定不是 A 类

9. 利用帮手

同样,虽然超级流行,但小程序用户可能仍然不完全了解 MP 的默认功能的范围,尤其是在导航方面。考虑弹出通知以鼓励用户将其添加到他们的收藏夹(稍后可通过顶部快捷栏访问)。

3 个不同的 MP 显示号召性用语以通过顶部菜单添加到收藏夹并解释直接输入快捷方式的好处。

10.全(微信)渠道设计

在撰写本文时,小程序只能通过 O2O 入口(扫描二维码、支付)上显示的横幅链接到官方帐户,这可能会失去将流量转化为粉丝的机会。如果您通过公众号提供不同的价值——例如发送交易状态通知——您也可以通过弹出通知邀请您的小程序用户关注OA。

Yo!Luck MP 提供号召性用语以通过其 ID 搜索官方帐户。覆盖层在验证后将 ID 复制到剪贴板,使其立即准备好粘贴到微信搜索栏中。

更好的体验是动态检测用户的关注状态,并为他们提供 CTA。去哪儿去哪儿如果没有关注他们的帐户,在用户资料部分会显示警报:

同样,请确保用户关注您的帐户的好处尽可能明确。他们可以访问哪些额外的服务或功能?典型的价值提案是交易状态的实时通知、高价值任务,例如开具发票、家交易等。

左:京东小程序邀请您关注他们的 OA,以便在他们补货时收到通知 — 右:来自京东 OA 的交易提醒消息以完成购买(购物车放弃重定向)。资料来源:NN 集团

11. 只在真正需要时才显示登录墙

看到小程序向用户显示登录提示,阻止他们在同意之前对 MP 进行任何操作,这太常见了。相反,使用 wx.login API 在您的后端安静地注册用户,并且只显示您绝对需要用户信息的功能的登录页面(例如,我的帐户/个人资料部分)。

我明白了,麦当劳,你非常希望我加入你的忠诚度计划。但是我真的需要登录才能做任何事情吗?来吧!

12. 通过添加预加载器和骨架屏幕来降低跳出率

由于 MP 的大小和缓存限制,它们中的大多数都是从网络动态加载内容。连接慢?无论您的用户界面设计得多么好,MP 都可能需要段时间才能在屏幕上显示内容。让用户盯着空白屏幕或默认的“正在下载”提示可以增加跳出率。相反,使用加载条来指示用户应该等待多长时间或立即加载的“骨架屏幕”,给人种加载完成的错觉。在后台预加载资源以避免加载时间,特别是在内容浏览和具有可预测用户流的小程序部分。

丰田的活动小程序使用带有百分比加载指示器的启动画面来估计等待时间。

Nearly every section of the Dianping 大众点评’s Mini Program uses progress indicators or screen skeletons

13、利用小程序API,小化输入复杂度

您可以通过微信API,让您的小程序在未经用户同意的情况下自动填充用户信息(地址、电话号码、发票信息)。这可以节省大量时间,并避免容易出错的数据输入。

从地理位置自动获取地址与必须输入地址。

通过同意提示从微信用户的个人资料中检索电话号码和地址。

14. 有个错误的应急计划

与应用程序相比,小程序令人印象深刻,因为它们几乎可以在每部安装了微信的手机上运行。但实际上,他们仍然要处理各种各样的手机和不同的微信版本。也有用户不愿意更新微信或操作系统。您应该确保您的用户没有收到小程序 WSOD(白屏死机)并确保捕获错误。您可以在小程序后台选择运行您的小程序的微信和操作系统版本,并显示旧版本的升级提示。

15. 迭代你的设计

设计个极具吸引力的数字界面并不是门精确的科学,小程序也不例外。通过能够自动更新并创建个完美的沙箱来测试用户体验或界面设计的多种变化,它们比典型的应用程序具有巨大的优势。或者甚至是稍后将新功能集成到您的应用程序中。

任何 MP 项目都应该计划持续改进!

流行的小游戏之醉枪弹丹经历了多次游戏机制和用户界面改造(右侧是撰写本文时的当前版本)

您还应该利用第三方小程序分析来识别跳出率和 CRO 问题。


相关文章

微信小程序是针对中国市场的需求量身定制的...
Java 应用程序就像是在虚拟机的支持下...

contact us

服务热线:0632-52721230632-5271123

业务咨询:1396946888218006320170

营销中心:山东省 枣庄市 市中区 中坚1878 A406室

邮箱:kf@zzint.com

微信客服
在线联系
13969468882
返回顶部