网站设计分析:根据用户的固有习惯来设计

来源:未知 责任编辑:智问网络 发表时间:2013-09-03 12:21 点击:

  

\

 

  固有操作习惯的养成来自方方面面,其中最显著的就是那些来自最常规控件对用户的培养。在设计的过程中如果多考虑一下这些常规控件的使用习惯,会对可用性有所帮助。 想到之前优化好友选择器时的一个案例可以和大家分享一下:

  原始版本

  

\

 

  用户是这样使用的 1、点击“选择好友” ,发现展开的下拉菜单中有好友列表出现; 2、在好友列表中勾选需要的好友(如有需要做适当的反选操作); 3、真实体验时,你会发现到了第3步,突然不知所措了。不知道操作该如何进行。

  如果多想一下,你会发现

  1、下一步操作(送礼、分享……)已经被下拉浮层挡住了;

  2、需要把浮出层收起,但是要如何收起;

  3、如果收起了,我的选择操作会被保存下来么。

  仔细思考一下,用户在这个地方需要费下脑筋,根本原因是在设计过程中把两个用户习惯的控件(下拉菜单,对话框)做了整合,但是整合的不太完美,导致用户不能凭着固有习惯来完成任务。

  问题分析

  1、首先

  

\

 

  在用户点击“选择好友”并挑选好友之前,这个地方的设计给用户传达出的感觉是在操作一个droplist(下拉菜单)。但是用户习惯的下拉菜单是单选的,选中一项后菜单会自动收起。

  2、然后

  

\

 

  用户开始把注意力集中在下拉浮出层里选择好友。由于复选下拉菜单没有收起,用户会自动用“对话框”控件的使用习惯来套用这个浮出层。而“对话框”的使用习惯一定是用户在操作完成后需要触发操作来关闭对话框的。而我们的设计没有提供这样的操作,所以用户会开始产生迷惑。

  解决方向:

  1、尽量的弱化droplist的型;

  2、在浮出层中增加收起浮层的操作。

  最终方案

  

\

 

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • WordPress添加百度喜欢按钮小技巧
    • Wordpress 博客如何实现自定义Gravatar头像
    • 网站设计分析:建立良好的视觉层级
    • 网站设计分析:“中国式设计”的三个方向
    • 案例分析:奥巴马筹款网站的制作过程
    • 创建不平衡的平衡:在网页设计中使用不对称设计
    • 7大主流B2C首页导航栏设计对比分析
    • Wordpress页面模板制作方法及使用
    • css控制文字前的小图标
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1