我们的设计流程我们的设计流程
淘宝面试的最后一个环节,是请应聘者向面试官提问,使面试官有机会解答应聘者对公司、团队以及工作等等方面的疑问。在
我面试过的设计师当中,大约有三分之一 会问我:“淘宝的设计流程是怎么样的?”我不是很了解问这个问题的人为什么会有如
此高的比例。也许这是一个“安全”的问题,不会对面试有什么危害;也许目 前设计师在工作中普遍碰到“流程”问题或“没有流
程”的问题;也许这个话题涉及各家公司的“机密”,确实无从找到相关的资料。
总而言之,虽然来面试淘宝的设计师人数有限,但我斗胆假设:目前国内所有网页设计师中的三分之一想了解更多关于“设计流
程”方面的知识,而我们也不 认为这是什么“机密”的话题(我了解的各公司设计过程都八九不离十,名称不同,本质上是一样
的)。所以,就在此简单介绍一下淘宝UED的设计流程,期望对这三分之一的设计师有所帮助。
Step 1:原型(:原型(Prototype))
设计的第一个阶段,我们称之为原型设计,主要是设计产品的功能、用户流程、信息架构、交互细节、页面元素等等。如果你
觉得听上去这些概念都比较悬的 话,我就用大白话来说:原型设计,就是完全不管产品长得好不好看,只把它要做的事情和怎
么做这些事情想清楚,把它怎么和用户交互想清楚,而且把所有这些都 画出来,让人可以直观地看到。
至于怎么画出来,那就随你了。用纸笔画,用白板水笔画,用Photoshop画,用Visio画,或者像我们一样用Axure画,都可以。
只要把上面提到的这些都事无巨细地表达出来。
在原型的交付物(Delivery,也就是某个阶段的产出物)中,最重要也最常见的就是线框图(Wire Frame),这玩意儿不用多
解释了,看下面这张图就明白:
在画线框图的时候,要把握好细节的刻画程度。有些东西只要画个框就行了,而有些东西需要把文案都设计好。以免你的老板
或是需求方揪住角落里的广告banner该有多大这种问题与你纠缠不休,而忽视了最重要的页面主体部分。
此外,还要牢记:原型就是用来让人改的。它存在的价值就体现在被修改了几次,被更新了几次,以及它的下一步被少改了几
次。