137位设计师与我分享了他们的做设计的流程和偏好。本文与大家分享我所了解的情况。
Picture by Sigmund on Unsplash
网络上有很多人会讨论设计师喜欢或讨厌的设计工具...特别是UI工具。我们对它们几乎无所不知，但我问自己，设计师是如何画线框图的？有没有一些显而易见的答案？他们的设计过程是否会因为首选工具的不同而改变？他们画完线框图后的的下一步是什么？
为了找到这些问题的答案，我邀请了来自世界各地的137位设计师，让他们向我介绍他们的线框图设计过程。在调查中，我询问了多项选择题和开放式问题。
继续看下去！看看我了解到了什么！
01
参与者是？
在参与了调查的设计师中（137人），85%（116）的设计师在过去一年中有画过线框图，15%（21）没有画过。
绘制线框图的设计师百分比
哪些设计师不画线框图？
有57%（12）的设计师目前的职业是UX/UI设计师，他们在过去的一年中没有绘制任何线框图。
设计师的工作经验如何影响这一现象？我发现48%的初级设计师（拥有不到一年工作经验）在过去一年中没有画过线框图。这让我很吃惊，因为我在我的预估中，不画线框图的人中会是高级设计师占最多。但结果是只有29%（6）的设计师（拥有6年以上工作经验）在此期间没有画过线框图。
现在，我们知道了谁没有画线框图，但是让我们来看看那些画线框图的人。让我给你分享一下我的发现。
哪些设计师会画线框图？
在工作中会画线框图的受访者中，占比最多的群体是产品设计师，占32%（37）。紧随其后的是UX/UI设计师，占29%（35），UX设计师排在第三，占28%（32）。
从工作经验方面来统计，画线框图的设计师中，有49%（57）是高级设计师，20%（23）是工作经验不足一年的初级设计师，18%（21）的设计师有3-5年经验，13%（15）的设计师有1-2年经验。
绘制线框图的设计师的职业
绘制线框图的设计师的工作经验
设计师画线框图的频率是...？
画线框图的受访者中：
39%（45）的设计师每天画几次线框图；32%（37）的设计师每周画几天；28%（32）的设计师每月画几天；2%（2）的设计师一年做画几天。
设计师画线框图的频率
02
设计师们画线框图的首选工具是什么？
几乎一半的受访者——47%（54）的设计师喜欢用纸和笔，46%（53）选择用电脑软件，还有8%（9）选择在平板电脑/iPad上绘制。
设计师绘制线框图的工具
03
纸和笔——47%（54）
在这部分人中，有52%（28）的设计师喜欢在用白纸画线框图，26%（14）选择用点阵纸，17%（9）选择用网格纸。
就我个人而言，经常有人建议我使用Sharpies（一种粗毛毡尖笔）来画线框图，但其他设计师的实际偏好是什么呢？
63%（34）的设计师更喜欢细头笔，28%（15）的设计师喜欢用中等粗细的笔，排在最后的是粗头笔，但这并不代表它不重要，例如，有9%（5）的设计师喜欢用Sharpies这样的粗头笔。有趣的是，一些受访者说他们无所谓用怎样的笔，他们愿意使用他们身边的任何可能的工具。
设计师绘制线框图的工具
为什么选择用纸和笔？
大多数设计师都比较重视使用纸和笔，因为这种方法快速、简单、成本低。
最重要的是，在纸上画画对他们来说感觉很自然。使用笔和纸有更多好处，设计师喜欢它的灵活性、便利性和有效性。笔尖就掌握在他们手上，这有助于他们进行创作，不断尝试，不用害怕错误。
| _使用笔和纸画线框图是快速开始一个设计的最佳方式。这种方式很吸引我，因为它帮助我思考和试验我所设计的东西，给我一种我确实是在进行创作的感觉。_ |
总的来说，纸和笔能让设计师在设计一个影响整个设计过程的架构时进行创造性的思考。
他们愿意换其他工具吗？
有些设计师不喜欢换用惯的设计工具，但也有些人热衷于尝试更好的东西。他们注意到笔和纸在某些方面的不足，例如简单的共享功能（特别是居家办公的时候）或方便的原型制作（在前期用户测试中很方便）。如果他们愿意转换，新的工具/技术必须要能让设计师在保持低保真风格的情况下快速、轻松地进行设计。设计师很重视删除和编辑功能，因此新工具必须灵活、方便。价格也影响着设计师对新工具的选择，所以一些设计师更愿意继续使用成本低的方式。但是，也有一些设计师愿意转而使用iPad或平板电脑画线框图。
| _如果我有iPad，我可能就会转而使用iPad来画线框图。这样我就不用在纸上画完后再给它拍照了，因为它已经是数字化的了。_ |
画完后设计师接下来做什么？
大多数受访者下一步会将线框图数字化。一些设计师提到，他们会用软件来使草图“可点击”，或者他们会在UI工具（Figma, Sketch, Adobe XD）中重新画一个最好的线框图。他们中的一些人会继续设计中低保真原型，但也有一些人直接开始设计高保真原型。
另一些设计师画完线框图后是与团队沟通，得到他们的反馈；或者是将线框图向用户展示；一些设计师也会用他们的纸质原型进行用户测试。
我注意到，设计师们没有相同的设计流程或下一步该做什么，这是可以理解的，因为我们在工作中面临着不同的挑战、不同的截止期限和工作流程。
我还发现了一件有趣的事：一些选择使用纸和笔的设计师是有iPad或平板电脑的，但是却不同平板来画线框图。为什么呢？因为
另一个有趣的发现是，只有一位设计师会考虑转换使用其他工具，为的是减少纸张浪费。
04
电脑软件——46%（53）
设计师在电脑上最常用的线框图绘制工具是Figma，超过1/3的受访者选择了它，占了36%（19）。第二受欢迎的工具是Adobe XD，有25%（13）的设计师选择了它。Sketch排在第三，有17%（9）的设计师选择了它。
设计师选择的绘制线框图的电脑软件
为什么选择用电脑软件来画线框图？
使用Figma的设计师认为，它是一个简单、便捷和直观的工具，并且它具有灵活性、效率和很好原型设计功能。设计师认为figma其他优点是可以团队协作和反馈功能，以及它的UI素材库。
| _我使用Figma是因为我可以使用Figma中的设计系统库（拖放我们的线框图组件或UI组件），我可以在一个软件中完成线框图绘制、UI设计、团队协作和原型设计。_ |
一些设计师选择Adobe XD的主要原因是，他们觉得XD简单、熟悉，并且使用起来很舒适。他们的公司往往购买了Adobe套件，XD也在其中。
| Adobe XD使用起来很简单，它还是Adobe家族的一部分，所以与Adobe软件的联动非常方便。 |
Sketch是第三个最常被使用的设计工具。同样的，Sketch使用起来很便捷、熟悉、舒适，设计师们一直在使用它，而且已经习惯了它。他们还看重它有UI素材库。对于一些设计师来说，这是他们唯一的选择。
| 我已经习惯了用它来快速设计任何的线框图了。 |
其余设计师画线框图用的电脑软件还有Balsamiq（8%）、Miro（8%）、Axure（4%）、Invision（2%）和Framer（2%）。我没想到有设计师会用Miro来画线框图，因为它不是一个典型的设计工具，但设计师看重的是它的快速、简单、团队协作、可以得到反馈、可以导出、感觉就像白板一样。
| _我喜欢用Miro画非常粗糙的线框图，因为它有一个内置的线框图工具包，让我可以轻松地进行头脑风暴，不必担心设计和形状的问题。我可以直接拖放一些组件，组件看起来也比手绘草图更精致。而且我可以和团队进行共同协作。_ |
设计师他们喜欢用的工具...或者说这是喜欢吗？也许他们只是习惯了使用某个工具？他们愿意转换吗？
我的发现告诉我们，他们实际上是可以换工具的，但新的工具必须易用高效。设计师很重视Miro和Figma的团队协作功能，所以这些功能必须是新工具必备的。
换句话说，他们可以做出改变，但新的工具必须是比他们之前使用的更好。但是，也有些设计师没有其他选择，因为公司提供的条件限制了他们。
| 如果我的主要精力只放在设计过程的初始阶段，想要一个能让线框图绘制过程更高效的专门的工具，并且它能让其他利益相关者（非设计人员）轻松地使用和/或给予反馈，那么我就会考虑换用它。 |
画完后设计师接下来做什么？
接下来的步骤之一就是沟通协作，从团队或利益相关者那里获得反馈，或者对线框图进行用户测试。一些设计师会开始制作原型，另外一些会继续完善细节或制作高保真原型。
| _通常，我会用Miro画线框图，与我的PM和开发人员一起审查，获得反馈，并进行修改。然后，我会用Figma做高保真设计和原型。_ |
05
平板电脑/iPad——8%（9）
设计师们最喜欢的工具是iPad，8位设计师选择了iPad。剩下的一位设计师选择了三星平板电脑。
但是，他们使用的软件都不相同，这让我很惊讶。以下是设计师在iPad/平板电脑上绘制线框图时使用的工具：
Adobe Illustrator, Adobe XD,Concepts app, GoodNotes, Moleskine Flow, Mural, Paper, Procreate, Samsung notes.
设计师选择的画线框图的iPad/平板电脑
设计师在iPad/平板电脑上画线框图的体验中看中什么？
他们最看重的是在绘制线框图时要快速、简单、灵活。他们也看重无限的画布，拥有类似于白板的体验，并且可以将线框图发送到他们的笔记本电脑。
| 我可以保持线框图的低保真度和进行快速迭代，这是画笔和无限画布让我能够做到的。 |
有趣的是，44%（4）的受访者不愿意换用新的工具。尽管iPad/平板电脑最少被设计师选择用来画线框图，但它似乎是本研究中涉及到的所有工具中最强大的。
画完后设计师接下来做什么？
使用iPad/平板电脑的设计师与使用纸和笔的设计师的下一步没有太大区别。同样是制作原型、团队协作征求反馈意见，或者直接制作高保真原型。
在开始这项研究的时候，我事先对结果并没有任何期望。然而，这项研究让我大开眼界，让我看到了其他设计师使用的一些设计流程。我们可以看到，他们选择的工具决定了他们的工作流程。有更好的方法吗？也许有吧，但每个人都会选择最适合自己的方式。如果有更好的方法，也许他们也会尝试一下。
你呢？你有什么工具偏好？如果你想分享你的线框图设计过程，甚至你也发现了一些令人惊讶或有趣的东西，欢迎在下面留言~
ABOUT US
参考文章：
作者：Róża Turowska
译者：太上老菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们