截至2018年3月,中国最受欢迎的社会应用,中国最受欢迎的社会应用,每月有10亿个活跃的用户。微信的综合服务涵盖中国日常生活的各个方面,包括社交沟通,购物,账单付款,新闻和预订服务。2017年底的产品更新在应用程序中推出了一个新的主要功能:微信迷你计划(包括迷你游戏)。Mini programs与应用类似,但它们内置于微信中:他们觉得在一个大型应用程序中的应用。因此,一家中国公司可以与四个不同频道的移动设备的用户互动:

  1. 移动网站
  2. 原生应用程序
  3. 这家公司的官方账户
  4. 微信迷你计划[本研究的主要重点]

我们想知道人们如何在这些不同渠道之间的差异以及某些任务是否更适合一个通道而不是另一个渠道。要了解出来,我们在北京与10个微信用户进行了可用性测试研究。

即使您无法设计微信迷你程序,这种可扩展用户界面的用户体验含义也很有趣。传统上,网站和软件应用程序是无法由用户或第三方提供商扩展的已关闭包。相比之下,微信迷你程序是不同的经验架构,与产品如:

  • 广泛的软件包的加载项,例如浏览器工具栏和电子表格工具包(例如,可以在excel中添加的统计分析功能,因为那些执行Anovas的少数用户,而不令人困惑庞大的群众)
  • Facebook Messenger应用程序,支持第三方游戏,新闻和购物服务游戏并发现应用程序的部分。
  • SaaS(软件提供的集成应用程序本身rvice) companies (For example, Slack users can install integrations that allow them to link to a Google Calendar event or a Trello card directly from within the Slack application.)
wo examples of “apps within apps” in U.S.: Facebook Messenger (left) has games within the app, and Slack (right) supports 3rd-party services that can link their apps or sites directly.
Two examples of “apps within apps” in U.S.: Facebook Messenger (left) has games within the app, and Slack (right) supports third-party services that can link their apps or sites directly.

Introduction to WeChat Mini Programs

对于那些不熟悉迷你计划的人,以下是他们所在的一些例子以及它们的工作方式。

  • 迷你计划是为微信平台内部建造的移动应用程序。有迷你计划进行游戏,食品交付,购物,票销售,家庭服务,图像编辑等。
两个微信迷你计划:食品交付迷你计划您饿了(左)和旅行预订计划C绊倒(右)。(我们为清晰起见叠加了屏幕截图的一些英语翻译。)
两个微信迷你计划:食品交付迷你计划您饿了(左)和旅行预订计划C绊倒(右)。(我们为清晰起见叠加了屏幕截图的一些英语翻译。)
  • 用户无需安装(或卸载)迷你程序。在我们的研究中,许多用户提到了此功能,并相信它将有助于将存储空间保存在手机上。
  • 发现主要来自在线社交共享和离线QR代码扫描。许多迷你游戏鼓励用户与其他用户分享游戏,以便在游戏中获得奖励(例如,额外的生命或奖励积分)。离线,广告QR码推广迷你计划。例如,购物中心宣传了一个用于预付停车费的迷你计划。
Wanda Plaza(购物中心)的迷你计划的广告,帮助用户预付他们的停车费
一个广告 迷你计划 由万达广场(购物中心)帮助用户预付停车费。
  • 可以从微信主屏幕访问迷你程序,但默认情况下它们隐藏。因为微信的主要功能正在聊天,所以主屏幕专用于最近的对话。要查看迷你程序,用户需要从顶部向下滑动;此操作显示最近使用的迷你程序列表。虽然刷摆很容易方便,但对于常规迷你计划用户而言,新的或不常见的用户不太可能自己发现课程,除非他们意外地刷新或与他们分享计划。
从微信主屏幕(左),用户向下滑动以查看最近使用的迷你程序(右)的列表。
从微信主屏幕(左),用户向下滑动以查看最近使用的列表 迷你计划 (正确的)。

我们的研究揭示了设计人员在应用程序内的应用程序或类似于微信的集成模型时申请的洞察力。

来自微信迷你计划的5个UX课程

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

