网站用户体验之交互体验

一、网站会员

1. 支持第三方快捷登陆；

2. 给出明确错误提示；

3. 有忘记密码的找回入口；

4. 让用户专注于登录而没有过多的干扰；

二、表单填写

1. 要写标题，告诉用户各个单项是做什么的；

2. 要有输入框，用户一眼可以看到该从哪里去填写；

3. 帮助信息，可以在输入框有弱化的文字提示，或者隐藏帮助信息，让用户在单击某个输入框的时候显示出来；

4. 输入及时反馈，不管是输入正确还是错误，都要有反馈。错误的反馈要告诉用户具体错在哪里，怎么解决；

5. 执行动作的显示，填写完之后有“注册”或“登陆”按钮；

6. 智能默认大多数人或大多数情况下需要输入的内容；

7. 记录上一次用户输入过信息，使用户能高效的完成填写；

8. 区分主要动作和次要动作，比如：注册和取消的按钮，注册是主要动作，可以通过大色块去让按钮更加明显、突出，“取消”是次要动作，可以把按钮色块弱化，或者不加色块。

三、按钮

1. 按钮使用最多的还是标准按钮，在有背景图片的情况下，标准的按钮更容易被用户识别；

2. 按钮要看起来是可点击的，可以适当的增加内边距，让按钮看起来更加容易点击；

3. 按钮的反馈要尽可能全面，常见的：正常状态”、“鼠标移入状态”、“点击状态”、“不可用状态”等；

4. 按钮的风格要和网站的风格统一，包括：颜色、文字大小、文字颜色等；

5. 按钮放的位置要合理，一般表单都是放在底部，或者需要触发行为操作的附近、屏幕的底部、信息的正下方等。

   这样更符合用户的操作习惯和交互路径，让用户用起来更自然方便；

6. 明确告诉用户按钮的功能，按钮上的文字要尽量简洁直观；

7. 点击按钮之后呈现的结果要合理、迅速，不管是提交还是跳转到其他页面，能让用户得到期望的结果。

四、文字提示

1. 超链接文字颜色，在鼠标悬停时，文字颜色发生变化同时出现蓝色下画线，最常见符合用户习惯易读性高；

2. 超链接交互上会呈现4种状态：默认、鼠标悬停、点击时状态、点击后状态；点击状态比较快，有的时候用户都不会注意到，所以3种状态的交互也常见；

3. 鼠标悬停在页面某个元素上，会出现新信息，或者更全面详细的信息；

4. 出现动态效果，在鼠标悬停时出现单个或多个文字的动态效果，有利于增强交互感；

   比如：logo文字或者网站名称文字。

五、在线搜索

1. 导航搜索一般放在主导航栏，因为导航在网站总的任意页面都会出现，这样可以让用户无论在什么位置都可以进行搜索；

2. 通栏搜索一般放在顶部导航栏的下方，并且会在搜索条四周留白处理，这样使搜索栏在页面的视觉效果突出，更直观、显眼；

3. 搜索功能图标，一般是用搜索icon表示搜索，当鼠标移入的时候会有交互效果，让搜索框出现。

   这样留出更多的位置去显示内容，但是不如前面两种搜索明显；

4. 特殊搜索样式，比如通过悬浮按钮的样式让搜索出现的页面，这种搜索一般在移动端种用的多，Andriod系统原生应用中就有这种。

1. 清晰的搜索入口、必要的搜索提示、搜索过程操作的方便简洁、搜索结果显示的清晰；

2. 除此以外还可以根据类目进行分类搜索，在搜索前就缩小搜索的范围；

3. 记录搜索历史方便用户下次搜索，同时也方便我们收集用户信息；

4. 提供热门搜索词，对搜索频率较高的进行显示在搜索框里等。