一般人对於企业产品的预期，可能仅停留在功能要强大，信息要安全，能够帮助企业提高工作效率。但今时已不同往日，除此以外，人们开始更注重产品的用户体验。那么，在面对企业产品的界面设计上，有什么方法可以提升用户体验呢？

接下来，蓝蓝设计为大家带来一些国内外的优秀案例以及一些设计Web App时的思考方向。

Web App 设计要点

1. 配色

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

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

随着互联网信息爆炸式增长，用户浏览单个网页时，并不像我们想象的如阅读文章般从左到右、从上倒下逐一查看，那么朋友们和蓝蓝设计一起了解如何在设计中建立良好的视觉层级！

一、 视觉层级为什么重要

左侧是设计师期望用户的浏览方式，右侧为用户实际的浏览方式—摘自《Don’t make me think》

用户来到一个网站有他自己特定的目标，如阅读新闻、购物、查看新消息，然而信息量太大，逐一查看需要大量时间，这就要求网站设计能抓住主流用户特征，将重点推送给他，用户找到自己的目标或感兴趣的点，才有可能继续浏览或产生下一步动作，否则就会离开。

创建一个成功的网站究竟该做些什么

近年来，网站摇身一变成为了更好的交流场所和绝佳的信息来源地。Boss们不仅想让网站品牌化，同时也希望游客能在浏览时找到有价值的信息。SO，如果一个网站不能提供精准且广泛的信息给目标顾客，顾客们就会转而去其他的网站。
网站设计的另一个目的在于让生活更便利，让工作更快捷。它通过放大双向沟通的方式，让游客对此留下深刻印象，从而产生依赖心理，并愿意长久的通过网站的查询方式来联系业务和订票等。这样一来，方便顾客这一目标就达到了。除此之外，网站还可以有效的节省你的时间，帮助你迅速增加用户基础以及让一些进程自动化。
前面提到的网站优点都只是抱砖引玉，网站真正的目的在于——最终能给顾客带去价值。这些价值除了鼓励顾客通过网站相互交流，并参与到商务处理流程中，还应该提供更好评定信息、规避长久的等待阵列、授与顾客权利去挖掘更广泛的产品和服务信息等。
蓝蓝设计主要是向你阐述，创建一个成功的网站究竟该做些什么。

Step.1 写一份网站说明书

写一份切实可行的网站说明书是创建一个专业网站所不可缺少的，它是最关键的文件之一，能助企业挖掘出优先考虑事项、明晰企业责任和树立企业品牌形象。必要的计划和精准的信息对一份网站说明书来讲是最重要的。但是当下，成功的寻找到有力的营销方法和持久最佳努力的前提是 —— 你有策划一个缜密计划的能力吗？
一份优秀的网站说明书要涵盖： 企业的预算、因不能及时交付产品而延误的时间、可交付产品、知识产权、网站的目的、网站的体系结构、域名、网站使用的编程语言。除此之外，以下几点是绝对不可缺少的：

1.创建这份文件的意图

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

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

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

所有网站设计，无论是官方、电子商务、社会化网络还是个人站点，都应该设计一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站。

蓝蓝设计：这是一篇老文章，不过写得还算实用，大家可以了解一下界面设计思路

一、为什么要有“关于”页面

不要让用户思考！

1、向浏览者传达本站的价值，留住用户
2、始终提醒自己站点的主旨，不要跑题

二、起什么名

“关于”页面存在的目的就是尽快让浏览者找到网站的方向，或者作为进一步补充，比如陈列相比竞争对手而言，自己的优势和特色。所以名字越简单、越朴 素就越好。

典型的门户的名字比较传统，因为它们无人不晓。比如网易的“公司简介”，谷歌的“Google大全”。

大众、平易近人的网站往往都称呼为“关于我们”，比如嘀咕、phpChina；“关于+网站名称”的类型也不在少数，比如豆瓣和支付宝。

个人站点比较简约，两个字搞定：“关于”。人人网等很多社会化网络站点也是如此。

多数国外站点同上，比如“about Flickr”、“about us”、“about”。

三、放在哪里

标题、标识、内容或知名度非常强的网站放在页脚。
这些类型的网站要么你们熟知，要么一眼就能看出它讲的是什么。比如新浪微博，淘宝。

小站点，比如个人站点、博客，或者全新的网站，有必要显性地“通告”浏览者本站的导向和意图（以期靠好奇心留住访客），放在页首。

PMCaff成立不久，导航干净明晰。如图01

我们都想拥有很棒的网站的界面设计，想让其他人在看到我们的网站时眼前一亮。 如果他们喜欢的话，还会再次点击浏览或者分享给他的朋友们。这就是好网站的魅力所在！

我们不但要会运用HTML5，CSS3和其他复杂的语言，也应该会利用基础技巧打造自己的网站。我敢说很多网页设计者或开发者都难以解决CSS3语言无法在IE浏览器中像在其他浏览器一样正常显示的问题。
这是个严肃的问题。如果网页无法显示，那还有什么意义呢？谁想要一直花时间解决错误漏洞呢？如果你的客户没有一笔很大的预算，但你还是想做出很棒的网页来，该怎么办？

你要学会打造一个简单的网站，同时又能保证浏览量。这有很多可以实现的方法。蓝蓝设计以下的几点都可以为建成基础又美观的网站助你一臂之力。

1. 巧用动画

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

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

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

更多留白/负空间

产品设计的原则有点太泛哈，蓝蓝设计这里想结合自己的工作心得来小结一下手机无线设计8原则：

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

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

#左边界面#：大众点评新版的价格的搜索就比之前改得更符合用户心里模型；

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

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

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

结合到网站设计中：

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

2.网站访问者读宽屏文字更快，但他们喜欢短屏文字。

听起来有些矛盾对么？根据Mary C. Dyson的“文章屏幕的宽度如何影响读者心理”，这一实验，人们之所以喜欢看宽度较窄的文章是因为那看起来更舒服一些，可读性更高。因为刚开始阅读，读 者对文章的内容是不了解的，当他们读了几行之后，他们可能会愿意读些宽屏的文字，因为他们能读得更快。

关于登陆估计大家每天使用的都很频繁了，每次上网都会习惯性登陆下微博，淘宝，邮箱，空间等，在每天进进出出无数门户的时候有谁又曾在密码不错误的情况下停留在WEB登陆页面是的界面设计看一眼呢？下面蓝蓝设计就和朋友们就谈谈这道不起眼的门。

从公共平台的角度看

用户活跃度是检验产品成功与否的重要指标之一，传统行业的商家极为重视门面的装潢，因为一个好的门面可以聚集人气，招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究，有一定的风水学说道理，更能彰显主人家的身份地位.由此可见，“门面’就如人的脸面之于人的形象一样重要，而WEB的登录页面就相当传统的“门面”。

从个人博客的角度看

个人登陆页面一般只有自己会用到，所以别人基本是看不到的，但也不排除像我一样无聊什么都好奇的人存在，什么都想看看，什么都想改改的。那么个人登陆页面的设计就完全是抒发个人情感，体现自身个性的一个地方，你完全不需要在乎它的交互是否友好等问题。你的地盘你做主。

各大网站的WEB登陆

现在越来越多的大型网站把登录和首页放在一起设计，由此可见登录页面的重要性，一个出彩的登录界面，将提升产品的品质，赋予产品独特的气质，登录界面也是一个发挥情感化设计，提升用户体验，拉近与用户之间距离的兵家必争之地，本文不谈趋势，不讲交互大道理，不涉及技术，就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。