当前位置:微信小程序开发 > 小程序资讯 > 小程序快讯 > 微信小程序设计:创造令人惊奇的用户体验的1

微信小程序设计:创造令人惊奇的用户体验的1

2019-07-15 17:41 来源: 微信小程序

摘要:微信迷你程序设计:创造令人惊奇的用户体验的15种最佳实践,腾讯(Tencent)正与苹果(Apple)和Alphabet发生冲突,积极进军迷你移动应用程序,为后应用时代创造了趋势。尽管开局缓慢,但微...

期权保本理财

  腾讯(Tencent)正与苹果(Apple)和Alphabet发生冲突,积极进军迷你移动应用程序,为后应用时代创造了趋势。尽管开局缓慢,但微信现在已经结束了。一百万小程序,几乎翻了一番,从1月份的580,000。这是整个应用商店的一半,这是10年前推出的!

  

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

  

  除了视频之外,议员们已经渗透到了大多数类别。

  

  但是像微信一样,竞争已经很激烈了 95%电子商务品牌已经有了自己的迷你计划。

  

  提供一个致命的迷你程序用户体验是成功的参与和保留率的关键:这就是为什么我们在这里为您提供了15种可操作的策略清单,以确保您的MP是一个胜利。它们是基于研究和我们在过去一年中设计和建造它们的经验3110.

  

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

  

  微信小程序是用来“使用和忘记”的。对于大多数用户来说,您没有机会从重复使用中了解所有特性,特别是在O2O上下文中。有偶尔用户当你设计你的MP的时候。方便和效率作为主要的激励因素,你需要保持你的界面尽可能的杂乱无章,并且专注于手头的任务。进入一个Mini程序的前几秒钟对于理解它的功能以及如何与它交互至关重要,每个屏幕都应该有一个清晰的焦点和流程轮廓。

  

  左:发票吗,一个发票数据管理MP使用一个极简的界面。右:沃尔玛的自我结账MP是为了方便使用,重点放在产品扫描。

  

  通常情况下,尽量远离任何要求用户记住返回Mini程序来完成任务的东西:他们很可能不会。

  

  2.考虑打破你的迷你计划的足迹,而不是功能或面向受众的议员。

  

  在实践中,50%的顶级微信程序也有相应的本地应用程序。..然而,研究显示复制本地应用程序并不是一个好主意,如果它意味着修剪功能,因为大小限制的MP。最好的做法是在重点小程序中提供一套你的应用程序的核心功能。

  

  去那酒店预订页面:迷你计划更注重预订本身,有其他功能(机票、会员区域等)的入口点。移除。

  

  还可以考虑将你的核心功能分解成多个专用小程序:它们可以是个人喜欢的,并为不同的目标受众和使用背景服务(O2O,礼品与直接购买,等等)。

  

  与其“单块”应用程序相比,麦当劳已经将其Mini项目的存在分解为一个中央MP中心和一组专注于特定用例或客户部门的MPS。

  

  3.有应用程序吗?考虑使用Mini程序作为上机用户对应用程序的挑逗器

  

  应用程序和小程序在中国并不一定会遭到反对。虽然MPS的摩擦力比APP低得多,特别是在很少使用的情况下,它们也能很好地补充应用程序。您可以考虑将您的核心应用程序功能作为一个小型程序,并在应用程序中保留高价值的任务。举个例子,中国快递领队顺风顺丰:他们的MP反映了应用程序的功能,除了两个增值的任务:要求一个法皮发票和订购国际包裹。这确保了他们将他们的最高价值部门-业务-带入应用程序。

  

  另一个例子是流行的照片过滤应用程序Meitu美图:他们通过提供3种最受欢迎的过滤器,并邀请用户下载该应用程序以获得更多信息,从而将其迷你程序用作快捷方式和挑逗工具:

  

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

  

  “ 我们的用户想要一个简单的注册界面。通过推出Mini程序,不仅DAU流量呈指数增长,而且应用程序的有机下载也增加了! ”

  

  Andrea Sperenza,YEYU应用程序的首席执行官

  

  4.通航自明。

  

  尽管已有6亿多微信用户使用过小程序,但普通用户可能并不完全熟悉他们的共同核心功能,比如顶部条形按钮的导航功能。每当提供比两个级别更高的导航深度时,请考虑利用MP底部菜单在您的区段之间启用水平导航。您可以只在最深的导航级别上显示它:用户应该直观地感觉到他们在服务工作流中的位置。导航菜单还有一个额外的好处,就是不转移人们对Android手机上使用Back按钮的注意力,后者完全关闭了Mini程序。

  

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

  

  并且永远记住共享场景:从打开共享链接到Mini程序上,并不总是显示顶部栏上的后退按钮。如果您不提供任何导航,这可能会导致用户失望。

  

  左:JD.com产品页面是通过主页搜索打开的。右:同一页,从共享链接中打开聊天:无后退按钮。

  

  5.记住屏幕上的所有变化

  

  总是设计一个响应的MP,考虑到所有可能的手机布局,特别是Android设备。开始测试最小的手机大小,以确保没有任何内容溢出。在中国,许多用户仍然拥有iphone 5或小屏幕Android设备。

  

  在最近的一部1080 p Android手机(左)和iPhone 5(右)上,RATP(巴黎公共交通)MP看上去是什么样的。注意主屏幕底部瓷砖是如何裁剪的,并将标签隐藏在iPhone上。

  

  6.确保您的关键元素可以脱机加载。

  

  这应该是不言而喻的,但如果你提供一个面向O2O交互的迷你程序,确保核心元素在第一次加载后不依赖于网络。Mini程序随后被缓存在用户的手机上,并在下一次使用时立即打开:依赖于网络质量可能是一个潜在的机会,例如加快退房过程。

  

  Wagas的成员QR代码是在线动态加载的,在网络关闭时不会出现(右),尽管Mini程序正在缓存。

  

  7.利用多方面的分享

  

  小程序的显著特点之一是它们深深地嵌入了微信生态系统,有60多个不同的入口点(还有计数!)在这些入口点中,通过聊天共享是#1,说明了35%的交通流量给议员..恰当地利用共享功能是至关重要的:共享“卡片”对于会话来说是独一无二的,因为标题和主图像都可以定制。以下是这样一个例子:

  

  上作Go Mini项目提供了一个社交推荐程序,在那里他们利用聊天分享个性化。

  

  8.寻找良好的激励机制,分享Mini计划的QR代码

  

  阻碍议员们走红的最大障碍之一是,我们不能在瞬间分享链接。克服这一限制的一个标准方法是生成一个QR代码映像,并在用户的电话上使用同意提示保存它,并要求他们共享该图像。这是笨重的,造成太多的摩擦。你需要想出一个足够高的激励,让你的用户通过共享生成的图像的麻烦。推荐交易和社会“战斗”比较效果最好。

  

  “中国签证”迷你计划提供可分享的测试结果,以比较您的外籍朋友。他们可以选择把分数直接写进投篮。约瑟夫可能在问题上作弊了,他肯定不是A类

  

  9.利用帮手

  

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

  

  3不同的议员显示呼吁行动,添加到收藏夹通过顶部菜单&解释有一个直接进入快捷键的好处。

  

  10.微信频道的设计

  

  小程序只能通过O2O入口点上显示的横幅(扫描QR代码、付款)链接到官方账户,这可能是一个失去了将流量转化为追随者的机会。如果您通过您的官方帐户(例如发送事务状态通知)提供了一个独特的值,您也可以邀请您的Mini程序用户通过弹出通知跟踪OA。

  

  YO!幸运MP提供了一个通过ID搜索官方帐户的行动电话,覆盖层在验证时将ID复制到剪贴板上,使它可以立即粘贴到微信搜索栏中。

  

  更好的体验是动态地检测用户的后续状态,并向他们提供CTA。Qunar去哪儿在用户配置文件部分显示一个警报,如果他/她没有跟踪他们的帐户:

  

  再次,确保用户跟踪您的帐户的好处是尽可能清楚。他们可以访问哪些额外的服务或功能?典型的价值建议是事务状态的实时通知、高价值的任务,如发行fapao发票、独家交易等等。

  

  左:JDMini程序邀请您跟踪他们的OA,以便在他们重新进货时得到通知-右:JDOA的事务性提醒信息,以完成购买(购物车放弃重定向)。资料来源:NN小组。

  

  11.只有当你真正需要的时候才显示登录墙

  

  很常见的情况是,小程序向用户展示了一个登录提示,阻止他们在给出同意之前对MP做任何事情。相反,可以使用wx.login API在后端悄悄地注册用户,并且只为您绝对需要用户信息的特性显示登录页面(例如,My Account/Profile部分)。

  

  我知道麦当劳,你很想让我加入你的忠诚度计划。但是,在我做任何事情之前,我真的需要登录吗?来吧!

  

  12.通过增加预加载器和骨架屏幕降低弹出率

  

  由于MP的大小和缓存限制,其中大多数是动态地从网络加载内容。连接慢?无论您的用户界面设计得多么出色,MP在屏幕上显示内容可能需要一段时间。让用户盯着一个空屏幕或默认的“下载”加载中提示可以提高反弹率。相反,使用加载杆为了说明用户应该等待多长时间,或者是一个“骨架屏幕”,它会立即加载,从而产生加载完成的错觉。在后台预加载资源以避免加载时间,特别是在内容浏览和具有可预测用户流的Mini程序部分。

  

  丰田的活动迷你计划使用一个喷溅屏幕的百分比加载指标,以给出等待时间的估计。

  

  Dianping大众点评的迷你程序的几乎每个部分都使用进度指示器或屏幕骨架。

  

  13.利用Mini程序API将输入复杂度降到最低

  

  您可以让您的迷你程序自动填写用户的信息,在他们的同意(地址,电话号码,法皮信息)通过点击微信API。这可以节省大量时间,并避免容易出错的数据输入。

  

  从地理位置获取的自动地址,而不是必须输入它。

  

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

  

  14.制定错误应急计划

  

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

  

  15.重复你的设计

  

  设计一个高度吸引人的数字接口并不是一门精确的科学,小程序也不例外。他们有一个巨大的优势,比典型的应用程序,能够自动更新和创建一个完美的沙箱测试多种变化与用户体验或界面设计。甚至新特性以后也要集成到你的应用程序中。

  

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

  

  最受欢迎的迷你游戏之一-左强丹音丹,经历了几次游戏机制和用户界面的修改(在撰写本文时,右边是目前的版本)。

  

  你也应该利用第三方微型计划分析以确定反弹率和CRO问题。

  

  需要帮助你的微信迷你节目的表现?保持联系!

  

  迷你程序没有按照你的KPI执行?在决定H5还是迷你计划路线上挣扎?让我们的微信专家小组审核你的微信项目。

 
分享到:
最新评论

网友:

验证码: 点击我更换图片

联系我们

业务咨询:15918761088

招商咨询:15918761088(微信同号)

周一至周五 9:30-18:30

公司地址:广州市海珠区昌岗中路166号富盈国际大厦2505室

官方微信 官方微博

Copyright © 2018 www.keji168.com 广州霸界网络科技有限公司版权所有 粤ICP备18083764号-1

客服
套餐咨询,合作细节等
在线客服
电话咨询
159-1876-1088