UX优秀案例研究: Super-Apps的兴起,从头看一个完整交互设计作品是如何被开发创造的

Super-Apps的兴起
在过去的二十年里,移动应用程序开发模式保持不变,一个应用程序一个目的。但最近该行业开始迅速从单一用途的应用程序转向超级应用程序。Super-App超级应用程序是一种多用途应用程序,致力于创建涵盖所有用户需求的生态系统。这样用户不必在应用程序之间切换来解决他们的问题。这种趋势起源于亚洲,一个显着的例子是微信,它是一个结合了信息、社交媒体、移动支付等功能应用程序。

项目基本信息
设计成员:UX/UI 设计师、用户研究、交互设计、视觉设计、原型设计、测试
设计说明:设计一款可以改善智能手机书面交流的应用程序。这个项目是来自交互设计基金会的设计挑战。
设计工具:Sketch、InVision、Miro、Reflector
设计时长:4 周
在这个案例研究中,我将着眼于探索超级应用程序可以为我们的交流习惯带来的机会。
设计过程:

-01-
Empathize用户研究
a.采访
通信应用程序已成为我们生活方式不可或缺的一部分,所以我们很想知道不同的用户会如何与他们互动以及为什么发生互动。我的目标是了解参与者如何使用他们的通信应用程序,并了解他们可能面临的挑战以及他们将如何克服这些挑战。
目标用户
访谈对象为20多岁和30多岁的参与者。由于我们想涵盖广泛的范围,参与者的背景各不相同,包括销售、活动、营销、酒店和 IT 等专业领域。所有参与者都非常了解他们的智能手机和通信应用程序。
b.调查
采访中出现了一些有趣的模式,但为了扩大我的研究范围并收集更多数据,我创建了一项调查来确认或驳回一些采访结果,并收集了21个答案。
-02-
Define定义问题
完成前期的用户调研后进入了第二部分,定义设计问题的阶段。这个阶段我们用到了Affinity Diagram、Person、User Journey Map三个常见的工具
a.Affinity Diagram亲和力地图

当通过用户研究得到大量数据后,我们将信息分组和组织在一个亲和图中。以下是一些主要发现的问题:
1.通知不明确
大多数参与者会使用多个通信应用程序来实现他们的目标。然而必须在应用程序之间切换导致了一些不便利,例如未答复的消息。事实上,用户会优先考虑一两个通信应用程序。对大量通知感到不知所措也是一个问题,用户有不同的方法来消除干扰。
2.隐私设置
大多数用户担心他们的隐私设置,并在注册一个新的通信应用程序后热衷于更改他们的设置。然而在应用程序中更改隐私设置的实际过程,被认为具有挑战性。
3.内容分享功能
作为一项关键功能,内容共享在跨不同平台共享时也显示出一些限制。大多数用户会发现共享文件或媒体很容易使用,但是跨多个平台组织这些文件或媒体被认为是困难或耗时的。
b.绘制Persona用户画像
现在我从我的研究中收集和组织了信息,我想创建一个可以在面试阶段反映目标受众的角色。它帮助我专注于解决最重要的问题——解决最重要用户群的主要需求。它既是虚构的,又是现实的。
设计中我们创建的是Charlie,一位享受忙碌的生活方式并使用大量通信应用程序的销售和营销经理。

c.制作User Journey Map用户旅程图

我们现在正试图走进Charlie的生活,了解他在典型的一天工作中使用通信应用程序的体验。这张用户旅程地图让我们可以看到查理如何遇到几个痛点以及他克服这些痛点的过程。以下是调查结果的摘要:
他努力保持在所有沟通渠道的顶端。他使用多个平台,但倾向于优先考虑 WhatsApp 和电子邮件。由于他经常受时间限制,他无法总是浏览所有信息。
他宁可让通知打扰他的会议和晚上,也不愿意关掉手机,因为他不想错过重要的通讯。
在与新客户建立联系时,他对与新客户分享个人详细信息持谨慎态度。然而考虑到每个通信应用程序提供不同级别的隐私,他经常不情愿地披露个人详细信息。
在各种平台上共享内容意味着 Charlie 经常会收到杂乱无章的文件和媒体。因此,相应地查找和组织它们可能会成为一个漫长的过程。
-03-
Problem Statement定义问题
现在有了上述定义出来的基础问题,我可以将调查结果与问题陈述进行综合,这将使我能够确定整个设计主要针对的问题。
我们可能……
简化沟通渠道?
优化通知管理,以便它们融入用户的生活方式。并满足他的日常需求?
消除更改隐私设置的限制,并让用户更多地控制他希望共享的信息?
允许用户快速组织共享文件和媒体并加快跨不同平台的内容共享?
-04-
Ideation
明确设计的主要问题后,我们将需要开始发展我们的项目和设计方案,也就是来到的ideation的阶段。
a.SCAMPER法
奔驰法(SCAMPER) 由美国心理学家罗伯特·艾伯尔(Robert F.Eberle)创作。这是检核表,这种检核表主要藉几个字的代号或缩写,代表七种改进或改变的方向,能激发人们推敲出新的构想。以下为我们找到的新的想法:

