(如您查看内容有缺失,请戳原文地址:艾艺信息)
追波上的设计师们喜欢钻研界面的轮廓和绚丽的色彩等细节,以此交朋结友,相互点赞和分享。看完别人的作品后,自己跟着兴冲冲来一发。结果就是大量的设计在追波上都长得差不多。不管你做的是社交软件,金融软件,电商网站还是天气应用,同样的风格都可以套进去使。你想想,如果给你的眼睛加一层毛玻璃效果,再看看这些界面,你能说出他们到底有什么不同吗?
设计最重要的一步,并不会去追求外观的美
相比之下,优秀的求职者通常都附上了他们的思考过程。手绘稿、图解、利弊、 阻碍、权衡、解决方案,以及阐明交互和动效的原型。在真实参数的考量下,描述产品的模块如何移动和变化,它们的动态效果又如何呈现。
而糟糕的求职者,只会发他们的酷炫扁平 PNG 或牛逼线框 PDF 。没有关于待解决问题的关键点,看不到商业和技术层面的限制,也不描述使用场景和上下文联系。这些完美的视网膜像素级的 PNG 或许在追波上看起来很赞,但实际上,这些东西却连基本的设计价值都难以体现。
产品设计总是与使命,愿景以及架构息息相关
设计始于公司最顶层的使命,其次是公司的愿景。在一个没有清晰和可执行的使命与愿景的团队中,很难开展设计。不要低估这个问题的重要性,如果你所在的公司缺少清晰的使命,那就将缔造它作为你工作的一部分。
在使命和愿景之后的,则是产品的架构。不是指技术层面上的东西,而是产品内各部分之间彼此的关联,是一个总体的系统。尽量多在白板上画些类似这样的概念图:
产品的架构不是信息堆砌,它不是一个页面连着这个那个模块和空间,或者一堆死板的演示告诉你点这里是干嘛的,一个交互原型通常就可以很好地处理这些信息。一个更深层次的表达方式,这就是产品的架构图。它能表现出各个模块在整体系统中所处的位置以及它们的联系。
一旦你明确产品清晰的使命、愿景和架构,你就可以开始思考其它的细节。只要用户达成了目标,他们就会开心、满足,并获得成就感。你产品的服务为用户提供了哪些便利,又存在着哪些瑕疵。
这些粗糙的草图远远要比追波上那堆PNG要重要得多。从产品创立伊始到成品的推出,在这一套程序当中,PSD文件和PNG图片是最不吸引人也是最无用的材料。
更为重要的是设计中如何权衡轻重做出取舍的思考和讨论的过程,比如产品的优缺点考量,如何将设计匹配公司的愿景,抑或是解决产品的架构问题。所有这些白板草图,手绘稿,甚至在餐巾纸后面勾勾画画的解决方案才是设计者应该分享的。就连产品叙述文档 都比单单一个苍白的PNG或者PDF文档来的重要。
思考一下设计的四个层面
设计是一个多层面的过程。如何依次经过这几个层面来思考是有一个最佳顺序的。最简单的一种就是回想一下这四个层面:
很多的设计师单单专注于第四个层面而完全忽视了其他因素,这样自下而上的方式做出来的设计当然不如至上而下。如果其他三个层面的问题还没有解决好,那么诸如栅格、字体、色彩、美感等方面的深入都是无用功。
许多设计师说他们这样考虑过而没有付诸行动,是因为有时候只是觉得画一些好看的图片,和把自己掩埋在像素中比处理一些复杂的商业决策和人际关系要更加有趣。只关注第四个层面的因素,这无伤大雅,但这只是画画而不是设计。这样的话,你是一个数字艺术家,但并不是一个设计师。
设计系统越来越重要,因为网络无处不在
网络的发明将带来自工业革命以来最大的社会变更。网络渗透到每一个角落,它在我们的家里,在我们的办公场所,当我们熟睡的时候在床头,在我们的口袋中走到哪里跟到哪里。网络随时随地与我们同在。并逐渐来到我们的车里,衣服上,进入到我们所拥有的一切,还被用来检测我们的健康。到2020年为止,或更早,所有的业务都会基于网络而存在。正如 Charles Eames 曾经说过,“最终一切都会相互连接起来”。
静态网页设计是一个在垂死边缘的职业。随着移动技术惊人的发展,不同的API、SDK涌现,以及平台与产品之间开放的合作关系,这一切描绘出了一个无比清晰的未来,那时我们都将参与到系统化的设计中。将满是线框图的PDF作为交付品这样的情况即将逝去,Photoshop也已经是一个衰落中的设计工具。推动我们水平进步的设计师们,往往沉浸在手绘稿、白板稿和原型工具上(Quartz Composer, After Effects, Keynote, CSS/HTML)。
这就是有人说牛逼设计师应该学学代码的原因之一。无论你赞同与否,设计师的确需要通过探讨系统中组件之间的联系去定义问题和寻求解决方案,而不是通过抠像素来做这个事。实现可交互的原型,当真实操作中不可避免地反馈出设计时被忽视的问题和没有预先想到的状况时,他们就可以对此进行细节调整。在真实的交互中去感受,往往能令你对你设计的产品有更好的理解。
我们做设计时采用的方法体系
把每一个设计问题置于一个方法体系中,聚焦于引发问题的事件或者场景,动机和预期,以及期望目标:
当_____的时候,我打算_____,这样我就可以_____。
举个栗子:当重要的用户注册的时候,我们需要被告知,这样我就可以和他们开始对话。
这给我们理清了思路。我们可以将这个方法使用到设计任务中,从而考虑优先级。这确保我们始终能思考设计的四个层面。我们可以知道系统里的哪些组件是这个工作的一部分,明白产品内不同模块的相互关系和促成这些关系的必要互动。在达到视觉设计之前,我们可以自上而下地从目标、架构,到交互这个顺序来进行设计。
在使用这个方法的同时, 我们正在建立一个式样库,来帮助我们达到设计工作的系统性。我们将会通过运用式样库的代码而不是用Photoshop来进行更多的设计。虽说这一过程并不完美,但我们会反复改进。