什么决定了网站的品质感（一）
- 盛开 - 所有文章 - UCD大社区[前言]视觉设计不是我的专业也不是我的擅长，但是最近受工作影响，总是在思考这个话题. 索性做一番探索，看看究竟影响一个网站品质感的因素究竟是什么，尤其是希望能够做一些可行性的指导方案. 因为品质感能够通过提升用户对于一个网站可信度和可靠性的评价，从而让他产生良好的第一印象，初始信任感. 就好像，两个相亲的人，见面10秒钟的第一印象.
什么决定了网站的品质感（一）
标签：
网站
品质
| 发表时间：2011-01-18 09:07 | 作者：Heidi格物志 盛开
出处：http://ucdchina.com/rss/all
[前言]视觉设计不是我的专业也不是我的擅长，但是最近受工作影响，总是在思考这个话题。索性做一番探索，看看究竟影响一个网站品质感的因素究竟是什么，尤其是希望能够做一些可行性的指导方案。
品质感为何重要？
因为品质感能够通过提升用户对于一个网站可信度和可靠性的评价，从而让他产生良好的第一印象，初始信任感。
就好像，两个相亲的人，见面10秒钟的第一印象。
用户不懂用户体验，用户不懂色彩层次，甚至连品质感都不是用户直接关心的，但是用户会凭借第一印象去评判一个网站：
1. 这个网站是做什么的？
2. 这个网站是否可信？
3. 这个网站是否专业？
这第一印象，可能只需要几秒钟，用户就可以下初步的判断：这个网站到底安全不安全，可靠不可靠，我该不该继续尝试？
仅仅几秒钟，用户肯定还来不及去看“关于我们”的长篇大论，用户也没来得及通过搜索、购买、注册去体验多么轻松易用的交互流程。
仅仅几秒钟，会是什么影响了用户的抉择呢？
所有影响他的去留决策的因素，都是需要在几秒钟就起到作用的，是什么？设计师先靠边站一会。
- 品牌和口碑——你可以做得视觉很烂，但是你如果有足够的知名度，比如用户是在央视广告上看到你们网站的广告的，那么也行，或许他们也能多留一会。
- 进入渠道——用户可能是通过别的知名网站来的，比如淘宝旗下的某某网站，新浪的重要合作伙伴等等，虽然此网站本身知名度和品牌欠缺，但是借助这些来源和“亲戚”，也能够影响用户决策。
- 内容，也就是底料——几秒钟，用户可以通过快速的浏览和扫描，判断这个网站是做什么的，和他的需求是否符合。所有出现的大标题，加重的字，呈现的商品图片以及价格等，都能够帮助用户做判断。
所以，在有些公司，可能会有内容策略师以及品牌策略师等角色来进行网站栏目、版块的内容规划。交互设计师有时只是配合角色。
设计师请出场，这里包括交互设计师（有些公司可能会是网站策划人员，也有可能直接由视觉设计师配合内容提供方完成）
- 信息设计（Information design）——交互设计师必须得知道内容和底料如何去进行排版、布局、优先级引导处理，好提高用户做初判的效率，把真正网站方想传达的核心价值能够直接有效传达给用户，为此，交互设计师需要充分了解内容和网站定位，目标受众，需要充分与内容提供方通力合作——当然，配套的视觉必须得有同样的理解能力，才能够真正发挥作用。
- 视觉设计（Visual Design）——配色、质感、图文、视觉细节，没有什么比视觉对第一眼的判断更加给力了。网站是做什么的以及可信感，固然和信息设计（Information）有莫大的关系，但是归根结底最终呈现给用户的，是一种整体印象，而视觉设计要为这个整体印象担负更多责任。
当然还有其他因素也很重要，比如稳定性——用户不能一点击就冒出404出错页面，页面上的功能都要测试可用等，但是这仍然是建立在用户发生交互的情况下，很多时侯，第一印象不好的用户，也许连一次点击都没有就走了。
若一个网站做得颜色乱七八糟，Button就有多种质感和颜色，那么用户根本无法去看网站好用不好用，因为凭借第一印象的判断，就会觉得这个网站没有用心去做，不够专业，进而不够可信，就直接流失。
以前的公式：有用>易用>想用，似乎是把视觉和界面设计的层级放到了优先级较低的层级。
但是在很多案例中，用户必须先被留下来，才能够去判断“有没有用，好不好用”。视觉反而成了前置条件。
用户不会去挑剔颜色，用户不会认为字体不够好看，但是他会朦胧中通过第一视觉印象，去判断网站的可信度和可靠性。
一个网站的视觉营造的品质感，无疑会提升用户对于网站“可信”，和“专业”的评价。
于是觉得以前说的用户体验的层次：有用>能用>易用>想用，固然没错。
但是这是站在设计师和产品经理的角度去规划产品时的思路，在规划产品时，要遵循的思路，在做好看前，先确保你的产品确实是解决了需求，并且具备不错的可用性的。但是反过来，从用户的角度来讲，一个他根本连看都不想看，一看到就“跳出”的产品，我们怎么能让他去使用呢？
品牌口碑，有时是先天优势，即使不是，也不能急于求成。进入渠道，则需要更多公关、资源交换工作。
内容提供，作为设计师只能去影响合作方，但是无法成为主导，有时鞭长莫及。
但是信息设计和视觉设计，是网站设计师的责任。
如何提升网站的品质感，需要先想明白“品质感”到底会体现到什么方面，哪些细节，还有，就是作为设计师认为的品质感，是否就是目标人群所认同，网站其他合作伙伴所认同的。
下面这段时间，Heidi会挑选一些案例，好好去想想什么才是有品质感的，什么是没品质感的，并争取能够总结出来，班门弄斧一下，呼吁同样很关心这个话题并且有心得的朋友多多和我交流。
相关 [网站 品质] 推荐：
教你快速构建一个美观且高品质的网站
- - 优设(UISDC)快速构建一个美观且高品质的网站是所有设计师和开发者梦寐以求的事，一提到这，各位头脑中的首选想必是Bootstrap吧. Bootstrap是个令人振奋的前端框架（中文站点： http://www.bootcss.com/），它提供了丰富的元素和组件，并使得形式和功能结合得很好. 今天，我们独家发布一个免费的惊喜好礼，送给WRD（webresourcesdepot）的读者们 ：这是由热门模板市场 FlashMint设计的 基于Bootstrap框架的免费模板： Bootstrapper，包含了HTML5-CSS3和PSD源文件.
关于产品质量
- 茫茫 - 弯曲评论记得去年某天曾去1号楼机房参观T系列存储系统的硬件，由于前期知道T系列的IO接口卡均可热插拔，而这在中端存储产品里是没有其他友商可以做到的. 抱着好奇的心态，我就反复尝试了一下，可以任意插拔IO接口卡而不影响业务，效果非常好. 为了进一步验证T系列的可靠性，我直接拔出了正在运行的双控中的一个控制器，此时主机端正在从阵列中拷出一个大文件，拔出控制器之后，拷贝出错终断了，这个也是可以理解的，毕竟操作系统自带的拷贝是写死的，超时值不可调.
“品质在于构建过程”吗？
- ndv - 酷壳 - CoolShell.cn今天在微博上看到几位敏捷爱好者（本着讨论问题的态度故隐其名）探讨敏捷测试和质量保证问题，我忍不住也加入了讨论：. Z先生原帖：我刚才看到一个大会演讲稿，谈到敏捷测试六大指导原则：1.仅靠测试人员不可能获得高质量的软件，质量是整个研发团队的责任；2. 场景是不可穷举的，测试活动必须是风险驱动的，关注于高风险的场景；3.分层自动化测试是唯一出路;4.在正确的位置进行恰当的测试是自动化的关键；【待续】.
从细节看新房的品质
- - flow with the life很多买新房的人容易被model home（样板房）里的装饰和摆设所蒙蔽. Model home的套路基本上就是摆上一套像样一点的家具，放两块靠枕，放些瓶瓶罐罐，插点花花草草，墙上挂点画，再搞点灯光窗帘什么的. 无论房子本身品质如何，这么一搞，都会看上去很赞的样子，让人很有购买的冲动. 这时候需要做的是冷静一下，通过观察房子的一些细节来了解房子的品质；或者当遇到两套价格地段都差不多的房子，可以通过下面这些方面来判断哪套房子的builder更给力.
谈如何提高产品质量
- - CSDN博客综合推荐文章 最近，我们的产品上线了，上线之后，稳定是最重要的，但是，出现了几次bug，都是不应该犯的错误，所以，避免bug特别是重大bug出现，提高产品质量，非常迫切. 为此，我花了几天时间，翻一些资料来系统地学习，此文是学习的总结. 产品开发过程：需求分析、设计、编码、单元测试、集成测试、功能测试、Beta测试和发布.
网站推荐：IFTTT（if this then that）
- 小皮球香蕉梨 - 有意思吧这是一个神奇的网站，比某电视上天天放的那个广告要神奇许多. 就像它的域名 ifttt.com 一样，虽然丑却十分个性. 昨天晚上，ifttt.com 在 Twitter 被瞬间引爆，每个被邀请的人都会再拥有5个邀请名额，源源不断的邀请让 Geek 很兴奋. 那么，ifttt 到底是什么呢. 这是一个条件触发网站，当 A 条件触发时，自动激发 B 条件发生.
Facebook 网站架构
- - idea's blog我收集到一些文章和视频, 可以带你窥探 Facebook 的架构. Facebook 承载了几十亿的用户, 它的架构(包括思想和实现)是非常值得参考的. 当然, 你要小心不要照搬 Facebook 的每一字一句, 因为任何思想和实现都是有自己的应用场景的.. Google Talk 界面开发分析. 使用Python POST任意的HTTP数据以及使用Cookie.
卡诺模型—设计品质与设计价值的思考
- 盛开 - 所有文章 - UCD大社区对于设计的结果，我们总是希望看到亮点，品质，细节，等等. 但是这些考量的点混合在一起，让设计师在执行设计工作的时候很难针对每一个设计进行核实考虑. 我想分享给大家的是，对于产品中不同类型的品质，其所要达到的目的是不同的，设计的终点也是不同的，只有在合适的位置用对力，才能塑造出优秀的设计. 同时也能发现，其实我们的工作很多时间是在默默的做设计，绝大多数工作并不是每个都是那么重要和耀眼，但是却是必须和紧要的.
51组高品质的免费背景纹理包下载
- 罗磊 - 创意悠悠花园有时候更新一些字体素材的时候，有人不要字体素材却想要图片上的背景，那今天就分享：51组高品质的免费背景纹理包下载，希望其中有你喜欢或者需要的. Read the rest of 51组高品质的免费背景纹理包下载 (190 words). © emilo for 创意悠悠花园, 2011. Post tags: 下载, 免费, 背景纹理, 高品质.