产品开发视觉辅助:设计

这是物理产品开发系列四部分中的第二部分。 以防你错过了它 Часть1:形成一个想法,一定要看完。 您很快就能继续进行第 3 部分:设计和第 4 部分:验证。 作者:本·爱因斯坦。 翻译由 fablab 团队完成 法宾卡 和项目 HANDS.

第 2 部分:设计

设计阶段的每一步——客户研究、线框图、 更多俄语),一个视觉原型 - 需要测试有关产品外观以及用户如何与其交互的假设。

产品开发视觉辅助:设计
图 2.1 产品设计阶段

客户开发和反馈

注重客户反馈的公司会比那些无休止地坐在车间里开发的公司更成功。 这最常影响生产材料产品的公司。 虽然与客户的沟通总是有用的,但在开发的早期阶段却极其重要。

产品开发视觉辅助:设计
图 2.2。 客户开发和反馈

浸渍罐 在客户身上测试和确认你的假设一直非常重要。 创建概念验证原型后(的PoC),银行被释放到现实世界中。

产品开发视觉辅助:设计
图 2.3。 早期测试时拍摄的真实客户照片

我的一位导师曾经说过:“你知道如何判断你的产品设计是否糟糕吗? 看看人们如何使用它。” DipJar 团队不断遇到同样的问题(照片中的红色箭头):用户试图错误地插入卡。 很明显,这是一个主要的设计限制。

此阶段(相对于问题研究阶段)与客户沟通的建议:

  • 准备详细的对话脚本并坚持执行;
  • 以书面形式或录音机详细记录您所听到的内容;
  • 如果可能,跟踪您的客户忠诚度指数(NPS,许多公司更愿意稍后再这样做,这很好);
  • 让用户在没有任何事先解释或设置的情况下使用该产品(当您准备好时)
  • 不要问顾客他们会对产品做出什么改变:相反,观察他们如何使用它;
  • 不要太注重细节;例如,颜色和尺寸只是品味问题。

线框建模

在获得概念验证原型的详细反馈后,就可以迭代产品设计了。

产品开发视觉辅助:设计
图 2.4。 线框建模阶段

线框图流程从创建完整描述产品使用体验的高级草图开始。 我们称这个过程为故事板。

产品开发视觉辅助:设计
图 2.5。 故事板

故事板可以帮助公司创始人思考整个产品旅程。 它用来描述:

  • 包装:它会是什么样子? 如何在包装上用九个或更少的单词描述产品(平均包装尺寸)? 盒子的尺寸是多少? 它会在商店/货架上的哪里?
  • 销售:产品将在哪里销售以及人们在购买前将如何与其互动? 交互式显示屏会有帮助吗? 顾客是否需要对产品有很多了解,还是会冲动购买?
  • 开箱:开箱体验会怎样? 它应该简单、易于理解并且需要最少的努力。
  • 设置:在产品准备好首次使用之前,客户必须采取哪些步骤? 除了随附的配件外,您还需要什么? 如果产品无法工作(没有 WiFi 连接或智能手机上未安装应用程序),会发生什么情况?
  • 初次使用体验:产品应该如何设计才能让用户快速上手? 产品应该如何设计才能确保用户获得积极的体验?
  • 重复使用或特殊用途:如何确保用户继续使用和享受产品? 在特殊使用情况下会发生什么:连接/服务丢失、固件更新、配件丢失等?
  • 用户支持:当用户遇到问题时怎么办? 如果向他们发送替代产品,会发生什么情况?
  • 使用寿命:大多数产品会在 18 或 24 个月后过期。 这些统计数据与客户旅程有何关系? 您希望用户购买其他产品吗? 他们将如何从一种产品转向另一种产品?

产品开发视觉辅助:设计
图 2.6。 与应用程序或 Web 界面的未来用户合作

如果您的产品具有数字界面(嵌入式界面、Web 界面、智能手机应用程序),线框建模也很有用。 这些通常是简单的黑白绘图,但也可以使用数字工具。 在上面的照片(2.6)中,您可以看到公司的创始人(右侧)。 他采访了潜在客户(左),并在纸质智能手机“屏幕”上使用该应用程序时做笔记。 虽然这种数字工作流程的测试可能看起来相当原始,但它非常有效。

在线框图结束时,您应该详细了解用户如何与产品的每个部分进行交互。

视觉原型。

视觉原型是代表最终但不起作用的产品的模型。 与其他阶段一样,此类模型(以及相关线框)的创建涉及与用户的迭代交互。

产品开发视觉辅助:设计
图 2.7。 视觉原型阶段

从广泛的想法开始,然后努力选择一些最符合用户标准的概念。

产品开发视觉辅助:设计
图2.8 示意图

