[翻译]可能是史上最全的交互设计师培养参考提纲

怎样成为一个更好的UI和UX设计师【译】

原文链接：http://ui-patterns.com/blog/How-to-get-better-at-UI-design  

作者：Anders Toxboe，工作于哥本哈根，创建了 UI-Patterns.com和其他项目。文章发布于UI-pattern（网站有点老，但是资源很多），最新更新于2015.6.11.文章虽然讲UI设计师，但是却是很系统的交互设计师入门和进阶的干货。觉得很好，所以人工翻译出来分享~

---

不要想着学习所有东西。选择你最急迫需要的技能，然后从中展开。

关于成为一个好的UI设计师需要的技能，你可以花很长一段时间去读书，参加会议，正式地接受教育，听教程，或者自己实践。但是不管怎么，如果你想在更高层次去提升你的UI设计能力的话，最好的方法是学会与其他设计师一起合作。从你工作的地方找到他们，聘请他们，或者花点时间在浏览网上关于用户体验或交互设计的网站。

快速小贴士

>每天设计。没有任何东西可以比设计更能提升设计技能了。所以，每天，进行设计。在工作中设计。回家和找一些小的生活中的设计问题并且提供解决方案。享受这种方式并且实践。检验和错误，是最好的学习的方法。

>收集好的设计。我发现为UI-Pattern.com收集截图，让我成为了一个更好的设计师。这让我可以看到什么是好的设计，和它看起来是怎么样的以及它感觉起来是怎么样的。总是寻找灵活的细节和好的设计，慢慢地你会开始使用他们。

>测试，测试，测试。启发式会让你走得更远，但是唯一的正确的方法是通过测试来知道什么是可行的，什么是不可行的。找真实地人进行测试，或者开展可用性测试（焦点小组等等）或者A/B测试。

>增量迭代。 在一次迭代模式中，提交增量。（原话是“Deliver value in increments in an iterative fashion.”）用敏捷的过程保证你正在做对的产品，而不是在一开始就把它做对。

从自学的角度来讲，我收藏了一系列不同的资源，他们可以帮助你自己成为一个好的设计师。不管怎样，在你开始之前，选择你的专长：不要想着去学到所有东西。选择你最迫切的需要的技能并且从中延伸开。

基础的设计概念

学会基本的原则：The gestalt laws（格式塔法则），Fitt’s law（费茨定律），它们是关于可见性，关于反馈等等。《Universal Principles of Design 》（《通用设计法则》）这本书给出了关于这些的很好的介绍，甚至更多法则（一共100条法则）。

然后，去读Steve Krugs的简单直接的一本书《Don’t Make Me Think》（《点石成金》），它很好地告诉你在设计中，最基本的思考过程是怎样的。

当你把基础打下来了，继续去接触Donald Norman有关于情感的的书。

画草图

画草图是一个实现你的想法和得到快速反馈的好办法。它提供了一个很好的途径去讨论意见和去探索不同的可能性。纸张画原型很快，成本很低和有效：比用代码编一个智能的原型快多了。

在你想买这方面的书之前，去浏览一下UI-pattern.com的博客先吧：

http://ui-patterns.com/blog/User-interface-sketching-tips-part-1

http://ui-patterns.com/blog/User-interface-sketching-tip-2-Drop-shadow

http://ui-patterns.com/blog/User-interface-sketching-tip-3-Use-a-thick-pen

http://ui-patterns.com/blog/User-interface-sketching-tip-4-Get-your-arm-off-the-paper

http://ui-patterns.com/blog/User-interface-sketching-tip-5-Constrain-yourself

可用性测试

一个最常用的办法就是Think aloud.

（出声思考：参试用户在任务进行过程中出声表达自己的想法。可用性测试的一种。）

简易可用性测试（Discount testing，详见 http://www.nngroup.com/articles/guerrilla-hci/ ）很简单成本又低。最常见的方法办法是Thinking aloud。它可以帮助你快速测试，其他人是否跟你一样能都明白你的抽象设计。有时候，你可以随便在视线范围内抓一个人，给他们一些任务流，并且观察他们是怎么做的。这可以摆脱一些很明显的你自己看不见的 错误。

更高级的基于实验室的用户测试是一门科学。一旦你已经在你的设计中去除了一些明显的错误，并且已经要准备去增加更多心理学的和吸引的可用性元素的时候，它将为你提供帮助 。

———---简易可用性测试（Discount testing）———-

去选择灵活的可用性测试（相关链接：http://www.useit.com/papers/guerrilla_hci.html ），而不要那些成本高的声称“正确地”基于实验室的用户可用性测试。