精简功能
从一个平台同步和监控所有通信应用程序,将所有通信应用程序的搜索引擎合并为一个,以允许用户从所有平台查找其他用户。
隐私设置
允许用户在入职过程中选择隐私设置;
为用户提供更多的个人详细信息共享选择控制权;
简化设置选项并使其与用户保持相关性。
通知功能
将通知管理整合到主页中,以便更快地访问;
将时间设置添加到通知;
通知与日历同步,以允许自动建议何时可以关闭;
在重要消息上创建“回复”提醒。
内容分享功能
允许内容从一个平台直接共享到任何通信应用程序;
任何对话中共享的文件和媒体集中到一个屏幕;
允许用户直接在应用程序上创建内容文件夹。
b.SiteMap站点地图
在定义目标并决定要包含的功能后,我继续使用站点地图构建应用程序的结构。它帮助我可视化内容之间的关系并检查层次结构。

-05-
Prototype创建原型
a.Low-Fi Wireframes
定义了关键功能和用户流程后,我们开始通过使用笔和纸绘制低保真屏幕草图来捕捉我的想法,它使我能够在转向数字线框之前检查我的想法。

b.Mid-Fi Prototype(第一次迭代)
一旦我有了应用程序布局的视觉方向,我就开始通过将草图变成中等保真线框来为草图添加更多细节和精度。在这些线框图中,我包含了直接解决用户目标、需求和挫折的元素,同时结合了其他通信应用程序中常见的设计模式。
登陆界面
该过程允许用户从入职中选择他们的隐私设置。我想强调隐私的重要性,并将控制权交还给用户。隐私选项将主要侧重于帐户可见性和与他人共享的个人详细信息。
最后的步骤是帐户同步,用户可以选择与此平台同步和使用的通信应用程序。

主页布局

稍后回复设置
当无法立即回复消息时,用户可以在消息选项下设置“稍后回复”提醒并设置时间。这些提醒可以直接从主页进行管理。

通知管理功能
使用日历暂停——在日历上安排的会议期间,通知将自动关闭;
Snooze——通知在选定的时间长度内关闭;选择应用snooze功能的帐户应用“豁免列表”——其中特定联系人能够绕过“snooze”功能。

文件
在“文件”屏幕中,填充了对话中的文件和媒体。此外,用户可以添加自己的文件夹并将其组织在文件夹中并共享给其他用户。

c.进行可用性测试(第 1 次)
准备好第一个原型后,我们与 5 名参与者进行适度的可用性测试。目标是让他们浏览上一节中介绍的所有功能。虽然该应用程序采用了其他通信应用程序中常见的设计模式,但我很好奇新功能是否会为研究阶段发现的挑战提供全面的解决方案。
主要发现
加入——虽然参与者发现流程清晰,但对于在注册时不愿意填写隐私设置的用户来说,需要一个“跳过”按钮。
提醒——由于在完成任务后缺乏反馈,参与者不确定他们的提醒是否正确设置,并建议弹出消息以确认完成。提醒列表很难找到,因为它位于右上角的另一个图标旁边。
通知——虽然参与者发现在主页上提供该功能很有用,但他们中的大多数人对不同的暂停选项及其功能感到困惑。需要重新考虑措辞。“豁免名单”被广泛误解,参与者没有看到豁免特定联系人的相关性。
文件——参与者将使用搜索栏查找特定文件/文件夹,因此人们普遍错过了仅查看“共享文件”的排序选项。一个更占优势的搜索栏。布局被描述为有点过于混乱。
d.Mid-Fi Prototype(第二次迭代)
在第一轮测试的基础上对入门和“文件”屏幕所做的更改中,一些关键调整如下:
提醒事项功能
该功能已移至单独的屏幕,导航已添加到选项卡栏。添加了反馈动画以指示添加了新的“稍后回复”提醒。用户现在也可以创建自己的提醒。通过这种方式,我们也尝试减少主页上的功能数量。

