惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Engineering at Meta
Engineering at Meta
J
Java Code Geeks
I
InfoQ
腾讯CDC
Vercel News
Vercel News
IT之家
IT之家
V
Visual Studio Blog
P
Proofpoint News Feed
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
G
Google Developers Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
博客园 - 叶小钗
有赞技术团队
有赞技术团队
月光博客
月光博客
Martin Fowler
Martin Fowler
量子位
L
LangChain Blog
B
Blog
Last Week in AI
Last Week in AI
博客园 - 司徒正美
Microsoft Security Blog
Microsoft Security Blog
博客园 - 聂微东
Microsoft Azure Blog
Microsoft Azure Blog
A
About on SuperTechFans

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
案例研究|重新设计WhatsApp
TCC翻译情报局 · 2024-03-13 · via 人人都是产品经理

WhatsApp 是一种广泛使用的消息应用程序。然而,由于用户很难使用一些必要功能,有很多用户不再使用。作者以及他的团队发现其所在问题并且思考重新设计方案。来和作者一起探索整个设计流程,并且学习更多的设计方法吧!

你好!我叫 Nerissa Arviana Sukmananda,一名 UI/UX 爱好者。我目前正在参加 由Zenius领导的UI/UX 产品设计。我希望这篇文章能够描述我的团队和我在解决应用程序中的问题时的工作流程。希望你喜欢这个项目!

一、背景

WhatsApp的标志设计

二、关于WhatsApp

WhatsApp 是一款用于发送文本、语音消息、进行语音和视频通话、共享图片、文档和其他媒体的应用程序。180 多个国家/地区,超过 20 亿人使用 WhatsApp去随时随地与朋友和家人保持联系。

目前,WhatsApp 在 Google Play 商店的下载量约为 50 亿次,评论量约为 1.72 亿条,与同类应用程序相比会更多。

三、问题

WhatsApp 是一种广泛使用的消息应用程序。然而,由于用户难以使用某些功能,评级有所下降。用户很难固定不能超过 3 条的消息。然后用户还必须手动搜索消息或输入关键字。最后,用户发现很难将重要消息从 WhatsApp 复制到其他笔记应用程序。考虑到这些问题,我的重点是通过重新设计用户界面并融入新功能来改善 WhatsApp 的用户体验。

四、目标

基于以上问题,WhatsApp重新设计的目的如下:

  • 了解用户使用 Whatsapp 的需求
  • 了解在使用 WhatsApp时遇到困难的用户行为
  • 了解用户在使用 WhatsApp时想要的舒适度

五、在团队中的角色

在 WhatsApp 重新设计过程中,我与其他 4 名团队成员合作,他们是:

  1. Asif Mahardhika Ramadan
  2. Lisa Agustina
  3. Siti Latifah
  4. Putri Zalsabila.K

在创建设计解决方案时,我们与用户体验研究人员具有相同的责任,例如:

  • 做用户研究
  • 生成解决方案概念
  • 执行可用性测试

不过,我负责 UI 设计工作,例如创建用户流程、线框、用户界面(高保真设计)和原型设计。之前,每个团队成员都是需要自己做UI设计工作,但最终我的设计被选中。

六、设计过程

在这个项目中,我们使用设计思维方法来解决现有的问题。使用这种方法可以帮助我们更好地了解用户的需求。以下是设计思维过程中采取的步骤:

设计想法

1. 共情

这个初始过程是发现 WhatsApp 问题的阶段。以下是 WhatsApp 的目标用户:

  • WhatsApp 应用程序的活跃用户
  • 16-40岁
  • 每天使用 WhatsApp 在线时间超过 4 小时
  • 经常使用WhatsApp发送消息

探索并了解使用 WhatsApp 时的用户体验。此外,收集与用户在使用 WhatsApp 应用程序时遇到的限制或问题相关的数据。收集的数据类型是通过对受访者进行在线调查获得的定性数据。

