我对用户体验草图绘制的体会,咱们的导师,草图绘制大师Kate Rutter教会了咱们如何经过草图将本身的创意呈现于纸上。下面是为你们分享一些可以用于快速、有效绘制草图的实体或抽象工具。工具
为何要绘制草图?学习
做为用户体验设计师,咱们应当可以自如的与不一样的职能团队协做打造复杂、有效的产品。为了确保将来的成功,在产品创造的早期阶段造成多样的创意是必不可少的,由于最好的创意每每出现于创造过程。经过收集有关创意的反馈信息,可让咱们在开始进一步工做以前达到去伪存真的效果。字体
就我我的而言,马克笔和纸就像钥匙同样可以开启我脑中充满童年色彩的创意、探索空间,这一空间也是打造创意的最理想境界。网站
你的设计须要哪一种类型的反馈?ui
做品的详实程度,与咱们预期获得的反馈状况之间有着直接的联系。若是咱们呈现出一个彩色、详尽的PSD模拟图,那么可能会听到以下的反馈:翻译
“你为何要选这个字体”(也就是说,反馈面会比较窄)设计
可是,若是你呈现出一个手绘的UI草图,可能会获得以下的反馈:对象
“用户应该怎么从这添加好友”(亦即:反馈面比较广)blog
在设计早期,咱们须要尽量宽泛(归纳性)的反馈。不要让对方的注意力被吸引到设计的表象上去。ip
另外,若是详实程度太高,就会过早的把咱们框入到既定的创意范围内并刺激咱们在完美程度上钻牛角尖。可是经过纸和笔,就能够避免不少这一类陷阱。
从心理学角度讲,看非正式的草图,会比看精心修饰过的内容更加容易激发观看者提出建设性的意见。即使是黑白的矢量UI草图也能抑制对方提出太有针对性的反馈。
不必定要很漂亮,但必定要简单。
不少同行不会自夸为大艺术家,好在咱们干的活也并不是艺术,而是信息传达。但即使你不认为本身是个艺术家,学习一些基本的技术技巧也可以帮助你经过草图绘制表达本身。不当艺术家实际上反而能让你把精力集中到创意,而非草图是否美观上,百利而无一害。
而对于自夸为艺术家的人,其所面临的难点就在于如何在短时间批量出产草图时放下对完美的追求。这对于热衷打造精美图形和线条的设计师来讲,恐怕会很难。使用Time boxing这套工具则能够帮助设计师克服这一困难,实现快速创意。要记住,咱们的目标是创造出快速的信息传达媒介。
来看看这套工具:
你须要使用下列工具:
1.宽记号笔——要突出表现对象时使用
2.细记号笔——用于绘制主要图形
3.超细记号笔——用于绘制较小的细节
4.30%或40%灰色马克笔——用于添加阴影以及让特色区域深刻背景中
5.黄色荧光笔——用于绘制关键点,例如交互区域
6.一沓绘图纸
7.便利贴
8.小贴纸
9.计时器
技巧
热身练习:在Tradecraft的课堂上,用户体验设计师会学习如何在计时器的帮助下绘制草图。通常咱们首先会看一套网站的截图,而后用5秒钟时间绘制出本身所关注到的5个元素。其效果大体以下:
这项练习可以强迫咱们的大脑进行详实度思考并跳出完美主义的局限。咱们会首先思考贴近度、层次关系和主次关系等基本视觉概念,并会注意到最吸引注意力的内容及其缘由。常常进行这项练习可以锻炼本身的思惟能力。
创意造成:咱们开始对产品或功能进行创意绘制。在此过程当中,咱们须要快速完成下列各阶段,每一个阶段限时5到10分钟:
1. 有哪些问题?描绘出目标用户及其所面临的问题:
2. 你的创意对解决这个问题有何帮助?画出你的用户用你的产品解决问题的情景。
3. 产品如何使用——画出6种用户与产品/功能交互或使用产品/功能解决问题的情景:
提示:每一个方框的大小至关于一个便利贴
4.票选最佳创意
若是大家是团队合做,能够用贴纸投票选出最有趣或最重要的一个设计范围进行深刻(蓝色是你队友的投票,红色是你本身的投票。)若是你是一我的,那票数最多的人估计就是你本身了。
5.作出5套快速UI草图
设想你的设计在UI中向用户呈现的方式。你不须要画出界面的全部细节,只须要画出与你当前所探索范围相关的内容。
而后选出你最中意的一套UI草图。
6.详细UI草图
在这一步,你能够开始拓展本身最佳的UI创意,并思考如何对其进行进一步深刻。使用注解说明可能存在疑问的地方。此次的草图须要让人一眼可以看明白。
提示:草图中加入用户元素可以强调出你选择当前设计的理由。
7. 画出先后流程
下面,你能够开始考虑与当前界面先后联系的屏幕界面,进而初步思索交互方式。这一步须要用黄色的荧光笔和灰色马克笔来凸显出重要的部分以及交互内容。
总结
上述的所有过程时长约45分钟。这一神奇的流程可以帮助你快速得到创意。
养成快速绘制草图呈现创意的习惯。不要管草图漂不漂亮,将精力集中到如何清楚传达创意讯息上。要记住:
“UBU(丑可是有用)远比(漂亮可是没意义)有效”——Kate Rutter
创意草图绘制有许多技巧,对于哪些方法最有效也存在着各类不一样的理论。你能够多多练习,本身探索最适合本身的方法。
衷心但愿各位设计师和非设计师朋友提供有关创意草图绘制的意见。
翻译:蒋灿
原文地址:medium.com