通知功能
“小睡”功能已重命名为“使用日历”和“使用计时器”,并添加了图例以增加清晰度。一旦打开“暂停警报”,这个术语就更符合用户流程。根据参与者的反馈,“豁免列表”选项已被完全删除。

e.Hi-Fi Prototype
风格指南
在将原型移至高保真版本之前,我构建了一个情绪板以帮助我定义应用程序的视觉方面。这个想法是找到可以归因于应用程序旨在通过其功能提供的绥靖和社交的样式和颜色。

f.可用性测试(第 2 次)和最终迭代
我与另外 5 名参与者进行了最后一轮的可用性测试。目标与第一轮非常相似,因为我希望参与者测试相同的功能,即入职、提醒、通知和文件。但是,我很想知道所做的更改是否会消除之前参与者遇到的问题。
主要发现
注册——“可见性设置”步骤似乎让大多数用户感到困惑。他们不习惯“可见性设置”这句话,不确定每个设置选项的相关功能,缺乏解释。页面一次显示太多选项,一些用户感到不知所措。
我们将屏幕的名称改为了其他应用常用的“隐私设置”,为每个设置类别添加了一个简短的图例,并使用渐进式披露的方式来浓缩所有选项。我还替换了“Let's do it”按钮,因为它与流程的其余部分不一致。

通知——这是迄今为止设计中最具挑战性的功能。调用“小睡警报”功能的方式一直在参与者之间造成混乱。我还意识到我在未打开的选项未打开时显示不可用的选项,从而创造了更多的混乱。
因此,我将主要功能名称更改为“请勿打扰”,将选项名称更改为“会议期间”和“选定时间期间”。我还应用了渐进式披露方法来浓缩所有选项。

界面——虽然应用程序的整体风格得到了参与者的积极评价,但也强调了一些需要改进的领域。标签栏图标不一定是可识别的,尤其是“提醒”图标。字体和屏幕颜色之间的一些对比问题造成了一些可访问性问题。
为了解决这些问题,我在标签栏中添加了图标名称,并通过添加更暗的字体重新调整了相关屏幕上的对比度。

-06-
最终和交互式原型
通过这个设计展示,我们可以看到交互设计过程中的完整设计思维过程,并通过理解一些错误,得到了一些反思:
这个项目中使用的不同研究方法帮助我看到了不同镜头中的数据,让我为用户创造了更好的体验。
通过收集数据解决问题并验证假设。用户和数据将引导您完成您的概念。
始终尝试前进的道路并测试你的假设。通过使用数据作为指导,我降低了设计无用/劣质产品的风险。
不要执着于你的设计,它们可能不起作用。
可用性测试将帮助你确定设计功能是否符合用户目标。
展望未来,看看这个系统如何随着时间的推移变得更智能,因为它通过用户的行为,学习用户的偏好。它最终能否帮助我优先处理某些消息?处理此应用程序的 AI 人工智能部分,可以为其核心功能(例如精简)带来巨大好处。

更多知识干货以及其他海外留学的资讯可以关注UXD交互工业产品设计分享或者添加小助手,还可获取讲座直播哦~

|福利大放送 | WELFARE
对于设计初学者,完成从0开始创作几乎是不可能的,就像学习过程中书读百遍其义自见一样。有了大量的积累,才能在脑海里建立素材库,这些素材库能帮助同学们完成最初的设计想法积累,基于这样的基础再进行个性化的创作,最终才能做出高质量的作品集。全球院校最新作品集免费拿!添加小助手即可获取:



UXD交互工业产品设计学院是尤克斯国际旗下的一家专注于交互、服务、工业、产品设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外,我们提供不定主题的公开课和内部小组课,教学计划课程由三大部分组成,包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。



本文版权归UXD尤克斯所有
部分图片来自于网络
如有侵权请与我们联系