用户体验草图 为什么有必要?


当我开始我的UX过程时


每个表面都成为一个草图,以记录快速的想法。有时它位于寿司菜单的背面,Digitaria办公室的地板到玻璃天花板,或者鼹鼠皮笔记本的页面。

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

奥斯卡·王尔德,文森特·梵高,巴勃罗·毕加索,欧内斯特·海明威和亨利·马蒂斯等人使用的笔记本电脑

一开始,这只是头脑风暴。我列出了一些混乱的单词,并绘制了与我正在处理的相关的小草图(并在以后找到相似之处)。就个人而言,我更喜欢带有网格的纸张,所以我可以相应地传达信息。大多数时候完美不是问题,草图只适合我。

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

即使是一些普通的白板也会这样做,以帮助检查您的项目流程

在我勾勒出互动之前

我会列出来看看有什么意义。在项目的这一点上,您可能已经定义了一组需求。当你开始画出你的互动时,使用它们,这是Smashing Magazine推荐的内容:

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

使用便签在单个草图中探索各种交互和想法。

在一个草图上定义多个交互,然后在扫描它们或复制草图之前一次一个地策略性地删除它们。
使用不同的颜色来表示不同类型的交互。
一个粘滞便笺对你的模态窗口来说不够大吗?在它旁边添加另一个权利。
对于您的工具提示,一个粘滞便笺太大,用户可以使用标尺作为指导,快速将音符缩小到适当大小。

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

在复制各种版本的草图时,每个版本都有不同的粘滞便笺,你最终会得到各种不同的草图。

你拥有的工具越多越好

把它想象成你的设计师阿森纳。在我的计算机和云端,我有数十万个资源来帮助简化我的数字流程。

1_VasXmMKPQBXMtlpOY7cIQQ.png

这是我多年来一直在收集的数字资源的一个小例子,不能没有

当谈到素描工具时,你会有一个典型的绘图标尺(模拟标尺在数字艺术部门很难找到!)你的铅笔阵列,Prismacolor标记和橡皮擦。我最喜欢什么?

我在UI Stencils的朋友发布了大量的绘图板和模板,以帮助自动化您的UX(或UI)草图工作流程。我刚拿起一些,这是我最喜欢的一些:

All强大的iPhone Stencil

当我发现自己采用“移动优先”方法时,我通常从iPhone模板开始(不要担心Android手机 ,Android平板电脑,Windows 8和Windows Phone用户 - 还有适合您的模板)

这是一些iPhone模板:

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

这是我最喜欢的组合,与iPhone草图板配对

由于我们正在代理商(以及整个网络)进行如此大的响应式设计推送,因此这款响应式设计记事本是我最喜欢的东西:

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

看看那些完美的纸张断点

一路低保真

这使您的团队可以采用更快的方法进行快速迭代。在您准备好与您的功能规格一起呈现给您的客户之前,您可能不需要进入Axure,Omnigraffle或InDesign。

1_ET6OkUS6eYGFSbFoKYLZjg.jpeg

当您以低保真度开始时,您有更好的机会更好地传达讲故事的过程。

纸张原型也是如此

最好的快速和肮脏的原型设计是用你周围的任何和所有材料完成的,以帮助更好地传达一个想法。下图显示了智能手表的“纸张拉出”方法。每个屏幕都可以穿过低成本设备,为最终的利益相关者提供更好的流动感。

不要害怕分开厨房用具,旧设备和鞋盒(无论什么工作!)

1_P7W7FPE13c33LAd4PiSvUw.png

UX素描的其他一些例子。所有功劳归功于Pinterest,Flickr(以及我自己的一些)



注:本文转载自艾德丽安莱文 logoman译,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。