zoukankan      html  css  js  c++  java
  • 从一个回复框看用户体验

    现在几乎人人言必称用户体验,就连没做过相关工作的也口口声声说着用户体验,这令本人最为反感。搞了这么久的前端开发相关工作,都不敢对任何一个东西妄言用户体验好还是坏。是否有可取之处或者哪里尚待改进都要认真考虑,推敲再三。

    而那些毫无相关工作经验的人,口口声声说着用户体验的时候,也在暴露着他们的无知还自以为是~~

    今天就来分析一个常见留言框的设计,看看用户体验都体现在哪里。

    首先来看第一个图: 

     

     这是一个较为合理的设计

    一、表情快捷按钮位于回复框之上,我们可以便捷的点击表情插入回复。有时候表情更能表达我们的心情,而不是去输入一大段文字。而且这种更加便捷的回复方式使得用户的行为得到鼓励,对增加用户的使用是有积极意义的。

     

     2、表情列表弹出后 不遮挡文字区域,直观的显示表情图片插入的位置和效果。

     3、回复按钮位于左端,输入完毕后可以很快捷的点击发布。大多数人都不会输入长篇大论,所以当输入完毕之后,用户的光标和鼠标一定距离左端较近,如果放到右端,用户就要移动更长的距离去点击按钮。要知道我们的用户都是很懒的,他们只喜欢贴心和便捷的东西。

    4、按钮的可点击区域较大, 点击起来更方便。

     我们再来看另一种设计:

     

     这种设计把表情按钮放到了右下角,发布按钮也在右下角。我们来分析下这种设计:

     1、表情按钮位于右下角,要插入表情,鼠标 需要移动相当长的一段距离。

    2、表情按钮遮挡了文字框的拖动滑块,在chrome等浏览器中,拖动改变文字框大小的功能就无法使用了。而像我这样的chrome用户,是很喜欢这个文字框拖动功能的,所以它会让我觉得很碍事。事实上也是这样。

    3、表情列表打开之后不是遮挡文字区域,就是遮挡发布按钮。非常碍事,我需要取消掉表情选择之后才能回到文字框。

    4、按钮位于右下角找到按钮要移动鼠标很长距离。

    5、按钮细小,不方便点击。 

    这样一分析,其好差自然见得分晓。前者本来是成型的设计,自然有它存在的道理,各个细节考虑周到。

    而后者如此武断的改动,并无考虑到用户使用的细节问题,真是太过主观和欠缺考虑。  

    PS:更为可笑的是,后一个设计还作为了最近一个项目的用户体验增强计划的一部分。真无语~~

    结语:无知可怕,更可怕地是无知还又自以为是~~ 

  • 相关阅读:
    oracle 主键自动地址实现
    解构赋值
    那些朋友那些话系列
    那些朋友那些话
    白鹭记事
    该如何存在
    上海秋季HCC小记
    For the person you never see again
    寻城记
    2013年的国庆
  • 原文地址:https://www.cnblogs.com/trance/p/1496304.html
Copyright © 2011-2022 走看看