视觉原型设计几乎总是从产品本身的高级草图开始(与描述产品使用体验的故事板相反)。 大多数工业设计师首先会初步搜索相似的形状和产品。 DipJar的设计师研究了很多其他产品,并根据它们的形状绘制了草图。

产品开发视觉辅助:设计
图 2.9。 形状选择

一旦您选择了一些粗略的概念,您就需要测试它们在现实世界中的外观。 在照片中,您可以看到由泡沫底座和管制成的 DipJar 的粗糙形状。 每个形状都需要几分钟的时间来创建,因此,您可以了解该形状在现实世界中的感知方式。 我用粘土、乐高积木、泡沫和牙签等各种材料制作了这些模型。 有一条重要规则:快速且廉价地制作模型。

产品开发视觉辅助:设计
图 2.10。 尺寸选择

选择基本形状后,您需要确定模型的尺寸和各个部件的比例。 通常有两个或三个参数对于产品的“正确感觉”很重要。 就 DipJar 而言,这是罐本身的高度、前部的直径和指槽的几何形状。 为此,我们制作了更准确的模型,参数略有差异(纸板和聚苯乙烯泡沫)。

产品开发视觉辅助:设计
图 2.11。 了解用户体验

在表单开发的同时,一些用户体验 (UX) 功能通常很明显需要解释。 DipJar 团队发现,当排在前面的人留下小费时,慷慨的可能性就会增加。 我们发现声音和光信号是吸引人们排队的非常有效的方式,从而增加了提示的频率和大小。 因此,我们做了很多工作来选择 LED 的最佳位置并设计使用光的通信。

产品开发视觉辅助:设计
图 2.12。 设计语言

每个产品都有一种“设计语言”,通过它与用户进行视觉或体验上的交流。 对于 DipJar 来说,快速向用户传达如何插入卡非常重要。 团队花了很多时间优化卡片标志(左图),以便用户可以清楚地了解如何正确插入卡片。

DipJar 团队还致力于优化 LED 背光模式。 红色箭头指向脸部边缘的 LED 灯,这有趣地表明了一种慷慨的行为。 蓝色箭头表示团队长期讨论的结果 - 银行所有者更改收集金额的能力。 定制的数字 LED 显示屏使 DipJar 的所有者可以轻松更改尖端尺寸。

产品开发视觉辅助:设计
图 2.13。 颜色、材料、饰面

为了快速确定产品的最终外观,设计师选择颜色、材料和饰面(CMF)。 这通常以数字方式完成(如上所示),然后转化为物理样本和模型。 DipJar 测试了各种金属外壳样式、饰面和塑料颜色。

产品开发视觉辅助:设计
图 2.14。 最终渲染图

最初 CMF 选择的结果是高质量的数字产品模型。 它通常包括前一阶段的所有元素:形状、尺寸、符号、用户体验 (UX)、照明 (LED)、颜色、纹理和材料。 如此高质量的可视化、渲染,也是几乎所有营销材料的基础(就连苹果的营销大神也什么都用渲染)。

产品开发视觉辅助:设计
图 2.15。 网页应用程序设计

如果您的产品具有数字界面,那么创建更准确的模型对于定义产品的用户体验将非常有帮助。 DipJar 的主要数字资产是为商店业主和慈善机构提供的基于网络的控制面板。 还计划发布一款移动应用程序,供员工和留下小费的人使用。

产品开发视觉辅助:设计
图 2.16。 包装配置的选择

设计阶段一个容易被遗忘的重要阶段就是包装。 即使是像 DipJar 这样相对简单的产品,在包装开发上也经历了迭代。 在左边的照片中,您可以看到第一个版本的包装; 右图中是第二代的更令人印象深刻和优雅的包装。 设计优化是创造积极的用户体验和材料规范的重要组成部分。

产品开发视觉辅助:设计
图 2.17。 不要忘记迭代!

一旦制作出高保真视觉原型,它们就会返回给客户以测试开发过程中做出的许多假设。 进行 2-3 次迭代就足以获得出色的视觉原型。

产品开发视觉辅助:设计
图 2.18。 最终原型在视觉上接近产品

设计过程完成后,您最终会得到一个漂亮的模型,它显示了设计意图,但还没有功能。 客户和投资者应该能够通过与此模型交互来快速了解您的产品。 但我们不要忘记让产品发挥功能的重要性。 为此,请深入了解第 3 部分:构建。

您已经阅读了有关实体产品开发的四部分系列的第二部分。 请务必阅读 Часть1:观念的形成。 您很快就能继续进行第 3 部分:设计和第 4 部分:验证。 作者:本·爱因斯坦。 翻译由 fablab 团队完成 法宾卡 和项目 HANDS.

来源: habr.com

添加评论