网站的“样式板”设计法及工作原理
更新时间:2012/11/2 点击:1586次
网站远远不止是一系列可用的界面:它能够讲述一个故事。“样式板”是一种设计交付成果,它是结合字体、色彩和样式组合的一套网站界面元素参考体系,与网站地图、线型框架和其他有关用户体验的模型一同交付给客户过目。与客户探讨视觉设计上的喜好是样式板的基础,它是一组样本选项,以同一种视觉语言来激发与利益相关者的讨论。样式板包括用户界面元素的设计样本,体现设计师将用户的品牌形象转译到互联网的设计用意。当客户用“友好”或“干净”等词语描述他们想要的网站时,样式板用视觉的方式把这些形容词体现出来。样式板提供的是一种催化剂,能够促进与客户之间的讨论,从而对设计喜好和目标加以澄清和细化。
感情层面上的交流
样式板是项目开端的一个很有灵活性的工具,它用客户能够理解的语言定义了网站交流上的设计风格。相比传统识别系统设计的风格展示板,样式板包含更多的细节,但不像网站设计样图那么具体。室内设计师对室内空间进行再设计时,并不会把他们的多个设计意向塑造成型,而是提供一系列的织物和涂料配色样本以及建筑表现图。我们的样式板就像网站界面的配色样本,展现方案在任何显示设备和任何尺度下的设计效果,是视觉设计上真正响应式的解决方法。
识别系统设计常用的风格展示板是激发客户讨论的一个很好的启动点,但它往往过于含糊而无法帮助客户从讨论中形成对网站清晰的感性认识。风格展示板可以很好地挖掘品牌形象的深度,但当我们需要把标识形象转化到复杂的网站系统中时,这样一个单薄的联系很难使客户理解并想象出最终的成果。相比之下,样式板是一种较强的视觉设计产品,能够帮助设计师展现各种设计样式应用在网站系统中,在包括电脑和移动终端等多种体验下的视觉效果。
提出问题,从中抽取关键形容词
样式板流程能够引出一个品牌背后的隐藏着的热情,把客户与项目联系到一起的过程可以揭示大量有用的描述性语言。样式板设计过程的第一步就是向与项目利益相关的客户提问,可以使用统计调查的形式,或者在首次设计见面会上提出问题。首先,一定要请客户在网站视觉设计上的列出目标,并对各项目标权衡轻重。从一开始就对目标进行定义,使项目在全过程中都能确认每一个设计决定的重要性。其次,在调查提问中要注意鼓励客户使用描述性形容词。Adaptive Path的这篇文章中使用的比喻性提问就既有策略性又帮助打破僵局。例如,“如果你的网站是一辆汽车,它该是什么牌子的什么车呢?为什么?”这就是个极好的问题:围绕不同的汽车品牌和种类,我们能找到很多社会性和文化层面的看法。不同的汽车品牌与不同的形容词相联系。对混合动力的丰田普锐斯(Prius)和运动休旅车(SUV),你的客户肯定有不同的描述。
调查提问中的语义性差异问题是了解客户的审美喜好的好方法。你可以举出成对的反义词,请客户在两者之间的标尺上选择他们对网站的定位。他们想要的网站是现代的?传统的?还是介于两者之间的?这类问题帮助我们衡量客户对网站潜在风格的描述语的认同度。你也可以请客户评估“插画型”“摄影型”和“文字型”等描述语,来体会他们对网站风格的偏爱。我经常会为每一个描述语配一个网站范例使客户理解其中的关联,比如MailChimp可以作为“插画型”的典型,而NPR则可代表“文字型”。
你所得到的答案可以形成一条感情层面的纽带,把二维的视觉设计理念与客户对品牌的热情联系起来。仔细地去倾听,整理和剖析客户的反馈,从而把客户的描述明确地反映到样式板中的视觉元素上。尽可能多地从客户原话的字面上做文章,这样客户就能够更有参与设计的感觉。如此建立起客户的信任,能够为设计顺利获得批准铺平道路。
一旦客户利益相关方完成了调查问卷,或在见面会上回答了提问,就要开始对取得的信息进行分析了。研究客户反馈时,找到重点形容词编辑为列表,看看是否有些词出现的频率较高,这些词应当归到最前列。在这个过程中,设计的主题会开始确立,从中便可以形成网上品牌定位。这个定位可能成功地概括之前的研究,但也有可能证明客户中的利益相关群体无法达成共识。不管得到的网上品牌定位是明确的还是分裂的,它为你向客户展示样式板、探讨下一步方案提供了一个出发点。
Phase2 Technology的设计团队最近与《华盛顿审查者报》(The Washington Examiner)合作建立了2012年竞选活动微型网站,用来实时报道选情。网站的目标是将审查者报的传统形象以爱国的基调作一个延伸性的更新,从而激起读者对即将到来的大选的热情。利用审查者报团队提供的形容词,Phase2把该报的品牌形象诠释为三种不同风格的样式,共客户选择。这些样式反映了该报现有的网上品牌形象的三种不同的体现。