日期:2013-09-03  浏览次数:20661 次

霎时设计是什么?

良好的用户体验,全在于那些完满的霎时。在第一个霎时,假设当一位用户从购物搜索结果页面跳转到某个店铺的时候,他此刻可能是想看看这个店铺的风格及其信誉;而下一个霎时可能就开始揣摩如何使用页面中的导航来观看某个宝贝引见。再然后则可能是讯问怎验购置,从哪里注册,者看看商品能否打折,或者尝试联系这个卖家。

若想完成优秀的设计,我们就需求时辰自问:在希望用户做些什么,界面应该如何鼓励他们完成这些任务?每一个霎时对于完整的用户体验来说,都是不可或缺的一部分,由于他们都有可能加强也可能摧毁用户对某个产品或公司的决心。为什么这么说呢?由于每团体在每时每刻所要完成的任务,对于此时此刻的他而言,那就是重要的任务。

设计师要做什么?

我们的任务不是设计花哨的页面,而是要设计美好的霎时,确保每时每刻都完满,是设计师的职责和价值所在。在用户进行选择的霎时,我们要协助他们做出正确的决定,我们要留意创建怎样的交互行为以及鼓励人们输入,编辑,搜索和共享,激励他们完成所有的他们希望做的事情,我们还应该设计各种手段协助人们提高任务效率——即便他们天生忘性大,老出错,或者总是三心二意。可以说设计师的任务就是考虑所有这些霎时——设计一些东西来支持用户达成每一个目标,而不会干扰或者妨碍到他们,同时,把这些完全不同的部分凝成为一个全体。只要这样他们才能置信我们产品,喜欢我们的服务。

从一个例子开始

如何设计美好的霎时?在开始之前,请大家先回想一下igoogle界面,这个产品大家一定很熟悉,有的设计师几乎每天都用到它。igoogle有很多关于拖拽的操作,而拖拽这个复杂的交互行为需求不同的形状(我们称之为霎时)来表现其交互事件(Event),yahoo模式库曾对其进行详细的划分,他们分别是:

  • 页面加载(Page Load)
  • 鼠标悬停在拖动目标上(Mouse Hover Over Drag Object)
  • 鼠标按下拖动目标区域(Mouse Down On Drag Region of Drag Object)
  • 拖动发起(Drag Initiate)
    • 拖动原位置(Drag Over Original Location)
    • 拖动离开原位置(Drag Leaves Original Location)
  • 拖动重新进入原位置(Drag Re-enters Original Location)
  • 拖动无效区域(Drag Over Valid Target)
    • 拖动进入无效的区域(Drag Enters Valid Target)
    • 拖动悬停于无效的区域(Drag Hovers Over Valid Target)
  • 拖动推出无效的区域(Drag Exits Valid Target)
  • 拖动非操作区域(Drag Over Invalid Target)
    • 拖动进入无效的区域(Drag Enters Invalid Target)
    • 拖动悬停于无效的区域(Drag Hovers Over Invalid Target)
    • 拖动退出无效区域(Drag Exits Invalid Target)
  • 拖动非具体目标(Drag Over No Specific Target)
  • 接受放置(Drop Accepted)
    • 接受放置起始(Drop Accepted Begins)
    • 接受放置结束(Drop Accepted Ends)
  • 拒绝放置(Drop Rejected)
  • 放置于原位置(Drop On Original Location)