技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置：首页 --> 视觉设计 --> 什么决定了网站的品质感（一）

什么决定了网站的品质感（一）

浏览:1026次  出处信息
[前言]视觉设计不是我的专业也不是我的擅长，但是最近受工作影响，总是在思考这个话题。索性做一番探索，看看究竟影响一个网站品质感的因素究竟是什么，尤其是希望能够做一些可行性的指导方案。

品质感为何重要？
因为品质感能够通过提升用户对于一个网站可信度和可靠性的评价，从而让他产生良好的第一印象，初始信任感。
就好像，两个相亲的人，见面10秒钟的第一印象。

用户不懂用户体验，用户不懂色彩层次，甚至连品质感都不是用户直接关心的，但是用户会凭借第一印象去评判一个网站：
1. 这个网站是做什么的？
2. 这个网站是否可信？
3. 这个网站是否专业？

这第一印象，可能只需要几秒钟，用户就可以下初步的判断：这个网站到底安全不安全，可靠不可靠，我该不该继续尝试？

仅仅几秒钟，用户肯定还来不及去看“关于我们”的长篇大论，用户也没来得及通过搜索、购买、注册去体验多么轻松易用的交互流程。

仅仅几秒钟，会是什么影响了用户的抉择呢？
所有影响他的去留决策的因素，都是需要在几秒钟就起到作用的，是什么？设计师先靠边站一会。
  • 品牌和口碑――你可以做得视觉很烂，但是你如果有足够的知名度，比如用户是在央视广告上看到你们网站的广告的，那么也行，或许他们也能多留一会。
  • 进入渠道――用户可能是通过别的知名网站来的，比如淘宝旗下的某某网站，新浪的重要合作伙伴等等，虽然此网站本身知名度和品牌欠缺，但是借助这些来源和“亲戚”，也能够影响用户决策。
  • 内容，也就是底料――几秒钟，用户可以通过快速的浏览和扫描，判断这个网站是做什么的，和他的需求是否符合。所有出现的大标题，加重的字，呈现的商品图片以及价格等，都能够帮助用户做判断。
所以，在有些公司，可能会有内容策略师以及品牌策略师等角色来进行网站栏目、版块的内容规划。交互设计师有时只是配合角色。

设计师请出场，这里包括交互设计师（有些公司可能会是网站策划人员，也有可能直接由视觉设计师配合内容提供方完成）

  • 信息设计（Information design）――交互设计师必须得知道内容和底料如何去进行排版、布局、优先级引导处理，好提高用户做初判的效率，把真正网站方想传达的核心价值能够直接有效传达给用户，为此，交互设计师需要充分了解内容和网站定位，目标受众，需要充分与内容提供方通力合作――当然，配套的视觉必须得有同样的理解能力，才能够真正发挥作用。
  • 视觉设计（Visual Design）――配色、质感、图文、视觉细节，没有什么比视觉对第一眼的判断更加给力了。网站是做什么的以及可信感，固然和信息设计（Information）有莫大的关系，但是归根结底最终呈现给用户的，是一种整体印象，而视觉设计要为这个整体印象担负更多责任。

当然还有其他因素也很重要，比如稳定性――用户不能一点击就冒出404出错页面，页面上的功能都要测试可用等，但是这仍然是建立在用户发生交互的情况下，很多时侯，第一印象不好的用户，也许连一次点击都没有就走了。

若一个网站做得颜色乱七八糟，Button就有多种质感和颜色，那么用户根本无法去看网站好用不好用，因为凭借第一印象的判断，就会觉得这个网站没有用心去做，不够专业，进而不够可信，就直接流失。

以前的公式：有用>易用>想用，似乎是把视觉和界面设计的层级放到了优先级较低的层级。
但是在很多案例中，用户必须先被留下来，才能够去判断“有没有用，好不好用”。视觉反而成了前置条件。

用户不会去挑剔颜色，用户不会认为字体不够好看，但是他会朦胧中通过第一视觉印象，去判断网站的可信度和可靠性。

一个网站的视觉营造的品质感，无疑会提升用户对于网站“可信”，和“专业”的评价。

于是觉得以前说的用户体验的层次：有用>能用>易用>想用，固然没错。

但是这是站在设计师和产品经理的角度去规划产品时的思路，在规划产品时，要遵循的思路，在做好看前，先确保你的产品确实是解决了需求，并且具备不错的可用性的。但是反过来，从用户的角度来讲，一个他根本连看都不想看，一看到就“跳出”的产品，我们怎么能让他去使用呢？

品牌口碑，有时是先天优势，即使不是，也不能急于求成。进入渠道，则需要更多公关、资源交换工作。

内容提供，作为设计师只能去影响合作方，但是无法成为主导，有时鞭长莫及。

但是信息设计和视觉设计，是网站设计师的责任。

如何提升网站的品质感，需要先想明白“品质感”到底会体现到什么方面，哪些细节，还有，就是作为设计师认为的品质感，是否就是目标人群所认同，网站其他合作伙伴所认同的。

下面这段时间，Heidi会挑选一些案例，好好去想想什么才是有品质感的，什么是没品质感的，并争取能够总结出来，班门弄斧一下，呼吁同样很关心这个话题并且有心得的朋友多多和我交流。
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
<< 前一篇：有故事的网页设计――Flash网站奇妙之旅
后一篇：2011年手机产品设计趋势（1）：精致实用的界面 >>
文章信息
© 2009 - 2024 by blogread.cn 微博：@IT技术博客大学习

京ICP备15002552号-1