当我们在设计一个web应用程序时，功能往往是要首先考虑的，在大多数情况下这是一件好事。

大部分人在使用的应用程序，是因为它们是有用的，而不是因为它们看起来很漂亮，但是这并不意味着你可以忽略好的UI设计，一个好的UI可以增加用户对应用程序的满意度。

用户不只是在看你网站，他们的互动方式有时是你没有想到的，这是至关重要的。在对一个Web应用程序的UI设计着手之前你得去花时间真正的探索。

下面是一些UI设计的原则和理念：

1.一致性是至关重要的
在设计UI中，功能与界面的一致性是至关重要的。如果用户所期望的某些东西，因为在使用你的应用程序时，从一个页面到另一个页面的风格发生了变化，这会让用户很困惑。
例如：你的应用程序主页的导航栏，需要确保导航栏在其他的后续页面中出现，而它的链接地址、顺序、配色方案和总体的布局显示都是要保持一致的。

2.用户也是会犯错误的
不管你多么仔细的设计自己的UI是如何的直观，用户还是会犯错误的。有时只是因为用户无意中的点击，用户不是故意的，这是因为用户没真正关注自己在做什么。
在这种情况下用户需要可以轻易的恢复或撤销前面错误的决定。
你会发现在一些web应用程序中，如gmail，google doc 在你做出一些操作或动作之后会出现一个撤销链接作为最后的动作。在其他的应用程序中都会有一个撤销菜单。好的web应用程序也应该能够对一些操作进行撤销。

3.突出显示内容
在一个web应用程序中修改是很常用的，如果你能突出用户修改的变化，这对用户将会非常有用。
例如：现在的微薄每当有新的消息时就会以高亮显示来提醒用户，这对用户是个很有用的功能。我们可以有许多方法去突出显示内容，如图标，颜色，数量。无论你选择什么方法，需确保新内容的显示不干预内容的可读性。同样重要的是以免分散用户的注意力来突出显示相关的内容。

4.启用键盘快捷键
并不是每个用户都会需要使用键盘快捷键，但有些用户确实有使用快捷键的习惯，一个好的web界面要尽量满足不同用户的需求，对于快捷键一般可以提供一些常用的组合。
最常见的键盘快捷键比如：CTRL + Z撤消、Ctrl + V粘贴或Ctrl＋S保存。
可以根据web程序的功能和相关用户的使用经验来进行合理的快捷键搭配

5.使用熟悉的标准和约定

应用程序的功能很多都是互通的，比如我们在使用文本编辑工具时，经常会使用到一些word的功能，这样设计的作用就是为了使用标准和约定的功能来减少用户的学习时间。

例如，人们都习惯看到一个“打开”，或为“粘贴”剪贴板文件夹图标。

6.提供个性化的选择
很多的web应用允许用户进行自定义他们的帐户。 有些网站让你调整配色方案或上传自定义图形。
还有一些可以让你重新布局或在您登录后显示你创建的自定义页面或类似内容，显示你关心的信息。
可以在你的web应用中加入这些自定义功能，让您的web应用具有更好的用户体验。

虽然并不是自定义功能越多越好，但一些常用的功能可以提高使用体验，比如允许用户上传他们自己的徽标或更改配色方案或字体，以适应他们的个人喜好，这些都是很简单的事情。

7.允许用户定制自己的导航条的配色方案
一个小小的定制选项可以大大增加用户满意度。

8.使用工具提示和帮助信息
当涉及到一些复杂的步骤，发生错误等事件时，友好的提示与帮助功能可以大大增强用户的好感

9.使用标签式导航操作和按钮
标签导航已经在很多界面中被广泛使用，至今依然是最有效的导航菜单之一。好处这里不一一阐述，相信很多设计师都会首选这种导航条样式

10.遮罩背后效果的弹出窗口
遮罩背景，并弹出功能窗口，这种设计的好处可以减少不必要的视觉干扰，同时让用户停留在一个页面中，这样操作起来更有连贯性。

11.利用相关的图标和标签
每个图标都有自己的含义，图标可以增加界面的美观，但更多时候图标代表了功能。因此选择一套统一风格并容易识别的图标是很重要的。

相反错误的图标很容易让人产生混乱，所以图标选择是界面设计中很重要的一环。

12.让界面简单一些
为了花哨而添加的元素尽量减少，没必要用图标的地方尽量用文字代替。去掉没必要的框框与线条。总之减少一切没必要的元素，这样你的web应用将更受用户欢迎，以为用户会经常使用，所以简单的更容易让他们产生好感

要记住用户使用的功能，而不是你的设计。

13.高效的工作流程
流程是所有程序必不可少的，这里要遵循的设计原则是：尽量用一些人们预定的流程模式。比如注册，登录等这些常用功能都可以采用大众化的流程。

对于一些特殊有特殊需要的流程尽量减少每个步骤中的内容元素，当然也不能增加太多的步骤，总体上要找到用户能接受的方案