用户画像

2. 定义

定义阶段是我通过制作亲和图和用户旅程图进行观察,以寻找可以应用于产品的机会。

从上述结果中获得的见解会使用亲和图进行表示。使用亲和图技术可以帮助我们通过对信息进行排序和分组来发现嵌入的思维模式。

亲和图

亲和图

获得之前的一些信息后,下一步就是创建用户旅程地图模型。用户旅程地图是用户到达目的地所经历的过程的可视化。

用户旅程图

问题定义

根据亲和图和用户旅程图的分析结果,发现了用户面临的3个主要问题。3个主要问题是:

  1. 由于超过 3 个无法固定的聊天信息,用户难以固定消息。
  2. 用户很难根据消息的日期找到消息,因此他们必须手动搜索或滚动消息。
  3. 用户感觉不舒服并且很难在聊天室中保存笔记。

3. 构思

在这个阶段,我创建用户流程、信息架构和线框图。

用户流程图

我创建了一个用户流程来描述用户在按日期搜索消息、创建新笔记和使用固定聊天时必须完成的旅程。

用户流程图

信息架构

创建用户流程后,下一步是创建信息架构以使流程更加清晰。

信息构造

线框图

我开始创建从低保真度到高保真度设计的线框流程。我将概念可视化为线框图,但准确性较低。低保真布局是一种可以帮助设计者在界面中呈现信息的布局。

线框图

设计系统

在将其开发为 UI 设计之前,我首先决定了颜色、版式、图标,并制作了重要的组件,例如按钮和卡片及其各自的变体。设计系统将随着用户界面设计过程不断发展。

设计系统

设计系统

设计系统

高保真

这是我根据之前的线框图创建的高保真图。

高保真

4. 原型图

在这个阶段,我们将已制作成更具交互性的界面的想法付诸实践。目的是了解产品如何按照预期流程运行。

5. 测试

在此阶段,我们对 5 名受访者进行了可用性测试。我们通过深度访谈的方式来探索如何更深入地了解用户反馈。进行此方法是为了评估按日期搜索消息、做笔记和无限 固定聊天的新设计。

参与者

参与者

总体评估

总体来说,用户觉得新增的功能还是比较方便和实用的,只是应用程序还需要更多的适配。

总体评估

设计反馈

设计反馈

设计反馈

设计反馈

根据上面的测试结果,我必须做出一些改进。但由于时间有限,之后会进行改进。

七、结论

在该项目的工作过程中,可以得出以下结论:

  1. 所有参与者每天都经常使用 WhatsApp 应用程序发送消息、拨打电话和发送文件。
  2. 与其他应用程序(例如 telegram 和 Twitter)相比使用 WhatsApp 的原因是因为 WhatsApp 上的功能更加多样化,并且根据需要且易于访问。
  3. 有用户表示,根据日期进行消息搜索功能不太重要,因为人们通常会自动忘记聊天的日期。
  4. 有一位用户在做笔记时不明白底部线路按钮的意图和用途。
  5. 一般参与者表示,场景1-3 开发的所有功能对于用户来说都非常重要和必要。
  6. 平均而言,所有参与者都为每个场景打分,即 6-7 分。

八、最后

这就是这个项目的结束。

这个 APP 设计解决方案离完美还很远。在这个研究过程中,我从用户那里学到了很多东西,感谢团队的共同努力。

对于读者,我还要感谢您阅读我的文章,希望这能让大家受益。

我对任何反馈都持开放态度,谢谢你!

原文作者:Nerissa Arviana(本文翻译已获得作者的正式授权)

原文:https://medium.com/@nerissaarvnas30/whatsapp-re-design-ui-ux-case-study-3d44febe25

译者:孙淑雅;审核:李泽慧;编辑:陈美辰

微信公众号:TCC翻译情报局(ID:TCC-design);连接知识,了解全球精选设计干货。

本文由@TCC翻译情报局 翻译发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。