已经使用贵公司(全尺寸)应用程序的人有关于您提供的内容或服务的心理模型和期望。如果应用程序的迷你版本使用户能够找到所希望的核心内容,人们将使用它们熟悉的应用程序。

During our testing, a 36-year-old female user complained that the homepage of the JD shopping mini program was not as informative as the JD mobile app: “On the [mobile app’s] homepage, I can browse for discount information [she swipes through the carousel of images at the top]. It also displays whatever I have viewed and bought, and recommends more similar items. All that info will不是在迷你计划中显示。“她觉得迷你计划的内容较少,因此她不想购物。

JD购物迷你程序(左)和JD的移动应用程序(右)的比较显示,移动应用程序有更多的内容来浏览,包括旋转木马,促销和部分。
JD购物迷你计划(左)和JD的移动应用程序(右)的比较显示,移动应用程序有更多的内容来浏览,包括旋转木马,促销和部分。

另一个用户是一名24岁的女性,与呼叫的食品送货服务的迷你程序版本有类似的问题梅园。“The first thing I do when I open the delivery app is getting some coupons. That app will automatically show some coupons every time you log in, and I don't know if the mini program will do that.” She opened the mini program and was disappointed: “No, there aren’t any [coupons]. This is all expensive. Also, there aren’t as many promotions displayed [in the carousel] as in the company app.”

If a mini program can’t do everything that the mobile app can, it should support ahandoff solution- 为用户在迷你程序和移动应用程序或网站之间移动的简单方法,以查看完整内容。

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

During our study, many people complained that if a WeChat message arrived while they were in a mini program, they couldn’t easily check the message and then resume their task in the program. Instead, they had to quit the program to view messages. Unfortunately, some mini programs didn’t save users’ progress, forcing them to start over again. Since, at its core, WeChat is a social-communication tool, mini programs should be designed to accommodate multitasking. To minimize the chance of interruption, flows should be efficient and have minimum互动成本。以下是实现这些原则的一些建议:

  • 保存用户的进步,以便他们稍后可以返回任务。一个赛车迷你游戏Happy Ball允许用户省去他们的进度并以后回到它。一个20岁的男性用户称赞这个功能:“当我无聊时,我主要在公共交通工具和课堂上播放。这一切都是碎片时间。这让我可以停下来,不要失去我的地方,这很好。“
  • 为用户发送提醒继续他们离开的地方。了解用户可能在结账时中断,如果用户在不完成任务的情况下将JD MINI程序的付款页面留下了支付页面,JD将在大约半天内发送微信通知。这种提醒可以帮助忘记他们在购物车中留下的东西的用户。
If a user left the payment page of the JD shopping mini program, JD.com’s WeChat account will send a reminder message that there is still an item in the cart.
If a user left the payment page of the JD shopping mini program, JD.com’s WeChat account will send a reminder message that there is still an item in the cart.
  • Minimize user effort by having good defaults based on WeChat-account data.For example, the JD mini program could automatically fill in users’ information (address and telephone number) on the payment page, because JD accounts are connected to users’ WeChat accounts. Thus, even users who open the JD mini program for the first time could enjoy “one-click payment” and not have to input their details.

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

许多用户提到他们了解了来自团队聊天或朋友的大多数迷你程序和迷你游戏。良好的迷你计划利用微信的核心功能,即沟通。例如,JD的迷你计划升级了在主页上的小组购买,甚至超过移动应用程序。(Group purchases work by offering a discount on a product if enough people agree to purchase the item. If an item doesn’t get enough orders, no one gets the product.) The emphasis on group purchases makes sense in the WeChat context, because the platform makes it easy for users to share a link to their WeChat friends and invite them to participate in a group purchase.

鼓励用户分享对您的业务有利。但是,不要过度呢!在我们的测试期间,许多用户抱怨迷你程序,尤其是迷你游戏,强迫他们与他人分享内容。参与者解释说:“如果我需要分享游戏以获得奖励并继续玩耍,我甚至没有获得奖励,”义务分享是最糟糕的。“一个20岁的男性用户说:“如果你有很好的内容,人们会自行分享 - 不要强迫我像金字塔那样这样做。”

4.设计具有不常见的用户的迷你程序。

