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的漂浮广告把页面内容遮挡。



　　百度注册时，验证码输入框的自动完成列表会把验证码图片挡住。用户无法依照图片输入。

　　百度不少页面都有这样的问题。验证码填多了，输入某个数字，自动完成就会出现，把验证码图片挡住。

　　把图片放到文本框右侧就不会有这样的问题了。

上一篇: 常见可用性错误——表单组件错误
下一篇: 十大网站设计错误
文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志: