微信是中国最受欢迎的社交应用,截至2018年3月,月活跃用户达10亿。微信的综合服务涵盖了中国日常生活的方方面面,包括社交、购物、账单支付、新闻和预订服务。2017年底的产品更新引入了一个新的主要功能:微信小程序(包括小游戏)。迷你程序类似于应用程序,但它们是在微信中构建的:它们感觉像是一个更大的应用程序中的应用程序。因此,一家中国公司可以通过四个不同的渠道与移动设备用户进行互动:

  1. 手机网站
  2. 本地应用
  3. 微信那家公司的官方账号
  4. 微信小程序[本研究的主要焦点]

我们想知道人们是如何感知这些不同通道之间的差异的,以及某些任务是否更适合一个通道而不是另一个。为了找到答案,我们在北京对10亿用户进行了可用性测试研究。

即使您不会设计微信小程序,这种类型的可扩展用户界面对用户体验的影响也是有趣的。传统上,网站和软件应用程序是封闭的包,用户或第三方提供商无法扩展它们。相比之下,微信小程序是一个不同的体验架构,与产品相关,如:

  • 广泛软件包的插件,如浏览器工具栏和电子表格工具包(例如,统计分析功能可以添加到Excel中,为少数执行anova的用户,而不会混淆广大用户)
  • Facebook Messenger App支持第三方游戏、新闻和购物服务游戏和发现部分的应用程序。
  • SaaS(软件即服务)公司提供的集成应用程序(例如,Slack用户可以安装集成程序,让他们可以直接从Slack应用程序链接到谷歌日历事件或Trello卡片)。
美国有两个“应用中应用”的例子:Facebook Messenger(左)在应用中添加了游戏,Slack(右)支持第三方服务,可以直接链接他们的应用或网站。
在美国,有两个“应用中的应用”的例子:Facebook Messenger(左)在应用中添加了游戏,Slack(右)支持第三方服务直接链接他们的应用或网站。

微信小程序介绍

对于那些不熟悉小程序的人,下面是它们是什么和如何工作的几个例子。

  • 迷你程序是为微信平台构建的移动应用程序.有小程序的游戏,食品配送,购物,门票销售,家庭服务,图像编辑,和更多。
微信的两个小节目:送餐小节目“你饿了吗”(左)和旅行预订小节目“C trip”(右)。(为了清晰起见,我们在截图中添加了一些英文翻译。)
微信的两个小节目:送餐小节目“你饿了吗”(左)和旅行预订小节目“C trip”(右)。(为了清晰起见,我们在截图中添加了一些英文翻译。)
  • 用户不需要安装(或卸载)小程序.在我们的研究中,很多用户提到了这个功能,并相信它可以帮助节省手机的存储空间。
  • 发现主要通过在线社交分享和离线qr码扫描实现.许多迷你游戏鼓励玩家与其他玩家分享游戏,以便在游戏中获得奖励(游戏邦注:如额外的生命值或积分)。线下广告,qr码促进小型项目。例如,一家购物中心在广告中宣传了一个预付停车费的小程序。
万达广场预交停车费小程序广告
招聘广告 迷你程序 通过万达广场(购物中心),帮助用户预付停车费。
  • 迷你程序可以从微信主屏幕访问,但它们是默认隐藏的。因为微信的主要功能是聊天,所以主屏是用来显示最近的对话。要看到小程序,用户需要从顶部向下滑动;此操作将显示最近使用的小程序列表。虽然对普通的小程序用户来说,滑动操作很简单方便,但新用户或不常使用的用户不太可能自己发现程序,除非他们不小心滑动了,或者有人与他们共享了一个程序。
从微信主屏幕(左),用户向下滑动看到最近使用的小程序列表(右)。
从微信主屏幕(左),用户向下滑动看到最近使用的列表 迷你程序 (右)。

我们的研究揭示了设计师在开发应用程序中的应用程序或其他类似于微信的集成模型的有限平台场景时可以应用的见解。

从微信小程序的5 UX教训

1.维护用户期望的核心功能和内容。

已经使用过你公司(全尺寸)应用的人对你提供的内容或服务有心理模型和期望。如果一个迷你版的应用让用户很难找到他们想要的核心内容,人们就会转而使用他们熟悉的应用。

