UX设计师注意啦，我们找到了高效制作产品原型的7个技巧

产品壹佰 • 4年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

在制作原型的过程中，你是否也有过迷惑？认为自己在重复的做无用功，或是对自己的工作流程感到不对劲？

今天，我们就邀请来自 MOBGEN 的交互设计师林辉，跟大家一起分享一下他的经验。

UX设计师注意啦，我们找到了高效制作产品原型的7个技巧

hello，各位刀友～

作为一名交互设计师，日常工作任务就是制作原型。我非常喜欢这个无形变有形的过程。

在工作中，我也对原型设计进行了反复的测验，犯过一些错误，也有不少收获，今天就跟大家分享一下。

1.做还是不做，这是个问题

UX设计师注意啦，我们找到了高效制作产品原型的7个技巧

在工作中经常会发生这样的情况：惯性接受客户的要求。结果，到了执行阶段，又会陷入自我怀疑： “这真的有必要做吗？ ”

当一个（潜在的）原型需求提出，其实我们应该先去评估它是否是个伪需要。 原型不是目标，而只是工具。 是否进行原型设计应主要由项目目标和你的能力决定。

你可以试着问自己：

对这个原型的目标和期望是什么？
受众群体是谁？
做这个，需要花费多少精力和时间？
有什么相同的事情可以代替做这个吗？

UX设计师注意啦，我们找到了高效制作产品原型的7个技巧

如果结论不需要做这个原型，我们应该与客户分享决策路径，使他们像我们一样思考。这时候，你可以向他（她）展示一些数据，例如估计的 ROI（投资回报率），或搜索一些好的案例来支撑自己的观点。

最重要的是，一定要提出一个可行性解决方案来代替原型设计。原型设计不是万能的，我们要考虑的是，什么是最优方案。

2.选择正确的焦点

制作原型，必须集中精力。但在开始前，需要找出你想要实现的目标，我总结出了几个帮助找目标的问题：

原型是用于测试还是用于沟通？
如果要进行测试，这将是探索性研究还是定向研究？
你想测试什么，态度，参与度或行为指标？
你如何定义/量化成功或失败？
你有什么假设吗？
你要收集反馈的产品的哪一部分？等等

因为大多数时候，我们不需要为整个产品制作原型，针对产生最大价值的关键功能进行设计就行了。毕竟，你永远不知道最终能实现的是哪一部分。

3.不要跳过故事板

如果你参加过设计冲刺，就应该了解“ 故事板 ”。这是团队阐明流程，绘制所有所需屏幕，操作和组件的步骤。

团队中工作画面

对于原型，我强烈建议你也不要跳过“故事板”。我看到过很多团队觉得足够了解产品，所以跳过了这步。 结果到最后，因为遗漏了某些东西，造成慌乱。

把所有东西写在纸上总是比在头脑里勾画好。故事版无需详细说明，基线在于充分发掘待测试的流程。这样可以确保不遗留任何一个流程，并且有助于更好地预估时间和精力。

4.用“系统”思维

在交互设计中，我觉得很重要的一个东西就是“设计系统”。现在比较流行的「原子设计理论」核心思想也是这个。

用 APP 导航栏来举个例子：

图标和文本就像是原子，它们的组合就是一个分子。切换或选择这样的交互，就是在定义此分子的行为。

如果将其中的五个分子放在一起，就会得到一个有机体，即导航栏。由于分子是单独预先定义的，因此更改每个图标或文本不会干扰其他分子。并可用于任何场景。

简而言之，核心思想就是：高内聚，低耦合。 这种模块化的设计方式可以大大提高原型设计的效率。

定义交互后，可以通过替换视觉效果将其重新用于任何视觉样式。如果你准确地遵循设计系统的思想并创建所有原型组件，那么 从lo-fi（低保真度）到hi-fi（高保真度）原型就如同替换所有视觉模板一样简单 。

为了实现这一点，你指定命名规范，让整个团队在设计中都遵守。

一旦创建了足够的“传统”原型组件，就可以开始构建自己的“ 原型系统 ”。这使你可以快速将以前的工作重用于新项目中。甚至可以将“原型系统”扩展为内部公司素材库，从而节省了整个团队的时间。

墨刀素材广场也是基于此概念，对原型、页面、组件进行拆分，构建出了一套原型系统。

5.尝试团队合作

在我工作初期，我几乎自己做所有事情：发现研究，信息体系结构，线框图，交互流程，UI设计，切片，测试计划，原型设计，测试等。我确实很喜欢全栈学习，但速度很慢。

对于必须快速交付原型的时候，我建议，尝试团队合作，架构大概是这样的：

PO（产品负责人）和BA（业务分析师）为你提供产品输入，例如产品愿景，要求，（测试）目标等；
PM（产品经理）管理时间表和仪式；
UI（用户界面）设计器为你提供视觉效果和内容支持；
因此，作为交互设计师的你可以完全专注于原型设计，测试和分析测试结果。

我司团队

当我尝试“使用”我的团队进行原型设计时，一切都变得非常顺利且更高效，每个团队成员在自己最擅长的地方提供支持，从而极大地加快了原型制作过程。

仅在1天内，我们（2个UI和1个UX的资源）做出了一个这样的原型：

但是，团队合作可能会引起问题。注意依赖性，透明度、沟通和任务分解。

6.时间允许范围内，请使其尽可能真实

如果产品看起来不是真的，你就不能指望参与者有真正的反应

-Jake Knapp

那么如何使原型看起来真实呢？ — 互动的忠诚度是基础。此外，你还需要考虑使用环境和内容。

使用环境就是，考虑用户在现实生活中使用产品。例如，手机和电脑是两个完全不同的环境，你需要相应地仔细设计测试和原型。

至于内容，请避免使用不真实的图像或数字。

一个小贴士：墨刀支持多端快速预览的功能，可以模拟真实的使用体验。

使用墨刀制作

7.不要忘记调试！

最后且最重要的一点，不要忘记调试！至少要提前一天测试一下，以确保你有足够的时间进行调试，并根据需要随时进行调整。

以上就是林辉的分享啦～你对制作产品原型，有哪些自己的心得呢？请留言告诉我们吧。对了，也别忘了去体验素材广场哦～

本文已获授权，作者：林辉

随意打赏

评论