在产品设计中，产品界面、使用情景、用户操作等都会影响用户对产品的体验。因此我们在界面设计的过程中应遵循一定的原则，避免UI设计者片面的根据自己主观认识对产品做出抉择。蓝蓝设计收集到的产品设计的八个原则！

原则1：用户界面应该是基于用户的心里模型，而不是基于工程实现模型

就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式。其实这一点是UI设计师把生活中的细节和数据结合的凝聚点，用户的心理模型抓的越准，界面就会越优秀。

通过与设计者进行接触，蓝蓝设计兴奋地了解到这项设计的 成功之处，其中四个最基本的成功要素如下：

一、首页越长越好，绝不允许广告出现

Brand42首先介绍了传统的网站设计对显著位置和不显著位置的处理，以及很多新闻网站采取的UI设计模式。他们介绍说，Mail Online的首页很长，甚至需要向下滚动很长才能看到全部内容。这里采取的界面设计模式就是越多越好，也就是在首页放置尽可能多的内容。Brand42另一 个与众不同的举措就是在首页去除所有广告，而在网站其他页面上投放加倍的广告量。

二、就像一个没有尽头的迷宫

Mail Online上每篇报道的侧边栏平均有70篇报道，每个报道都配有自己的图片。当读者阅读一篇报道时，侧边栏的花絮新闻就好像一个个锚将读者吸引到另一篇 报道。“我们创造了一种独具特色的信息结构，为读者提供更多的接入口和信息渠道。”Brand42团队写道。侧边栏的大小及比例通过视线追踪技术反复测 试，使得设计团队能够依照读者的平均阅读速度设计。根据这些数据， Brand42还创建了追求搜索引擎最优化的模板，借助这些模板，编辑们可以方便发布链接，预防死链接的出现。当前，Mail Online超过一半的页面阅读量并非来自主页，但是通过网页间的交叉点击获得。

我想每个人都会赞成，网站的可用性是它能否受欢迎的一个重要方面，无论你进行的是公司网站、在线商店还是其他，让你的界面变得容易操控，使用时令人舒服是关键，近几年已经有很多针对网站界面优化的研究，而且这些研究的成果对于提高网站可用性是非常有价值的。现在蓝蓝设计这里有10个超实用的经验分享，相信我，这些建议会极大地提高你那个网站的用户体验，让用户爱上你的网站设计！

一、善用人物配图，使用户专注于你想呈现的

当进入你的网站，我们会本能地关注网站上人物图片中的脸和眼睛，这倒是为我们提供了一个想法，是不是可以用人物配图吸引小伙伴的注意力呢？当然，但这仅是第一步，我们还可以这样做，你瞧，是不是大不相同！（见下图）

这是第一步：

在最初的一次网站设计可用性测试实验中，我遇见了一位和蔼可亲的老大妈，她从来没用过鼠标。在测试过程中，她一直用手比划着，一边对着屏幕在空气中比划，一边对着光标说着建议的话。在测试最后，我当然没有得到任何结果，但是她坚持认为我是一个“可爱的男孩”，并且应该认识一下她的孙女。很快地，我学习到了如何设置实验者招募的核心标准。

如果你之前做过一个可用性测试，你就会知道这个不是看起来那么容易的。虽然这不是火箭科学，但其中也包含一些举足轻重的复杂性。在这篇文章里，我会分享一些我学到的关于如何帮助你避免你的可用性测试者在测试时最后进入一个令人泄气的结果的课程。

在我事业开始的第一年里有非常多我本可以学习的可贵的经验，并且我认为在错误中学习是学习的最好方法，我们并不是总有机会去失败。这里有一些蓝蓝设计学习道路上的小技巧，可以帮助你快速提升可用性测试的技巧并且避免一些陷阱。

设计你的可用性测试脚本来回答具体的研究问题

当我们开始一个新的可用性测试时，不要迟疑，你所要做的就是挑选出网站的主要区域，然后让用户完成那些测试。在这个过程中你会发现一些有用的见解，但是也许当你呈现出这些发现时，你因为无法回答网站盈利者提出的问题而被围得团团转，你也别因此而惊讶。

作为一名UI设计师，每年都会沉浸在一些新的界面设计趋势中兴奋不已。接下来，我们将探寻2014年的设计趋势，这绝对是意义非凡的事情。Web设计师必须洞悉所有相关领域的新趋势，紧跟时尚潮流。

这些新趋势让设计变得妙趣横生。但是很多专家还会倡导那些并非最时髦、最震撼世界的设计。当然，响应式设计不仅去年是热点，今年依然还会被人们重视。同样，栅格化设计作为最基本的设计，也会被继续延续下去。