--------------------------------------------------

关于可用性测试的三本好书:

用户调研

一方面是去测试你所设计的东西是否真正可行，另一方面是去收集还有哪些地方你要去测试的。

用户调研是关于了解用户，和参与到用户中去。

了解你的用户是在什么场景/情况下去和你的产品交互的，他们怎么交互，和他们这样做的动机。

用户调研最经常是使用人物模型、使用场景 和用例（这三个分别是personas and scenarios, and use-cases），或者你更倾向敏捷的方法，用户故事等。

———人物模型Personas————

Alan cooper提出了人物模型这个概念，他的书《The Inmates Are Running the Asylum》很好地阐述了这个概念。

----------------------------------------

信息架构

信息架构师关于设计你的作品怎样才可行，以及它的各部分怎么组织在一起。信息架构产生出结构和原则保证那些东西用一个清晰干净和连续的方式工作。比较少量的书会介绍到关于怎么去设计一个好的信息架构。下面那个列表是我看过的最好的书单。他们都是比较古老和冗长的书，通常情况下，除非你真的是想深究信息架构。

不过我在读Donald Norman的《The Design of Everyday Things》和《The Visual Display of Quantitative Information 》也收获很多。不管怎样，如果你想研究信息架构，并且想把它当做一门学科，下面都是很好的书：

交互设计

交互设计是关于设计一些交互模式。是关于设计软件界面和用户怎么交互和联系的问题。Bill Moggridge的《Designing Interactions》很好的探讨了交互设计的历史并且它很值得每一个人去读。Jeniffer Tidwell的《Designing Interfaces》也是很典型的关于UI设计模式的书，如果你在UI-Pattern.com找不到的话，这本书给了很多很好的参考和例子。

过程Process

过程在设计中是一个很基本的部。在过程中，没有特地去注意过程，你会发现自己浪费更多时间。最常见的对比就是，恐怖的瀑布模式和其他敏捷的方法。正确地选择设计过程，这得看情况。以下是主要的几个类型：

>敏捷开发Agile development。关注于增量式和迭代式开发的一个过程。敏捷开发背后的主要思想，极大地受Toyota的精益生产规则的影响。（原话是The thoughts behind agile development practices are largely inspired by the Lean manufacturing principles made popular by Toyota）。最受欢迎的敏捷开发模式是eXtreme programming 和Scrum。

>看板管理Kanban。也是受精益生产的启发，并且这是一个跟敏捷开发很不同的过程。敏捷过程专注于一个完整的满的开发周期、授权和自我管理，而看板是一个用来组织任务的工具。

>精益创业Lean Startup。这是另外一个精益生产（Lean manufacturing）的子产物。精益创业是要解决一个问题，一个关于找到什么是用户想要的和创建正确的东西通过最小化可行产品（Minimum Viable Product/MVP）去证明或者推翻一系列的假设。Steve Blank的《The Four Steps to the Epiphany 》是另一部经典，它进一步地探讨了精益创业。

>CMM&CMMI（翻译成：能力成熟度模型集成）。这是一个由美国防卫工程（Defense program）创造的一个开发方法，是为了保证软件的质量。它严重地依赖着行为分析和行为数据去实现接下来的东西。它比较适合于一个未探索的世界（non-explorative world），但是不太适合于大多数的网站开发。

UI模式图书馆

UI模式图书馆展示了解决常见问题的循环方案。这些是很好的学习途径，去学习别人是怎么解决那些你也遇到的同样的问题，并且从某个角度来说，这些东西已经成为了一种标准了。

网站：

http://ui-patterns.com UI设计模式

http://www.smileycat.com/design_elements/  设计元素

http://patternry.com/patterns/

https://developer.yahoo.com/ypatterns/ 雅虎设计中心

http://www.welie.com/patterns/

http://designingwebinterfaces.com/explore 网页设计

【网站设计博客】

还有很多可以学到有关用户体验、交互、网站设计中的商业问题、图像设计以及更多内容很赞的博客。下面的列表就是一些很好的网站:

http://boxesandarrows.com

http://uxmag.com

https://signalvnoise.com

http://www.uxmatters.com

http://www.smashingmagazine.com

http://bokardo.com

http://headrush.typepad.com/creating_passionate_users/

会议

下面是一些相关的会议：

http://www.iasummit.org

http://www.sxsw.com

http://2015.uxlondon.com

http://2015.dconstruct.org

http://aneventapart.com

http://thenextweb.com/conference/

观看在线会议：

http://talks.ui-patterns.com

[完]