学画线框图:10个最佳实践

来源:互联网 发布:js ajax传中文 编辑:程序博客网 时间:2024/05/16 12:33

在设计过程的线框图绘制阶段,我们的思路很不成熟和粗糙。无论在废纸上、白板上或者用软件,绘制线框图有助于建立项目中各种元素之间的关系。这些元素譬如导航、图形、操作调用等。但是,如果我们将线框图当成一种工具,其使用目的就应当是:建立针对设计方案的用于协作沟通的创意空间,同时支持迭代和驱动快速思维。

那么如何才能使线框图成为有效驱动设计沟通呢? 评判的最佳方法是退一步,然后问一问这个问题:当我分享我的线框图时,沟通的内容与执行相关还是与我要创建的体验相关?

如果你的创造性头脑风暴和讨论被陷于“线框图看起来怎么样”,这就可能是不合格的。通常,这回归结于下面这三个问题中的一个或多个:

  1. 你的线框图难以执行。下面的10个最佳实践会有所帮助。
  2. 你没有为客户设立清晰的期望,没有说明你将线框图视为一种工具用于驱动对设计方案的沟通。
  3. 你的线框图过于粗糙并且没有面向解决方案。

解放你的线框图的10个最佳实践

线框图与快速创意有关。为了能够做到这样,你需要在透明的环境中,在没有隐藏的议程的情况下,专注于创意和解决方案,向多个方向和机会进行快速探索。不要陷于线框图中!使用这10个最佳实践,你可以将线框图从平庸中解放出来,用它设计出令人称奇的体验。

1. 不要使用颜色。如果你使用颜色了,应当让颜色有意义。

Wireframing Best Practice 1

颜色很强大!因此,颜色会使人分心。若你必须使用,应当秉承谨慎、一致的原则。并且,为了确保讨论能一直专注于你正在创建的体验,而不被未来的视觉设计方案所分散注意力,不要选择客户调色版中的颜色。

2. 一致性是关键。

Wireframing Best Practice 2

线框图是为了方便,不要将精力分散到不必要的事情上。一种能够带来便利的最好的方式是把所有的东西都统一起来,比如字体、间距和交付方式。

3. 使用真实内容。

Wireframing Best Practice 3

如果你没有内容,就去编一些。 写作是一种设计技能,这有助于更好地理解客户和故事。强烈建议读一读我们发表的7个协作提示!

7-writing-tips

4. 不要只有线。

Wireframing Best Practice 4

我们这里讨论的,都是关于如何分享你的想法。当我们将想法说出来的时候,这些想法的伟大潜能会翻倍。通常,你不是专家,所以需要克服自负,团结在一起才是力量。

5. 静态地交流功能和交互。 

Wireframing Best Practice 5

绘制线框图和制作原型是令人惊叹的工具,但它们的目的截然不同。原型比线框图要强烈得多。关键的功能或交互能,用静态的方式进行沟通会很简单。问一问客户他们需要什么。如果用户测试是项目中重要的一部分,制作原型能让你走得更远。关键是要了解什么时候要越过原型制作并有意而为之。

6. 设置清晰的期望。

Wireframing Best Practice 6

针对你怎样将线框图视为一种工具,与客户进行沟通。如果这不能满足客户的期望,那么无论你的做得多么好,他们都不会听你的。为了能够有远见地避免期望无法达成,最好的方法就是与客户进行清晰、尽早、经常性地沟通。

7. 避免成功路上不必要的障碍。

Wireframing Best Practice 7

如果你在使用像Axure这类的软件,不要让这些软件成为让你的想法自由飞翔的束缚。花一些时间学习基础或者选择更自然的媒介,比如图纸或者白板。

8. 实践无修饰。

Wireframing Best Practice 8

不要过度修饰线条,线框图不是美艳的物件组合。为了快速创想,我们必须乐于拥抱变化并经常转变。

9. 保持可选择性和简单性。

Wireframing Best Practice 9

当我们有了很多新想法,尝试让这些想法共同发挥作用或者将不同想法中的元素混合在一起,这是很简单的一件事。给每个想法一个独立的舞台。

10. 控制沟通。

Wireframing Best Practice 10

再极度完美的线框图也不会让美妙的沟通自己冒出来。你需要控制沟通才能支持你的线框图。如果事情跑偏了,就要把它拉回来。不要害怕礼貌地打断谈话并问一些有意义的开放式的问题。

工作所需的合适工具

Objective-Based Design

在设计思维的基于目标的设计流程中,线框图通常在战略阶段被用到。

头脑风暴和快速在白板上绘制,让我们能够探索多个解决方案并且识别新机会。一旦我们识别出每个想法的潜在影响(或作用),我们就能够更轻松地对这些想法进行优先级排序。A好的线框图能够让我们方便地对体验的实现来排序,并成为我们划分设计订阅迭代的重要组成部分

好的设计师会花时间来决策合适的工具来解决设计问题。在错误的时机采用一种强大的工具,会对整个项目造成不利。与其他用户体验实践一样,绘制线框图存在着非线性的一面。将其视为锦囊中的工具,当你需要的时候就用起来;与其他工具组合在一起,没有特定的顺序。相信你的设计直觉,大胆地放飞你的想法。

原文:http://www.dtelepathy.com/blog/design/learning-to-wireframe-10-best-practices

1 0