IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

什么决定了网站的品质感(一)

Heidi格物志 2011-01-16 22:33:05 累计浏览 2,574 次
本机暂存
[前言]视觉设计不是我的专业也不是我的擅长,但是最近受工作影响,总是在思考这个话题。索性做一番探索,看看究竟影响一个网站品质感的因素究竟是什么,尤其是希望能够做一些可行性的指导方案。
品质感为何重要?
因为品质感能够通过提升用户对于一个网站可信度和可靠性的评价,从而让他产生良好的第一印象,初始信任感。
就好像,两个相亲的人,见面10秒钟的第一印象。
用户不懂用户体验,用户不懂色彩层次,甚至连品质感都不是用户直接关心的,但是用户会凭借第一印象去评判一个网站:
1. 这个网站是做什么的?
2. 这个网站是否可信?
3. 这个网站是否专业?
这第一印象,可能只需要几秒钟,用户就可以下初步的判断:这个网站到底安全不安全,可靠不可靠,我该不该继续尝试?
仅仅几秒钟,用户肯定还来不及去看“关于我们”的长篇大论,用户也没来得及通过搜索、购买、注册去体验多么轻松易用的交互流程。
仅仅几秒钟,会是什么影响了用户的抉择呢?
所有影响他的去留决策的因素,都是需要在几秒钟就起到作用的,是什么?设计师先靠边站一会。
  • 品牌和口碑――你可以做得视觉很烂,但是你如果有足够的知名度,比如用户是在央视广告上看到你们网站的广告的,那么也行,或许他们也能多留一会。
  • 进入渠道――用户可能是通过别的知名网站来的,比如淘宝旗下的某某网站,新浪的重要合作伙伴等等,虽然此网站本身知名度和品牌欠缺,但是借助这些来源和“亲戚”,也能够影响用户决策。
  • 内容,也就是底料――几秒钟,用户可以通过快速的浏览和扫描,判断这个网站是做什么的,和他的需求是否符合。所有出现的大标题,加重的字,呈现的商品图片以及价格等,都能够帮助用户做判断。
所以,在有些公司,可能会有内容策略师以及品牌策略师等角色来进行网站栏目、版块的内容规划。交互设计师有时只是配合角色。
设计师请出场,这里包括交互设计师(有些公司可能会是网站策划人员,也有可能直接由视觉设计师配合内容提供方完成)
  • 信息设计(Information design)――交互设计师必须得知道内容和底料如何去进行排版、布局、优先级引导处理,好提高用户做初判的效率,把真正网站方想传达的核心价值能够直接有效传达给用户,为此,交互设计师需要充分了解内容和网站定位,目标受众,需要充分与内容提供方通力合作――当然,配套的视觉必须得有同样的理解能力,才能够真正发挥作用。
  • 视觉设计(Visual Design)――配色、质感、图文、视觉细节,没有什么比视觉对第一眼的判断更加给力了。网站是做什么的以及可信感,固然和信息设计(Information)有莫大的关系,但是归根结底最终呈现给用户的,是一种整体印象,而视觉设计要为这个整体印象担负更多责任。

当然还有其他因素也很重要,比如稳定性――用户不能一点击就冒出404出错页面,页面上的功能都要测试可用等,但是这仍然是建立在用户发生交互的情况下,很多时侯,第一印象不好的用户,也许连一次点击都没有就走了。
若一个网站做得颜色乱七八糟,Button就有多种质感和颜色,那么用户根本无法去看网站好用不好用,因为凭借第一印象的判断,就会觉得这个网站没有用心去做,不够专业,进而不够可信,就直接流失。
以前的公式:有用>易用>想用,似乎是把视觉和界面设计的层级放到了优先级较低的层级。
但是在很多案例中,用户必须先被留下来,才能够去判断“有没有用,好不好用”。视觉反而成了前置条件。
用户不会去挑剔颜色,用户不会认为字体不够好看,但是他会朦胧中通过第一视觉印象,去判断网站的可信度和可靠性。
一个网站的视觉营造的品质感,无疑会提升用户对于网站“可信”,和“专业”的评价。
于是觉得以前说的用户体验的层次:有用>能用>易用>想用,固然没错。
但是这是站在设计师和产品经理的角度去规划产品时的思路,在规划产品时,要遵循的思路,在做好看前,先确保你的产品确实是解决了需求,并且具备不错的可用性的。但是反过来,从用户的角度来讲,一个他根本连看都不想看,一看到就“跳出”的产品,我们怎么能让他去使用呢?
品牌口碑,有时是先天优势,即使不是,也不能急于求成。进入渠道,则需要更多公关、资源交换工作。
内容提供,作为设计师只能去影响合作方,但是无法成为主导,有时鞭长莫及。
但是信息设计和视觉设计,是网站设计师的责任。
如何提升网站的品质感,需要先想明白“品质感”到底会体现到什么方面,哪些细节,还有,就是作为设计师认为的品质感,是否就是目标人群所认同,网站其他合作伙伴所认同的。
下面这段时间,Heidi会挑选一些案例,好好去想想什么才是有品质感的,什么是没品质感的,并争取能够总结出来,班门弄斧一下,呼吁同样很关心这个话题并且有心得的朋友多多和我交流。

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,527)
  3. 网易微博平面视觉项目执行 (累计阅读 10,034)
  4. sns视觉设计分享 (累计阅读 9,523)
  5. 图书馆的世界纪录 (累计阅读 9,506)
  6. 网站导航设计的6大分类 (累计阅读 9,298)
  7. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,199)
  8. 概念视觉设计 (累计阅读 5,825)
  9. 2011年手机产品设计趋势(1):精致实用的界面 (累计阅读 5,523)
  10. Android设计中的.9.png (累计阅读 5,040)