瞬间的设计 I（2）
作者：咏沙 来源：Taobao.com UED Team 发布时间：2009-12-25 18:54:00
标签：设计,设计师,用户体验
此外，拖动的目标模块包含了以下界面元素（Actor)，用于展示以上交互事件的种种有趣的瞬间，他们分别是：
页面（静态文字，图片）Page (static text, images provided)
光标（Cursor）
工具提示（Tool Tip）
模块（Drag module）
模块存放区（Drag module’s Parent Container）
模块放置区（Drop Target）
针对每个界面元素所表现的交互事件不同，我们就可以得到很多有趣的交互瞬间，如以下表格所示：
细心的你也许会发现，为什么这里只列举了少数的事件和元素，而没有都列举出来。其实这是因为部分特殊的交互事件非常复杂，很难一一列举。仅仅“拖动进入到无效的区域”这个交互事件就有很多种情况，比如：把模块拖动到浏览器地址栏里的情况；把模块移动到toolbar下方时的情况；还有“移动模块到有效的区域”过程中，该有效区内的模块会被挤到其他的区域内，什么时候作为判断来移动呢？尝试后你会发现当被拖动模块超出了原有模块尺寸的1/2时，就会发生跳转等等。
由这个例子我们不难看出要设计美好的瞬间，要做到以下几点：
关注分秒的响应（比如说我们要考虑到页面的加载效果）
关注微妙的细节（鼠标hover上去的光标显示效果，移到哪里显示等等）
想象各种可能性
View more presentations from rosa qin.
原文：http://ued.taobao.com/blog/2009/12/20/design_interesting_moments1/
0
投稿猜你喜欢
一、贝叶斯分类介绍贝叶斯分类器是一个统计分类器。它们能够预测类别所属的概率，如：一个数据对象属于某个类别的概率。贝叶斯分类器是基于贝叶斯定理- XML 是严格又自由的标记语言。我们都习惯于它的自由特性，自己想怎么定义都行，设计上非常自由，从不会因为它的标记特性约束到设计灵感的发挥。对
- 本文通过Python3+pyqt5实现了python Qt GUI 快速编程的19章的页面索引器应用程序例子。/home/yrd/eric_
- 为什么要讲 __repr__在 Python 中，直接 print 一个实例对象，默认是输出这个对象由哪个类创建的对象，以及在内存中的地址(
- 使用python来登录asp网站和登录其他网站差不多,只是因为asp页面在每次请求的时候都要带上viewstate,因此使用python来登
- Redis 在 3.2 版本以后增加了地理位置 GEO 模块，意味着我们可以使用 Redis 来实现摩拜单车「附近的 Mobike」、美团和
- 对于一些复杂的hdf5文件，通过可视化的方法可以比较容易的了解文件的内部结构，下面介绍基于python的一个hdf5文件的安装使用方法1 安
- 下面一段代码给大家分享php未登录自动跳转到登录页面，具体代码如下所示：<?php namespace Home\Controller
- 一，MySQL8.0.12版本安装步骤。1，下载https://dev.mysql.com/get/Downloads/MySQL-8.0/
- 问题描述：使用scn号恢复误删数据1.查询系统闪回的scn值以及当前日志的scn值，因为我这个是测试，创建的表是在在后边，所以scn值要大于
- 版权所有：Copyright 1997 Netscape Communications Corporation原文链接：Object Hie
- 这篇文章主要介绍了python处理RSTP视频流过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的
- js中自动清除ie缓存方法 — 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有
- 用清理软件清理电脑垃圾的时候，发现微信存了很多图片，进入路径一看，全是以.dat为格式的文件：尝试了直接把后缀名的.dat 改 .jpg和.
- 半透明效果有时候会给页面增加不少色彩，特别是Vista盛行之后，半透明效果更加受推崇。在诸多可用于Web浏览的图片格式中，只有PNG格式和G
- 设计方法曾经是个很尴尬的话题，因为经常看上去很美。专业人士们动手动脚折腾一大圈，出来的结果令人大跌眼镜。也有些设计师总喜欢把方法、概念吹的特
- 配置要求：IIS（win2000 server 自带）、Java 2 SDK 1.4.2 (或更高版本)、Tomcat Web Server
- 画一个地球想画一个转动的地球，那么首先要有一个球，或者说要有一个球面，用参数方程可以表示为x=rcosϕcosθy=rc
- 准备工作右击新建的项目，选择Python File，新建一个Python文件，然后在开头import cv2导入cv2库，import nu
- 1 假如浏览器不支持JavaScript怎么办？a.为什么浏览器会不支持？大部分浏览器都有禁用脚本的功能，例如chrome。b.在js被禁用
