您当前的位置: 站长圈 > 网站建设 > 网站建设知识 > 你的网页设计中是否存在一些低效的交互设计

你的网页设计中是否存在一些低效的交互设计

来源: 作者:adminxin 点击: 0
      作为网站的一个用户,你也许时常会发现,使用网站时,有些东西很令人厌烦。例如一个登录的表单,或是导航,或者是整个网页应用,都有可能让你难以完成一项任务。是什么原因让网站的设计产生了这些问题?
这个问题的原因通常是,设计师想当然的认为,他们已经在其他案例中看到过类似的交互,把别人写好的CSS开源代码库,直接复制到自己的设计中。有些模板还比较有效,但有一些就有问题了。想弄明白究竟一个设计是否有效,你需要用户来测试。也许你的用户和其他网站目标用户的需求是不一样的。这些的问题的“症状”包括:

      页面用户访问量的下降

      本来有许多用户被引到某一个页面,但突然大量的用户消失,这时你该仔细瞅瞅这个页面出了什么问题。问问自己,用户需要某一个交互行为来进行下一步 吗?他们是不是不知道如何进入下一步?整个页面是否是一个动画?这些问题你必须实地调查才能知晓。把这些问题都记录下来以便于之后的用户研究和分析。

        漫无目的的点击

        如果用户在整个页面上到处乱点,说明他们根本不知道应该点击什么。

       反复的上下滚动

      如果用户在页面内不停地上下滑动滚动条,证明他们找不到自己想要的东西,或者他们压根不知道想要什么内容。
  案例:

     一、 可点击的元素看起来却没有点击的暗示

     1. 按钮太小;
     2. 文字链没有视觉区分;
     2.  按钮太过扁平化以至于无法告诉用户:“哥其实是一个按钮!”;
    3.  悬停状态的缺失可能也会造成问题,比如没有使用{cursor:pointer;}的标签。

    二、 悬停的问题

     把信息隐藏在有悬停效果的部件(按钮或标题)之后是一种规整界面的很方便的办法,但是要保证鼠标离开热区之后,信息不要隐藏的太快。用户的反应没有你想象中那么迅速。作为设计师,想象一下,反复做悬停的动作以使信息可见是一件多么不愉快的事情。

      三、 不统一的语境

      比方说,一个页面上有三个不同类型的链接。一种引导用户返回首页,一种把用户带出本站,而第三个打开一个弹窗。这也太令用户迷惑了。

      四、 没有批量的执行操作

     在一个复杂的列表里,如果有需要用户执行的功能,比如添加,删除,或改变列表里元素的状态,请务必提供批量处理的功能!一次一个的进行处理绝对造成相当差的用户体验。

     五、 大量内容塞满第一屏空间

      研究表明,用户其实更集中注意力于阅读第一屏之后的内容。但由于某些原因所致,把内容尽量堆在首屏的做法依旧存在。所以我的建议是:合理利用空间,把内容区隔开来。

    六、 弹跳式导航 (Pogo stick navigation)

      弹跳式导航(译者注:pogo stick的字面意思是弹簧单高跷,又称“跳跳鼠”)是指用户为了完成一个操作,必须从主导航深入至一两个层级,然后回到主导航,从另一个栏目再次深入。“弹跳式导航”是由 Jared Spool确定命名的,这种导航形式使用户需要不断在层级中深入和返回,就像跳跳鼠一样跳上跳下。

    七、 清空所有错误信息

     这种模式的情景是,当用户填写完成一个表单,系统告知某项信息不符合要求,而这时网站自动清空所有或某一部分用户已输入的信息,并且需要重新填写。

    八、 错误的目标页面

     是指当用户完成一系列交互行为后,却被引入一个不同的预期之外的页面。这经常出现在电子商务网站:用户进行在线交易之前需要登录,当他们登陆之后,用户并没有被引导至进行填写信用卡信息的表单页,而是被带到了首页。