瞬间的规划 I

瞬间规划是什么？

良好的用户体验，全在于那些完美的瞬间。在第一个瞬间，假设当一位用户从购物查找结果页面跳转到某个店铺的时候，他此时或许是想看看这个店铺的风格及其信誉；而下一个瞬间或许就开始揣摩怎么使用页面中的导航来观看某个宝贝介绍。再然后则或许是问询怎验购买，从哪里注册，者看看产品是否打折，或许测验联系这个卖家。

若想完结优异的规划，咱们就需要时刻自问：在期望用户做些什么，界面应该怎么鼓舞他们完结这些使命？每一个瞬间关于完好的用户体验来说，都是不可或缺的一部分，由于他们都有或许加强也或许炸毁用户对某个产品或公司的决心。为什么这么说呢？由于每个人在每时每刻所要完结的使命，关于此时此时的他而言，那就是重要的使命。

规划师要做什么？

咱们的工作不是规划花哨的页面，而是要规划夸姣的瞬间，保证每时每刻都完美，是规划师的责任和价值所在。在用户进行挑选的瞬间，咱们要协助他们做出正确的决定，咱们要留意创建怎样的交互行为以及鼓舞人们输入，编辑，查找和同享，鼓励他们完结所有的他们期望做的工作，咱们还应该规划各种手段协助人们进步工作效率——即便他们天然生成忘性大，老犯错，或许总是三心二意。可以说规划师的工作就是考虑所有这些瞬间——规划一些东西来支持用户达成每一个目标，而不会搅扰或许妨碍到他们，同时，把这些彻底不同的部分凝成为一个整体。只有这样他们才干信任咱们产品，喜爱咱们的服务。

从一个例子开始

怎么规划夸姣的瞬间？在开始之前，请大家先回想一下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）

此外，拖动的目标模块包含了以下界面元素（Actor)，用于展现以上交互事情的种种风趣的瞬间，他们分别是：

• 页面（静态文字，图片）Page (static text, images provided)
• 光标（Cursor）
• 工具提示（Tool Tip）
• 模块（Drag module）
• 模块存放区（Drag module’s Parent Container）
• 模块放置区（Drop Target）

针对每个界面元素所体现的交互事情不同，咱们就可以得到许多风趣的交互瞬间，如以下表格所示：

细心的你或许会发现，为什么这儿只列举了少数的事情和元素，而没有都列举出来。其实这是由于部分特别的交互事情非常杂乱，很难一一列举。仅仅“拖动进入到无效的区域”这个交互事情就有许多种状况，比如：把模块拖动到浏览器地址栏里的状况；把模块移动到toolbar下方时的状况；还有“移动模块到有用的区域”过程中，该有用区内的模块会被挤到其他的区域内，什么时候作为判断来移动呢？测验后你会发现当被拖动模块超出了原有模块尺寸的1/2时，就会发生跳转等等。

由这个例子咱们不难看出要规划夸姣的瞬间，要做到以下几点：

1. 重视分秒的响应（比如说咱们要考虑到页面的加载作用）
2. 重视奇妙的细节（鼠标hover上去的光标显现作用，移到哪里显现等等）
3. 幻想各种或许性

瞬间规划