你觉得设计一款APP需要很多的前期准备吗？
你是不是学习了许多设计相关的理念，
却还是做不出好的设计呢？
今天，让我们一起，
从Paola Ascanio的设计案例中，
看看她是如何独自用三天的时间，
打造一个APP的全流程设计吧！
Paola Ascanio
D3
几周前，我的任务是为食品行业设计一个数字解决方案。但问题是:这件事必须在 三天 之内完成。
如果你熟悉运用GV设计提速技术，你就会明白这是可能的。这是一个很好的机会。我发现可以在24个工作小时内记录设计应用程序的详细步骤。在这篇文章中，我将详细介绍我每天的设计过程和当天所处在的设计阶段。
项目背景
Common Food 农场通过使用社区支持农业（CSA）来销售蔬菜和水果。同时他们出售农场的股份，这些股份是人们在年初预先支付的。在生长的季节，社区成员每周都会收到一盒食物作为馈赠。
挑战
设计一个数字体验，帮助普通食品农场每周向股东出售多余的食品。考虑到股东的知识、兴趣和饮食限制，我们将帮助他们寻找适合的额外的食物。
1第一天：收集资料
**研究方法**
研究阶段往往会占用一些时间，所以节省时间的最好方法是我利用好已知的任何现有信息。营销材料，竞争对手，用户调查，或者是阅读现有的应用程序在应用程序商店的用户评论，对此我很早就开展了去了解 用户心态 的过程。
用户调研
Common Food公司在每个季度末都会对股东进行调查，以便更好地了解他们。
以下是今年的一些 反馈。
“我喜欢烹饪和罐头。超级喜欢！我能再买些这种番茄罐头吗?!”
“大头菜是什么?我把它扔了。不过莴苣确实更好吃。”
“我儿子对西兰花过敏，所以我们从不吃西兰花。还有我不知道该怎么处理大蒜。”
“我真希望我有更多的大头菜！我喜欢把它变成泡菜。”
“我一直在告诉你——我们需要更多的CSA （社区支持农业）!大农场并没有停止，我看到的每一个地方都有更多的转基因作物！我们需要支持把这件事告诉人民！”
“有没有办法弄到更多的甜菜?”
“我以前从没听说过白菜。它看起来很漂亮，但我不知道怎么做这道菜。”
Field Agent的一份新报告发现，农产品是在线杂货购物者购物的一个 热门类别，无论是计划内购买还是计划外购买。65%的受访消费者表示，他们购买的是新鲜农产品，与冷冻乳制品一起成为首选。31%的人说他们一时冲动买了新鲜水果和蔬菜，击败了零食(23%)和糖果(14%)。然而，39%的网购者不会在网上购买新鲜产品，因为他们更喜欢亲自去查看产品的质量。
**市场研究**
市场研究公司Mintel发现，尽管越来越多的消费者转向网上购买杂货，但只有十分之一的美国人通过电子商务购买新鲜农产品、肉类、家禽和鱼类。研究建议，为了消除消费者的犹豫，提高销售额，零售商应该促进成本节约，并提供深入的产品信息，以建立 信任和传达质量机制。此外，像亚马逊的“订阅并保存”这样的重新订购选项，对忙碌的消费者来说，也是一个很有吸引力的功能，尤其是女性(48%)比男性(37%)更有可能在网上购买食品或饮料。
**头脑风暴**
我们如何进行头脑风暴？
我们可能会问：
我们如何通过收集股东的数据来减少浪费和分配食物呢?
我们如何通过季节性的食谱和促销活动来销售每周额外的食物呢?
我们如何帮助股东根据他们的饮食偏好找到额外的食物?
**用户画像**
用户调查的结果给我们提供了足够的信息来创建用户角色。我选择创建年龄和性别未知的角色来专注于实现用户目标，在这里将不考虑年龄和性别。
**竞争产品分析**
一旦我准备进入草图阶段，我就研究存在于类似行业或直接竞争对手的类似问题和解决方案，以确定该方案是最佳实践。
盒的大小和内容的多样性
FarmBox Direct和Farm Fresh to you这两款产品能为您提供不同大小的包装盒和不同的农产品。
自定义内容
Farm Fresh to you 可以让您定制您的盒子，添加或删除产品和设置产品的数量。你必须先付钱才能定做你的盒子，当然也可以为要排除的不喜欢的蔬菜创建列表。
真实拍摄的食物照片
Farmstead允许你添加任意数量的物品到你的箱子中(因为它不是基于订阅的)，你可以添加、删除和浏览物品，一旦你完全满意就可以付款结帐。与其他使用库存照片的竞争对手不同，Farmstead提供真实新鲜的农产品照片。
_方案分析&思考_
我的方法是设计一个应用程序来收集会员的数据，比如家庭规模、饮食偏好和约束条件，以便推荐会员可以轻松 定制 的季节性食品箱。
利用人工智能了解股东的饮食习惯，提供食谱、食物建议和有针对性的促销活动，帮助寻找和销售额外的食物。并开展测试哪一种组合是最适合特定的饮食偏好，并提出 建议。
这些收到的数据可以帮助我们从会员那里得到 反馈，然后我们就可以知道会员不断重新订购的产品或组合的类型，以及他们在哪个季节最喜欢的产品。
2第二天:草图和设计
我喜欢在我大概了解情况并且感觉自己有点“明白”的时候，就开始画草图，我很喜欢画草图，我喜欢把所有不好的想法都去掉，保留最有效的。
我画出用户旅途方案草图，然后开始定义用户、任务和特定目标。
**用户的旅程地图**
现在，我解决和完善了我的用户角色，竞争产品问题，和最初的草图方案。我开始为已经订阅了这项服务的现有会员，设计一段产品体验旅程，他们是第一次通过移动应用下订单，因此我们已经在我们的数据库中可以得到会员的日程安排、发货和账单信息。一旦这些都完成了，我就可以开始线框图了。
_线框图_
线框图是应用程序的框架视图，我喜欢称它为骨架，这让我可以在开始视觉设计或使用一些外观设计之前专注于关键功能、元素和动作。我选择 高保真线框图，这样我只需要在一些颜色和地方的图像和图标处做进一步的呈现。
**视觉参考**
在线框图制作完成后，我在行业内为我的制作方法寻找视觉参考。
**配色方案**
我选择了鲜红色的方案。明亮的颜色会引起食欲，而红色也是引发购物(销售、促销、清仓等)的颜色。
**字体排版**
**图解**
说到图标和节省时间，我不推荐把它们画出来。虽然我很喜欢为自己的偶像画插图，但现在的时间并不充裕。
我推荐了一个类似于材料设计图标的图标库，或者作为我在这个应用程序中使用的名词项目。但是，The Noun Project图标库需要订阅才能完全自定义其图标。如果不购买订阅，那么则必须给出作者属性，标明出处。
**标识**
我想要一个明显的名字，但也有一个重要的标志，所以“FarmCrate(农场条板箱)”是这个名字的最佳选择，当我想到这个，我就顺带的想到了一个板条箱作为标志，经过几次迭代后，我想出了一个结合了农场和板条箱的名字，是一个绝佳的名字。
**视觉设计**
我喜欢尝试不同的风格和设计变化，我尝试不满足于第一种选择和迭代，直到我在我的设计中找到一个共同点。
3第三天:设计原型
在第三天，我完成了最终的设计，我便开始做出最后的设计原型。我更愿意等到这个阶段去做这个事情，主要是因为如果我在线框图阶段开始做原型的话，尽管他们是高保真的(我经常这样做)，也会有很多时间花在交互屏幕上。
在这个项目中，为了节省时间，我在设计完成后添加了交互屏幕、悬停动作、屏幕覆盖和按钮。
最终的设计
**自动动画**
我使用 Adobe-XD 进行原型设计，由于有了自动动画功能，我现在有了一个功能完整的设计原型。这是节省交互时间的好方法，而不是花几个小时在After Effects上。简单的选择了XD的自动动画选项，是目前看来最好的选择。
下一步
**可用性测试**
使用实际用户来测试原型。我个人最喜欢的原型可用性测试是Maze，这一款应用容易使用，并提供全面的数据来分析你的原型。
**不断迭代**
利用可用性测试的结果，对设计进行迭代，改进用户流程。
**结论**
在有限的时间内，没有任何地方可以让你分心，你必须专注于你的项目，并组织好你自己。
我给自己计时，为自己在一项任务上所花的时间 设定限制。我试着让它尽可能的简单，从草图和用户旅程开始，然后一切都变得井井有条。
**最终的想法**
永远相信你的直觉！
不要害怕到处调整你的设计。如果你将我的线框图与最终设计进行比较，你会发现我做出了改进最终设计的设计选择而且确实成功改进了。
此外，也可以使用你 熟悉的软件，你知道快捷的方式去完成你的任务，而不需要花很多时间来调整自己达到和我一样的程度。
原文：查看链接 ↗
作者：Paola Ascanio
译者：益生菌菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
我们
服务.体验.交互设计传道者
「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办，致力于创造卓越的设计知识学习课堂，专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校，以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰：行胜于言。「一只朝菌」谨承母校百年教诲，时刻铭记师者之责，为好学者传道授业，为有志者掌灯引行。