如何设计一个良好体验的用户界面(上)

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

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

下面是一些界面设计的原则和理念，虽然比较像教科书，但道理十分有用。

设计的一致性是至关重要的在用户界面设计和网页设计中，功能与界面的一致性是至关重要的。因为用户在使用你的web程序时，如果从一个页面风格突然转换到另一个风格，这将造成很大的困惑和沮丧。

为了保持一致性，需要注意界面的配色方案和总体布局，以及链接是否正确。

您的用户会犯错误

最常见的例子就是google的web应用程序，我们会发现在很多地方google都放置了撤销功能键或按钮，因此既然无法避免用户犯错，那么我们就要尽量让用户可以自己修复这个错误，让程序变得可以撤销或返回上一步就十分必要了。

突出web应用程序的显示功能

显示内容是web应用程序的基本功能，比如在很多情况下我们希望用户看到的内容是最新的，那么如何突出新旧内容的区别人。

下面的一个实例界面给了我们一种思考，将老内容的标题背景使用灰色，而新内容则使用绿色，这样用户可以很容易分辨出这些现实内容的区别。

当然此类方法还有很多，根本方法就是利用不同的显示效果让用户使用和阅读起来更方便

TitanPad使用颜色编码来表示每个用户造成的更改，类似图图网。

启用键盘快捷键

并不是每个用户都会需要使用键盘快捷键，但有些用户确实有使用快捷键的习惯，一个好的web界面要尽量满足不同用户的需求，对于快捷键一般可以提供一些常用的组合。

最常见的键盘快捷键比如：CTRL+Z撤消或Ctrl+V粘贴。

使用熟悉的标准和约定

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

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

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

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

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

遮罩背后效果的弹出窗口

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

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

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

让界面简单一些

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

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

高效的工作流程

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