Many of our research participants said that they prefer mini programs for services that they only use occasionally, to在手机上保存空间。例如,用户解释说,“如果我只需要每月使用一次函数,我会使用迷你程序。例如,干洗。我不需要下载一个用于干洗的应用程序。我可以使用迷你计划。“设计师应该弄清楚偶尔用户的需求,并直接在迷你程序中解决它们

一个很好的例子是SF Express Mini计划,用于邮政货物。与更全面的移动应用程序相比,这个迷你计划通过围绕最常见的用户任务居中居中挑选了偶尔使用,安排拾音器

SF Express的迷你计划(左)特色计划拾音器,这是偶尔使用该服务的用户的主要需求;相比之下,相应的移动应用程序(右)具有更多功能。
SF Express的 迷你计划 (左)特色计划拾音器,主要是偶尔使用该服务的用户的主要需求;相比之下,相应的移动应用程序(右)具有更多功能。

不常见的使用需要极端的可用性和强调快速学习,因为您无法假设用户将通过扩展使用累积有关设计的知识。传统的可用性指南也适用于迷你计划。这是我们学习的一个例子:

  • 设计简单的可读性导航。例如,Carrefour的Mini程序使用了导航栏中的图标和文本,这对于老年人来说是友好的。一个55岁的男性用户甚至没有知道如何搜索迷你程序可以很容易地浏览这个程序中的不同类别和项目,因为它很简单而直观。
家乐福的迷你计划使用了清晰的导航,图标和大图片;这些功能支持新手和高级用户。
Carrefour’s 迷你计划 used clear navigation, icons, and big pictures; these features supported novice and senior users.

5.支持无缝交叉频道转换。

客户可以与许多不同渠道的组织进行互动:移动应用程序,移动网站,桌面网站,微信迷你程序,微信官方账户等。设计师应考虑整个客户旅程,提供一个无缝用户体验横跨渠道。

  • 简化信道切换。一个很好的例子是JD购物的通知用户在他们想要的物品上有货。由于,与微信官方账户不同,迷你计划无法发送通知,JD Mini计划提供了相应的JD微信官方账户的QR代码;在此帐户之后,允许用户从JD接收邮件,并在其项目可用时找出邮件。在我们的测试期间,用户遵循此过程,并为他想要订购的VR眼镜进行通知。他评论了,“这是这家公司非常体谅。”
如果他们对Mini计划中不可用的功能感兴趣(当产品备份时收到通知时,JD购物迷你计划LED用户将用户带到不同的频道(JD的微信官方帐户)。
The JD shopping mini program led users to a different channel (JD’s WeChat official account) if they were interested in a functionality that was not available in the 迷你计划 (getting notifications when a product was back in stock).
  • Deliver some content before asking users to switch to another channel。Switching between channels has a high perceived cost: users need to believe that the transition is worth the effort in order to make it. During our testing, one mini program required a user to follow the company’s WeChat account to get more information about its products. Because thisrequest was too much too soon(她几乎没有打开迷你程序并点击一个按钮),立即离开了该程序。
迷你计划要求用户在打开程序后尽快订阅公司的微信账户,并单击主页上的按钮。一名学习参与者立即离开了迷你计划。
一种 迷你计划 要求用户在打开程序后尽快订阅公司的微信帐户,并单击主页上的按钮。一名学习参与者离开了 迷你计划 立即地。
  • 为切换通道提供简单的路径。During our study, a 37-year-old female user really liked a mini program, Heika Camera, which could beautify pictures of hercat. She wanted to download the mobile app, but she browsed and couldn’t find any way to access the mobile app from the mini program.

结论

微信迷你计划是一个新的互动渠道;任何时候都可以预期这样的新渠道在任何地方出现。设计师必须灵活,并使他们的产品适应这种新的互动方式。

为了利用这些新的机会,了解自己的优势和局限性是很重要的。如果您发现自己在应用程序中设计应用程序或设计有限功能频道(例如,a智能手表, a语音助理),请记住这些点:

  • 基于使用的上下文和频率为产品添加值。
  • Consider the cost of switching channels and how to make transitions seamless.
  • 为该平台用户提供内容和视觉效果。