趣谈产品的UI设计

上图：了解用户的态度和习惯—可用性测试

从整体色调上：
利用颜色的深浅控制用户的焦距

引导用户或是要告诉用户的重点部分用暖色调标出，尽量避免利用颜色凸显过多的元素，这样反而会让用户无所适从。

从视觉习惯上：
如下图，是一个典型的是用户的视觉习惯的模板：
我们会发现看第一张图的时候，我们的视觉会先盯住model，然后迅速的移动到红色物品，然后迅速的离开整张图，而我们真正想要让用户看到的东西却被忽略掉了；

而第二张图，我们同样也是先注视着model，但是用户的视觉会跟随model的目光，最后停留着左边的实物上。ok，我们的目的达到了。

唯一的区别是model的视线，第一幅是直视观众，第二幅则看向产品。

以下这张是视觉的热点图：

从用户行为习惯上：
关注图片，而非文字；
关注动画，而非图片；
关注人脸，而非全身；
关注简洁，而非复杂；（对于页面）
关注细腻，而非粗糙；（对于图标）

美国长期研究网站可用性的著名网站设计师杰柯柏•尼尔森（Jakob Nielsen）发表了一项《眼球轨迹的研究》报告。
报告中提出，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。分为最热（红色）、较热（×××）、不热（蓝色）和基本不关注（灰色）4种。

“F理论”能给我带来，就像我的博客，你会看到把“个人介绍栏目”放在页面的右侧，因为我想让用户们看到的是我的blog。而做论坛或是SNS，我们则要把“分类栏”放到左侧或是最顶端，因为我们想让用户看到的是这个网站能满足你什么样的需求。

所以时刻让用户“用的舒服一点”、“玩的爽一点”都是我们所要时刻关注的。

我们可以从其中一方面，来设计我们的产品，比如广告位的排版、比如改变用户行为等，引导用户操作，提升页面友好度等。以上都是很重要的参照。

用以上方法，改制用户的“审美疲劳”，增加用户的关注点和吸引度是非常关键的。

有什么好的想法，请留言吧。欢迎大家讨论。