在我们的测试中,一名36岁的女性用户抱怨说,京东购物小程序的主页信息没有京东移动应用程序那么丰富:“在(移动应用程序的)主页上,我可以浏览打折信息(她在顶部的图片旋转栏上滑动)。它还会显示我看过和买过的东西,并推荐更多类似的东西。所有这些信息在小节目中播出。”她觉得这个小程序内容少,所以她不想在上面购物。

对比京东购物小程序(左)和京东移动应用程序(右),可以看到移动应用程序有更多的内容可以浏览,包括传送带、促销和版块。
对比京东购物小程序(左)和京东移动应用程序(右),可以发现移动应用程序有更多的内容可以浏览,包括传送带、促销和版块。

另一名24岁的女性用户在一个叫“外卖”的小程序版本上也遇到了类似的问题Meituan.“我打开快递应用的第一件事就是得到一些优惠券。这个应用程序会在你每次登录时自动显示一些优惠券,我不知道这个小程序是否能做到这一点。”她打开小程序,很失望:“没有,没有优惠券。这些都很昂贵。此外,(在传送带上)也没有公司应用程序中显示的那么多促销活动。”

如果一个小程序不能做所有的移动应用程序可以,它应该支持切换方案-一种方便用户在小程序和移动应用程序或网站之间切换以查看完整内容的方法。

2.始终考虑使用的上下文。在移动设备上,支持快速活动和中断设计。

在我们的研究中,许多人抱怨说,当他们在小程序中收到微信消息时,他们不能很容易地查看消息,然后在程序中继续他们的任务。相反,他们不得不退出程序来查看消息。不幸的是,一些小程序没有保存用户的进度,迫使他们重新开始。因为微信的核心是一个社交工具,所以迷你程序的设计应该能够适应多任务处理。为了减少中断的机会,流程应该是有效的,并且具有最小值交互成本.以下是实施这些原则的一些建议:

  • 保存用户的进度,以便他们可以稍后返回任务。一个迷你赛车游戏叫做快乐的球允许用户保存他们的进度,并在稍后返回。一名20岁的男性用户称赞这款游戏:“我主要在公共交通工具上玩,无聊的时候在课堂上玩。都是零碎的时间。这让我可以停下来,又不失去我的位置,这很好。”
  • 发送提醒用户继续他们离开的地方.京东知道用户在结账过程中可能会被打断,如果用户没有完成任务而离开京东小程序的支付页面,京东会在大约半天内发送微信通知。这种提醒方式可以帮助那些忘记在购物车里放了东西的用户。
如果用户离开京东购物小程序的支付页面,京东微信账户会发出提示信息,提示购物车中还有商品。
如果用户离开京东购物小程序的支付页面,京东微信账户会发出提示信息,提示购物车中还有商品。
  • 通过基于微信账号数据设置好的默认值来最小化用户的努力。例如,京东小程序可以在支付页面自动填写用户信息(地址和电话号码),因为京东账户与用户的微信账户相连。因此,即使是第一次打开京东小程序的用户,也可以享受“一键支付”,无需输入详细信息。

3.利用平台的核心功能。

许多用户提到,他们从群聊或朋友那里了解到大多数小程序和小游戏。好的小程序利用了微信的核心功能,即通信。例如,京东的小程序在主页上对团购的推广甚至超过了手机app。(如果有足够多的人同意购买某个商品,那么团购就会提供折扣。如果一件商品没有得到足够的订单,就没有人能得到它。)在微信的背景下,强调团购是有意义的,因为该平台让用户很容易分享链接给他们的微信朋友,并邀请他们参与团购。

鼓励用户分享对你的业务有好处。但是,不要做得太过了!在我们的测试过程中,许多用户抱怨小程序,尤其是小游戏,迫使他们与他人分享内容。参与者解释说:“如果我需要分享游戏来获得奖励并继续玩下去,我宁愿不获得奖励。”“强制分享是最糟糕的。”一名20岁的男性用户表示:“如果你有真正好的内容,人们会自己分享的。不要强迫我像传销一样做。”

