首发于极光日报
从 idea 到应用商店:远程 App 设计冲刺

从 idea 到应用商店:远程 App 设计冲刺

简评:这是一个在德国的设计工作室,他们为 Digg 创始人 Kevin Rose 重新设计了冥想 App。他们与客户在不同时区,整个设计花费 4 周时间。本文详细介绍了整个设计过程,包括其中用到的工具、方法和计划。

Remote Design Sprints

设计团队使用 Remote Design Sprints 的方式来完成,Design Sprint(设计冲刺)可以理解为一个短期的针对初创公司进行产品设计的流程方法,集思考、设计、分析、产品原型产出为一体,让产品设计团队与相关用户无缝对接。

『Oak』App 是一款冥想类应用程序,Oak 的最小出发点就是为客户提供宁静,让潜入冥想的世界变得更简单。

项目时间:4 周

项目范围:重新设计『Oak』App

The original version of the Oak app

Step 1: 初步沟通 & 专家访谈

设计团队和 Kevin Rose 召开了电话会议,目的是让团队能更好地了解 Kevin 对该项目的想法,从 Kevin 那里尽可能获取有效信息,从而确定项目的范畴。

总通话时间:80 分钟

实际上,这次电话会议也是专家访谈的一部分,会议期间会进行记录,使用 RealtimeBoard 来远程管理,这样双方都能很方便地看到,并且能够同步实时更新。

▎Step 2: 设定目标 & 找出问题

在电话会议中,会基于双方讨论的所有内容去制定计划

▎Step 3: 创建路程图

这有助于帮助团队了解产品的流程,值得注意的是,不要轻易扩大 Sprint 的范围,除非设计团队在大型项目方面拥有丰富的经验。

▎Step 4: 快速演示

设计团队一般都会在 Pinterest 上寻找灵感,在先前与 Kevin 的电话会议中,团队发现 Kevin 很喜欢日本风格的东西,所以在展示的时候,设计团队也会选用这方面的颜色和视觉效果。

▎Step 5: 创建第一个 Concepts

这一步开始就是设计团队的主要工作了,一般都会先做手绘概念, 然后大家进行筛选和投票。在真正的设计工作开始前,会将这些手绘发给客户,看看客户喜欢什么不喜欢什么。

▎Step 6: 概念投票

之后,我们让 Kevin 投票给他喜欢的概念,以便我们在设计工作开始之前了解他的喜好方向。

在这一阶段,我们得到一个很重要的反馈是,Kevin 喜欢这些插图,但他担心找不到一个好的插画师来处理这部分项目。不过幸运的是,团队中有人认识一个很优秀的插画师,能画出非常好看的手绘作品:

▎Step 7: 原型设计

基于 Kevin 所有的反馈,我们随后开始创建第一个原型。我们选用的是 Figma,从手绘故事版中一步一步地在 Figma 中创建它,然后导出到 Marvel 进行原型设计。

▎Step 8: Kevin 的第一个反馈

在这个阶段,我们想要 Kevin 的一些初步看法,我们希望这个阶段的应用程序尽可能真实,以便得到更丰富的反馈。所以我们发送了一些原型及其变体,每个都略微不同,这让 Kevin 在我们全面设计之前找到他的最爱。

Time update: 第一周的第三天

▎Step 9: Alignment

在第一周结束时,基本已经完成了所有前期沟通,并且后续方案也得到 Kevin 的认可,因此可以放心地进行接下来的工作。

▎Step 10: 创建屏幕

这一步大概花了两个星期,是工作中最主要的一部分

用 Figma 进行布局
调整配色方案
后续完善

▎Step 11: 移交开发人员

这时候设计工作基本就完成了,团队可以将方案移交给开发人员了。对接的开发检查过没问题后,就可以着手后续工作。当然,最后的结果也是得到 Kevin 的认可


原文链接:

From Idea to App Store: A Design Sprint Case Study

分类收藏:

产品 | 设计 | 技术 | HackLife | Photography

推荐阅读:

编辑于 2018-11-05 16:21