这个网站好在哪？

作为一名设计师，每天会接触各种各样的网站，但是，如果领导走到你身后，突然问你一句，这个网站好在哪？你会怎么回答？

接下来，我将从价值、可用性、视觉设计等角度为你提供一份“参考答案”。

——

从价值角度

网站价值，要从，“利己”和“利他”两个角度分析。

利己，“己”指的是搭建网站的公司和最终使用网站的用户。网站的设计，是否达到了公司业务需求？目标用户需求是否得到满足？

另外，还可以通过了解该公司业务，比较你使用网站的第一感受，判断业务和设计目标是否匹配，体现了产品业务特点。

利他，“他“指的是正在看网页的你。当你点的每一个网站，都是带有目的，评估之前先问自己一句“我为什么点它？”因为内容还是功能吸引。

作为设计师，应该更近一步思考，为什么你被吸引？是否让你产生浏览的愉悦感？什么导致的？怎么做到的？以及，我可以学到什么？

总之，价值是评价一个网站好坏的第一个标准。需要从“利己”和“利他”两个角度分析，利己是对企业和用户是否产生价值；利他的判断标准是是否满足我们的目的，然后刨根问底的分析它怎么做到的。

——

 从可用性角度

可用性（Usability），也称之为易用性，是一种“以用户为中心”的设计概念，常用来评估一个产品的设计是否能够符合使用者习惯与需求的标准之一。著名的国际网页评分网站awwward.也将可用性作为评估网页的衡量之一。那可用性，具体包括了那些考量标准，我这里以维基百科为例：

可学习性 (Learnability)

效率 (Efficiency)

可记忆性（Memorability）

很少出现严重错误 (Errors)

满意度 (Satisfaction)

可学习性

第一次使用用户是否可以完成基本任务。换句话说，就是网站的信息架构设计是否与用户的心智模型一致。还有内容的分类、命名是否没有歧义，易于理解。

效率

网站熟练用户的任务完成速度。但是，我认为不仅如此，效率对于每个用户都是至关重要的，在执行任务过程，网站的内容排布是否易于扫描，反馈与帮助是否及时、有用，都是衡量效率可以考虑的。通俗点讲，就是你完成任务是否顺畅。

可记忆性

更多是对视觉和交互设计上的一致性考量。学习之后，经验的复用性。

很少出现严重错误

个人理解可以分为“错误概率”和“错误处理”。《设计心理学》中，分析出错问题，需要区分“失误”还是“错误”。失误对应错误处理，人为错误，如用户注意力不集中删错东西，对应的产品是否可以提供撤回功能。而错误，是错误概率，即设计错误，是否是设计的不合理导致用户操作不当。

满意度

是用户使用后对产品的评价，行业的通俗做法是收集用户的NPS（净推荐值），即在用户使用产品后，让用户为产品打分，他有多愿意推荐这款产品给他的朋友。

 —— 

 从视觉设计角度

视觉角度，是最直观的评估方式，但是作为设计师只是回复一句“好看”，是远远不够的。接下来，介绍两个视觉上评估网站的角度，分别是“设计原则”和“设计元素”。

设计原则

能够在宏观上帮助我们理解网站上线条，形状，颜色，网格或空间等设计元素如何共同创造最终的视觉体验。

评估网页视觉设计的五条原则：

比例（Scale）

视觉层级（Visual hierarchy）

平衡（Balance）

对比（Contrast）

格式塔（Gestalt）

比例

指使用相对大小来表现内容间的重要性和层级。这个原则背后的原理很简单，就是重要元素要比次要元素大，就是更大的展现面积，代表着更有可能被首先看到。但是需要注意的是，一个页面上不易出现过多的尺寸比例，通常建议不超过三种尺寸在一个页面上。

视觉层级

良好的视觉层次，代表用户可以轻松理解网站上信息的布局，是引导用户眼睛的“指路人”。它会通过设计元素的比例、间距、颜色、位置等变化来实现。

平衡

像一个跷跷板，把上面的“小孩子”换成设计元素。回忆一下，在你欣赏插画时，是否留意到，除了画面的核心主体外，画面的周围还会有很多点缀，它们可能是小灯笼、花瓣、一个路人，甚至大量的留白，这都是为画面的平衡而设计。在网页设计，就是对排版和布局，细心留意一下页面上的内容布局，是中心对称，非中心对称，还是放射性对称，最终整个排版是否呈现一种视觉平衡感。

对比

常用设计手法，用于让部分内容脱颖而出。大家都很熟悉，我就不再赘述。

格式塔

是心理学家在20世纪初确立的一组原则，研究人类如何理解图像。格式塔原则包括：接近性、相似性、连续性、封闭性、对称性、主体/背景、共同命运。

设计元素

因为每个人都有自己的审美，所以制定一个评价的基准尤为重要。建议以设计元素是否满足企业目标和用户需求为基准。

风格上，是否与公司品牌一致？是否适合目标用户？配图上，是否有效的传递信息？图片是否清晰？字体排印上，字体选择是否合适？行距是否易于阅读？配色上，是否有良好的区分度等。将视觉元素与是否满足企业目标和用户需求作为考量，评估其设计的质量。

——

 从更多角度  

内容策略角度

内容的有用性和可读性。内容是用户来网站的目的，用户讨厌无用、低效的内容。可读性，是内容的传达，视觉呈现上是否易于阅读，信息层级是否清晰，内容易于扫读。

竞争分析角度

评估网站，还有一个直观的方法，就是竞品比较。查看网站竞争对手展现的信息和功能，直接通过使用对比，体验的优劣。

——

 总结  

老板说，你觉得这个网站设计的怎样？“

我说，这个网站设计的非常棒，这个结论是从价值、可用性和视觉设计三个角度考虑的。

价值上，它的公司是卖XX服务的，用户大概是XX人群，而网页设计上很好的展现了这些信息/功能。另外，对我们也有很多帮助，内容展现形式和动画，非常的直观有效，可以学习一下。

可用性上，易于学习、效率高、知识复用性强、错误少且出错提示及时、个人使用满意度高。

视觉设计上，符合设计原则，视觉元素使用符合其公司的目标和用户需求。

最终，得出结论，这个网页很棒！

老板说，分析的不错，升职加薪，你来做个分享会吧！🙈🙉🙊

欢迎关注公众号：设计系求生指南