4.为不常使用的用户设计小程序。

我们的许多研究参与者说,他们更喜欢那些他们只是偶尔使用的服务的小程序节省手机空间.例如,一名用户解释说:“如果一个月只使用一次功能,我会使用小程序。”例如,干洗。我不需要下载应用程序去干洗。我只要用那个小程序就行了。”设计师应该找出偶然用户的需求,并在小程序中直接解决它们

一个很好的例子是顺丰快递的邮政运输小程序。与更全面的手机app相比,这个小程序围绕最常见的用户任务进行设计,解决了偶尔使用的问题,安排卡车

顺丰快递的小程序(左)的特点是时间表取货,这是偶尔使用该服务的用户的主要需求;相比之下,相应的手机应用(右)有更多的功能。
科幻小说表达的 迷你程序 (左)feature Schedule pickup,这是偶尔使用该服务的用户的主要需求;相比之下,相应的手机应用(右)有更多的功能。

不频繁使用要求极高的可用性和对快速学习的强调,因为你不能假设用户会通过扩展使用积累有关设计的知识。传统的可用性准则也适用于小程序。这是我们研究中的一个例子:

  • 为易学性设计简单的导航.例如,家乐福的小程序在导航栏中使用图标和文本,这对老年人很友好。一个55岁的男性用户,即使不知道如何搜索一个小程序,也可以很容易地浏览不同的类别和项目,因为它足够简单和直观。
家乐福的小程序使用了清晰的导航、图标和大图片;这些特性支持新手和高级用户。
家乐福的 迷你程序 使用清晰的导航、图标和大图片;这些特性支持新手和高级用户。

5.支持无缝跨通道转换。

客户可以通过多种渠道与机构进行互动:手机app、手机网站、桌面网站、微信小程序、微信公众号等等。设计师应该考虑整个客户旅程,提供一个无缝的用户体验跨渠道。

  • 简化通道切换.一个很好的例子是,当用户想要的商品回到库存时,京东会通知他们。由于与微信公众号不同,小程序无法发送通知,京东小程序提供了对应的京东微信公众号的qr码;通过跟踪该账户,用户可以收到京东的消息,并知道他们的商品何时可以买到。在我们的测试过程中,一名用户遵循了这个过程,并收到了他想要订购的VR眼镜的通知。他说:“这家公司考虑得很周到。”
如果用户对一个小程序中没有的功能(产品进货时收到通知)感兴趣,京东的购物小程序会引导他们到另一个渠道(京东的微信官方账号)。
如果用户对京东商城的一个功能感兴趣,京东商城的小程序会引导他们到另一个渠道(京东的微信官方账号) 迷你程序 (当产品回到库存时收到通知)。
  • 在要求用户切换到其他频道之前,先提供一些内容.在不同渠道之间切换有很高的感知成本:用户需要相信这种转换是值得付出努力的。在我们的测试过程中,一个小程序要求用户关注公司的微信账户,以获得有关其产品的更多信息。因为这请求太多太快了(她刚刚打开小程序并点击了一个按钮),就立即离开了程序。
“微信”是一个小程序,用户打开微信后,点击主页上的按钮,就可以立即注册微信。一名研究参与者立即离开了小程序。
一个 迷你程序 要求用户在打开程序后立即订阅微信账户,并点击主页上的一个按钮。一个研究参与者离开了 迷你程序 立即。
  • 提供简单的通道切换路径.在我们的研究中,一位37岁的女性用户非常喜欢一个小程序,海卡相机,它可以美化她的猫的照片。她想下载手机应用程序,但她浏览了一下,却找不到从小程序访问手机应用程序的任何方法。

结论

微信小节目是一种全新的互动渠道;这样的新渠道可以随时随地出现。设计师必须灵活,使他们的产品适应这种新的交互方式。

要利用这些新机会,了解它们的优势和局限性是很重要的。如果你发现自己在设计一个应用中的应用,或者是为功能有限的渠道设计应用smartwatch,一个语音助理),请记住以下几点:

  • 根据上下文和使用频率为产品增加价值。
  • 考虑切换通道的成本以及如何无缝转换。
  • 为平台用户提供内容和视觉效果。