用户体验:如何设计美好的瞬间（1）(2)

此外，拖动的目标模块包含了以下界面元素（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. 想象各种可能性

瞬间设计

View more presentations from rosa qin.