标题: 常见可用性错误——交互错误
作者: admin
日期: 2006-08-23 11:57 AM
分类: 网页设计
内容: 4.1 滥用对话框
问题
在交互过程中不恰当的使用对话框
分析
Web中的对话框一般有两种：Alert和Confirm。Alert的作用主要是警告、报错。Confirm的作用主要是请求用户确认。所以，如果用户在交互过程中操作成功，不应该使用对话框来提示成功信息。
alert对话框
Confirm对话框
如果要给用户显示提示信息，可以使用“黄褪”方法。即用一个明显的显示提示信息，在一定时间后再让隐藏，不打断交互过程。
案例
X-Space的回复过程。回复成功后弹出“您的回复已经成功发布！”的警告。
Gmail使用“黄褪”技术而不是弹出对话框。
4.2 被意外重排的布局
问题
相同内容在交互的过程中布局发生变化
分析
交互时，用户会根据上一步的布局判断接下来这一步的布局，并提前把鼠标移到他期望的位置。如果布局发生变化就会给用户带来不便。
案例
某网站注册流程。用户在第一幅图所示页面中点击“下一步”，会发现下一页面中的“上一步”和“下一步”按钮都移动了位置。
4.3 不允许用户犯错误
问题
没有充分考虑交互过程中用户犯错误后怎么减小用户损失
分析
要允许用户犯错误，而且在设计产品功能时要尽可能的减少用户犯错误后的损失。
案例
LBS Blog的评论功能。如果用户输入的用户名、密码、验证码中的一项存在错误，提交评论后，系统会报错，并让用户返回。如果在返回的过程中遇到网络堵塞，之前填写的所有评论内容都会被清空，用户要重新再输入一遍。
4.4 要求用户做多余的点击
问题
在交互过程中设置过多的步骤，使用户点击次数增多。
分析
用户在页面中操作时，希望能快速达到自己的目的。如果设置过多的步骤，会增加用户的点击次数。
案例
1.
2.
3.
4.
5.
从网易首页注册网易通行证，要经历5个步骤。
在renren.com首页点击“注册”，会直接漂浮出注册表单，一步就可以注册成功。
4.5 隐藏的功能
问题
一些功能不容易被用户找到
分析
网站中有些功能设计得让用户不容易看到，甚至需要用户经过几次点击后才可以找到。这样可能造成大批找不到这个功能的用户无法使用该功能。
案例
网易首页的“通行证”一栏，没有提供“注册”链接，用户需要点击“通行证”，进入“网易通行证”才能注册。
4.6 信息被遮挡
问题
用户需要阅读、点击的内容被遮挡
分析
尽管在设计、制作过程中很少会犯把用户需要的信息遮挡起来的错误，但网页中有些东西是我们在设计、制作过程中有可能想不到的。
案例
Tom的漂浮广告把页面内容遮挡。
百度注册时，验证码输入框的自动完成列表会把验证码图片挡住。用户无法依照图片输入。
百度不少页面都有这样的问题。验证码填多了，输入某个数字，自动完成就会出现，把验证码图片挡住。
把图片放到文本框右侧就不会有这样的问题了。
+ 查看当前日志评论 (1)
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 2.807 ms
标题: 常见可用性错误——交互错误
你没有权限发表评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 2.807 ms
暂无评论
────────────
PJBlog3 v3.2.9.518 Inside.
Processed In 2.807 ms