这次，蓝蓝设计想探索一下那些逐渐发展起来的设计潮流。也许过去我们只是偶尔尝试一下这些界面设计风格，但是今年我们会真正关注它们。

更多留白/负空间

一般人对於企业产品的预期，可能仅停留在功能要强大，信息要安全，能够帮助企业提高工作效率。但今时已不同往日，除此以外，人们开始更注重产品的用户体验。那么，在面对企业产品的界面设计上，有什么方法可以提升用户体验呢？接下来，蓝蓝设计为大家带来一些国内外的优秀案例以及一些设计Web App时的思考方向。

Web App 设计要点

1. 配色

颜色作为UI设计师传达情感的主要元素之一。一个明确的品牌颜色，对信任度，认知度都会有大大的提升。颜色除了能为界面提升美感，也能作为功能上的辅助。在普遍页面信息量大的企业产品中，往往一个有颜色的按钮就很容易吸引用户的视觉焦点。

Lovely是Dribbble大神Kerem Suer设计的Web App。橙色主，蓝色辅助，淡灰色为底色。这个配色既色彩鲜明，淡淡的感觉更让人长时间使用也不觉累。整体感觉和谐舒服，简洁耐看。

网上挤满了各种各样的UI设计方案，事实上我们已经有一套套的方案可遵循。但！界面设计永无止境！哪怕是一个注册表单，也值得再细心研究。下面蓝蓝设计给出注册表单设计5个小技巧：

1、别让用户重复填写相同的内容

几乎每个人都经历过这样一个事实：注册时被要求填写邮箱地址两次或重复输入密码。但是这其实是没有必要的。仅填写一次，因为用户一般都记得自己常用的邮箱地址和密码。假设哪天用户忘记密码了可以通过邮箱找回，再多此一举填写两次反而更加容易导致用户流失。

关注人类心理学的一些研究是非常有意义的。通过对人类心理的推敲，我们讨论人社会心理，这能够帮助创业公司开拓市场，因 为受欢迎的内容和大众心理有着最直接的关系。问题的关键是，很多心理学对于网站设计者有着很强的启发性。心理学帮助网站开发者看清人们的思维如何运作。今天，蓝蓝设计和大家分享几条对网站设计师非常有益的建议。

1.太多的选择等于没有选择。

根据Sheeya Iyengar教授的心理学研究，我们能够洞察人们处理多重选择时的心理变化。“选择就是放弃”，Iyengar教授，《选择的艺术》的作者这样总结说。 社会心理学发现，当人们面多过多选择的时候，他们的表现非常相似：他们不会做任何选择。这就是所谓的“安全选择”。

结合到网站设计中：

太多需要用户去点击的东西，会让人觉得混乱。就拿我自己的网站来说，当我把两侧的工具栏撤掉一半之后，注册的用户大大增加。思考你的网站最终、最核心的目的，关注集中一点，删掉无关紧要的点缀和内容，直到你的内容只剩下最本质最重要的内容，这样你的用户才愿意呆在这里。

你浏览一款网站时，一般会迅速的对网站设计的外观和使用感受做个评判，整体的界面设计风格是第一印象，能否引导用户继续阅读取决于此。

金玉其外败絮其中必然无法长久，功能性也是重要考量。推荐您也好好学习《网站用户体验的76个要点》
好的用户体验不仅仅关乎到功能性和设计美学，还需要考虑很多因素，和蓝蓝设计一起来看一下吧。

一致性

最重要的交互元素一定要友好，并且风格一致。

尽管在设计一款网站时，我们可以融入很多创新点和美学风格，但是一些经常使用、且重要的元素，风格一定要一致，比如按钮、链接、导航栏、表单等等。我建议可以多浏览一些电商网站，他们在这一点上做的就很棒，他们通常有很多的产品页面，但是整体体验却相差不大，我们可以看看优衣库的网站。

随着互联网的高速发展，各种各样的网站层出不穷。在这样的环境下，用户是如何在浩瀚的互联网海洋中快速挑选网站的呢？网页UI设计师又如何能让自己的网站设计在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢？本文作者向用户介绍了一种简单的页面布局方式——分割布局，这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。

作为网页设计师，我们可以参考的界面设计范例和布局原则有很多，比如说：栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式，将页面两等分。

虽然在一开始听起来有点傻，但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时，我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样，那么他/她就会很专注（或者说尝试着专注）。但由于初来你网站90%的用户都不会很仔细的去关注你的页面，因此让你的设计“浏览起来友好”肯定会获得不错回报哦！