交互设计研究:用户注册和用户登录的交互细节设计(2)

2.2、视觉界面：

2.2.1、视觉聚焦导视层级关系：

一级为必选项，蛋是要注意适应浏览器，可能有些浏览器本身可实现，否则需要CSS；二级为可选项，当文字提示内容比较多的时候使用可以明显聚合用户视觉焦点，更加整体的体验。

2.2.2、引导性视觉凸显：

利用视觉手段凸显某部分，需要吸引用户区注意，引导和鼓励用户做某些事：

知乎的申请注册通道入口按钮区域做得特别大，去吸引新用户注册。但是色彩又调得跟周围环境恰到好处，视觉上并没有为突出按钮而太干扰整体登录框视觉。

2.2.3、造型语义：

除了操作交互外，有一点不应该忽略的是：情感交互。

“设计”的独有性质是通过“造型语义”的手段解决某些逻辑操作解决不了的问题。

例如新浪邮箱注册表单右上角吉祥物小浪大眼睛前竖起一个手指，像是在说：“嘘…注意资料安全哦！”

登录框嵌在一个围脖上，寓意“微博”，带来一丝丝温馨的感觉。

2.3、反应动作方式分析：

2.3.1、出错或者确认提示方式：

2.3.2、提示信息区位：

①就近原则

②某一位置集中显示

2.3.3、提示信息的干扰

提示信息太多时候，用户焦虑的可能性增大（判断输错和只是随意点击）

建议的调整的三个方面：

①提示信息量

②提示视觉形式

③出现时机

2.3.4、提交返回有误项：

①点击提交之后焦点自动返回有误的项

②不直接清除该项

③直返回有误项字符右侧右侧

④直到全部项填写正确后才允许提交

2.3.5、进程中较慢的状况：

一、用户能够得到机器仍在运作的反馈信息

①机器是在运作还是崩溃，给用户明确的答案

②让让用户知道自己所填的注册，确认自己已填