原文：Apps Within Apps: UX Lessons from WeChat Mini Programs
作者：Feifei Liu (刘菲菲) (2018-09-09)
阅读时间：12m28s
摘要：我们在中国的用户研究发现，嵌入式应用的设计者不得不考虑使用环境、父平台的核心功能以及该程序的使用方式。
截止 2018 年 3 月，作为中国最受欢迎的社交应用，微信的每月活跃用户数已达 10 亿。微信的综合服务涵盖了中国用户日常生活的方方面面，包括社交、购物、账单支付、新闻以及预定服务。2017 年底的产品更新中新增了一个新的主要功能：微信小程序（包括小游戏）。小程序和应用相似，但它们是在微信中构建的：感觉就像是一个更大的应用中的应用。因此，一个中国公司可通过 4 个不同的渠道与移动设备上的用户进行交互：
- 移动网站
- 原生应用
- 该公司的微信官方账号
- 微信小程序（本研究的主要焦点）
我们想了解人们如何看待这些不同渠道之间的差异，以及是否存在某些任务更适合其中某一个渠道而不是另一个。为了找出答案，我们在北京与 10 位微信用户进行了可用性测试研究。
即使你不打算设计一个微信小程序，这类可扩展的用户界面的用户体验也是很有趣的。传统上，网站和软件应用是封闭的包，无法由用户或第三方提供者进行扩展。相比之下，微信小程序是一种不同体验架构，与以下产品相关：
- 用于广泛的软件包的外接程序，例如，浏览器工具栏和电子表格工具包（例如，可为执行 ANOVAs 的少数用户添加至 Excel，而不会使大量群体混淆的统计分析功能）
- Facebook Messenger App，支持应用中 Gamesand Discover 的第三方游戏、新闻和购物服务
-
SaaS（Software as a Service）公司提供的整合应用程序 （例如，通过整合功能页面，Slack 用户可直接在 Slack 应用中链接到 Google Calendar 的事件或者 Trello 卡片）
在美国的两个「应用中的应用」的例子，Facebook Messenger（左边）在应用中包含了游戏，和 Slack（右边）支持可直接链接到他们的应用或者网站的第三方服务。
微信小程序的介绍
对于那些不熟悉小程序的人来说，下面的这些例子将介绍它们是什么以及它们如何工作。
-
小程序是在微信平台中构建的移动应用程序。包括游戏、食物配送、购物、门票销售、家庭服务、图片编辑，等等。
两个小程序：食物配送小程序「饿了么」（左边），旅行预订小程序「携程旅行」（右边）（为了清晰起见，我们在屏幕截图上叠加了一些英文翻译）。
-
用户无需安装（或者卸载）一个小程序。在我们的研究中，许多用户都提到了这个功能，并认为这有助于节省手机存储空间。
-
小程序的发现渠道主要是线上的社交分享和线下的二维码扫描。许多小程序鼓励用户向其他用户分享游戏，以便在游戏中获得奖励（比如，额外的生命值或者奖励点）。线下，带有二维码的广告可对小程序进行推广。例如，一家购物中心为一个预付停车费的小程序做了广告。
万达广场（购物中心）为一个小程序做的广告，以帮助用户预防停车费。
-
小程序可通过微信主页进行访问，但默认是隐藏的。因为微信的主要功能是聊天，主页专用于最近的聊天对话。要查看小程序的话，用户需要从顶部向下滑；通过这个操作可以显示最近使用的小程序列表。尽管对于常用的小程序用户来说，滑动既简单又方便，但新用户或者不常用的用户则不太可能自己发现小程序，除非他们不小心向下滑动或者其他用户向他们分享了一个小程序。
在微信主页（左边），用户可向下滑动以查看最近使用的小程序列表（右边）。
我们的研究提供了一些设计师在应用中，或者其他类似于微信的集成模型的有限平台场景中开发应用时可运用的见解。
从微信小程序中学到的关于用户体验的 5 个经验
1. 保持用户期望的核心功能和内容。
已经使用过你的公司的（完整的） app 的用户对你所提供的内容和服务有了心理模型和期望。如果一个应用的小程序版本让用户很难找到他们想要的核心内容，他们将会使用他们更熟悉的 app。
京东购物小程序（左边）和京东移动 app（右边）的对比表明了，移动 app 中可浏览的内容更多，包括轮播图、促销信息和更多模块。
另外一名用户，一位 24 岁的女性，在使用提供食物配送服务的美团小程序时也有类似的问题。“当我打开 app 时，我要做的的第一件事就是获得一些优惠券。这个应用会在你每次登录时自动显示一些优惠券，我不知道小程序是否也会这么做。”她打开小程序，然后非常失望，“没有，没有任何优惠券。这些都太贵了。而且，轮播图中展示的促销活动也不像公司 app 中那么多。”
如果一个小程序无法做到移动应用中能做到的一切，那么它应该支持切换──这是用户在小程序和移动 app 或网站之间移动以便查看完整内容的一个方便途径。
2. 始终考虑使用环境。在移动设备上，支持快速操作，并且为中断而设计。
在我们的研究中，很多人抱怨说，如果他们在使用小程序的过程中收到了微信消息，他们无法方便地查看信息，然后再回到小程序中继续他们的任务。相反地，他们不得不退出小程序以查看消息。
不幸的是，一些小程序未保存用户的进度，而是强制他们再次重新开始任务。因为，微信的核心是一个社交工具，小程序应当为了适应多任务处理而设计。为了最大限度降低中断的可能性，流程应当高效、且交互成本最小。以下是实施这些原则的一些建议：
-
保存用户的进度，以便他们稍后可以返回到任务中。一个叫做 Happy Ball 的赛车小游戏允许用户保存他们的进度，并在稍后再次返回游戏。一位 20 岁的男性用户称赞了这一功能：“我主要在公共交通工具上或者在课堂上感觉无聊时玩这个游戏，都是碎片化的时间。这个功能允许我中断游戏，并且再次返回时不会丢失我的信息，这一点非常好。“
-
向用户发送提醒，以便用户回到他们离开的地方继续任务。因为知道用户在支付的过程中可能会被打断，所以当用户在未完成任务的情况下离开京东小程序的支付页面时，京东将在大约半天内向用户发送一个微信提醒。对于忘记了他们的购物车里还保留有商品的用户，这种类型的提醒非常有帮助。
如果用户离开了京东购物小程序的支付页面，京东的微信账号将发送一个提示消息，提醒用户购物车里仍有商品。
-
通过获取微信账号的数据提供良好的默认值，以最大限度减少用户的工作量。例如，京东小程序的支付页面会自动填充用户信息（地址和电话号码），因为京东的账号连接到了用户的微信账号。因此，即使是第一次打开京东小程序的用户也可以享受「一键支付」，而无需输入他们的详细信息。
3. 利用平台的核心功能。
许多用户提到，他们对大部分小程序和小游戏的了解来自于群聊或者好友。一个好的小程序会利用微信的核心功能，即通信。例如，京东的小程序甚至比移动 app 更能促进主页上的团购。（如果有足够的人同意购买这件商品，团购将对这个产品提供折扣。如果一个商品没有得到足够的订单，就没有人可以获得这个产品。）在微信这个环境中强调团购非常有意义，因为这个平台使得用户可以很方便地与他们的好友分享链接，然后邀请他们参与团购。
鼓励用户分享对你的业务是有好处的，但别过度。在我们的测试中，许多用户抱怨说，小程序，特别是小游戏，强迫他们向其他用户分享内容。参与者解释说，“如果我需要通过分享游戏来获得奖励，并继续玩下去，我甚至宁愿不要奖励，”并且“强制分享是最糟糕的。”一位 20 岁的男性用户说，“如果你的内容真的非常好，人们会主动分享的──不要像传销一样强迫我分享。”
4. 设计小程序需考虑不常使用的用户。
我们的许多研究参与者说，他们更喜欢那些提供他们仅偶尔使用的服务的小程序，以节省手机空间。例如，一个用户解释说：“如果我一个月只需要使用一次这个功能，我会使用小程序。例如，干洗。我不需要下载一个用于干洗的应用。我只需要使用小程序就好了。”设计师应当了解偶尔使用的用户的需求，并在小程序中直接解决它们。
用于邮政运输的顺丰快递小程序就是一个很好的例子。与更全面的移动 app 相比，这个小程序通过围绕最常用的用户任务（安排收件时间）进行设计，解决了用户偶尔使用的需求。
顺丰快递的小程序（左边）的主要功能是收件时间安排，这是偶尔使用该服务的用户的主要需求；相比之下，相应的移动 app 则具有更多的功能。
不常用用户需要极高的可用性，并强调快速学习，因为您不能设想用户将通过长期使用来积累关于设计的知识。传统可用性准则也适用于小程序，以下是我们研究中的一个例子：
-
设计简单的导航以实现易学性。例如，家乐福的小程序在导航栏中使用了图标和文本，这对老年人来说很友好。一位 55 岁的男性用户，他甚至不知道如何搜索一个小程序， 但他可以轻松地在这个小程序中浏览不同的类别和商品，因为它足够简单直观。
家乐福的小程序使用清晰的导航、图标和大图片；这些特点有助于新手用户和年长用户的使用。
5. 支持无缝的跨渠道转换。
客户可通过不同的渠道与组织进行交流：移动应用，移动网站，桌面网站，微信小程序，微信官方账号，等等。设计师应该考虑客户的整个使用流程，提供一个跨渠道的无缝用户体验。
-
简化渠道转换。一个很好的例子是，当用户想要的商品恢复库存时，京东商城是如何提醒用户的。由于与微信官方账号不同，小程序无法发送通知，所以京东小程序提供了相应的京东官方微信账号的二维码；通过关注这个账号，用户便可接收来自京东的消息，并知道他们的商品何时有货。在我们的测试中，一名用户按照这个流程收到了他打算订购的 VR 眼睛的通知。他评论说，“这家公司考虑非常周到。”
如果用户对小程序中某个不可用的功能感兴趣，京东商城小程序将引导用户使用另一个不同的渠道（京东的微信官方账号）（当商品恢复库存时可收到通知）。
-
在要求用户切换到另一个渠道之前，先提供一些内容。在渠道之间切换会带来很高的感知成本：用户需要相信为了实现这种转换而付出的努力是值得的。在我们的测试中，一个小程序要求用户关注该公司的微信账号，以获取更多关于其产品的信息。由于这个请求过早（她只是刚刚打开小程序并点击了一个按钮），于是她立即退出了这个小程序。
在用户刚打开程序并点击了主页上的一个按钮之后，这个小程序就要求用户关注该公司的微信账号。一个研究参与者直接退出了这个小程序。
-
提供切换渠道的简单路径。在我们的研究中，一位 37 岁的女性用户非常喜欢一个叫做 Heika Camera 的小程序，它可以美化她的猫的照片。她想要下载手机应用，但是她在小程序中搜寻之后，却找不到任何可以访问移动应用的途径。
结语
微信小程序是一种新的互动渠道；像这样的新渠道可能随时随地出现。设计师必须保持敏锐，并调整他们的产品以适应这种新的互动方式。
为了利用这些新机会，了解它们的优势和局限非常重要。如果你发现自己在应用程序中设计应用程序，或为功能有限的渠道（例如，智能手表、语音助手）进行设计，请记住以下几点：
- 根据使用环境和使用频率为产品增值。
- 考虑切换渠道的成本以及如何使转换无缝。
- 为该平台的用户提供内容和视觉效果。
以上翻译包含个人理解，仅作为个人学习笔记使用。如有错误，求指正呀，非常感谢 ^^
感谢原文作者及所有分享想法与经验的人 ^^
网友评论