网络编程
位置:首页>> 网络编程>> 网页设计>> 瞬间的设计 I(2)

瞬间的设计 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时,就会发生跳转等等。

由这个例子我们不难看出要设计美好的瞬间,要做到以下几点:

  1. 关注分秒的响应(比如说我们要考虑到页面的加载效果)

  2. 关注微妙的细节(鼠标hover上去的光标显示效果,移到哪里显示等等)

  3. 想象各种可能性


瞬间设计


View more presentations from rosa qin.

原文:http://ued.taobao.com/blog/2009/12/20/design_interesting_moments1/

0
投稿

猜你喜欢

  • 如果出现  automation服务器不能创建对象 解决方法:1、如果是Scripting.FileSystemObje
  • 很多朋友都有过制作网页的经历,如今,众多网页的设计都用到了表格。这样不仅有利于网页的维护,同时,提高了网页的观赏性。在众多网页制作风格中,细
  • 正如你现在所看到的一样,网页的布局设计变得越来越重要。访问者不愿意再看到只注重内容的站点。虽然内容很重要,但只有当网页布局和网页内容成功接合
  • 方法一【推荐】、用js插入flash,可防止虚线框激活建立一个ShowFlash.js文件,拷贝以下代码:function sho
  • 前两天在做一个站内版的企搜引擎,发现某些站点可以链接站点内容。。奇怪之下看了看,原来是按照数据库ID的自动编号规律进行链接的~~闲暇之余弄了
  • “没 Javascript 就会死”的页面通常都会加入 noscript 标签用于提示用户开启脚本支持。 然而在 IE8 下,如果在 nos
  • ASP开发中有用的函数(function)集合,挺有用的,请大家保留!'******************************
  • <SCRIPT language="JavaScript"><!-- Beginfunction mo
  • 在曾经的 淘宝UED 招聘 中有这样一道题目:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直
  • 对想要在可视化的环境下制作复杂网页的专业网页制作者来说,Dreamweaver 已经渐渐在网页编辑工具市场中展露头角,成为专业人士
  • 现在电子商务网站的设计,正面临着一系列的挑战,其中最主要的挑战是:我们尝试建立一种用户体验,来提高用户在线购物的可能性。为了对抗网上激烈的竞
  •  问:我想问一下我在重新装完系统以后装SQL Server2000时提示:以前某个程序安装已在计算机上创建挂起的文件操作,运行安装
  • 大致功能:$() 取得所有元素$("div") 取得所有DIV$("#a1") 取得ID为a1的元素
  • 如何制作K线图?也不难,代码和说明见下:<%@ Language=VBScript %><%Respo
  • 特点:1.图片预载入,载入后再显示。意图一次呈现,不会让一块一块下载破坏你的页面,绝佳的用户体验,颠覆传统的浏览器呈现图片的处理方式(需要后
  • CSS 文件的大小和所引起的 HTTP 的请求数是 CSS 性能的最关键因素回流(reflow)和渲染时间(非常!)没那么重要副本(dupl
  • 大家好,我叫斑马纹列表中使用两种相同的样式但颜色不同的背景,来间隔显示的内容。当然这个释义我是借鉴《designing interfaces
  • 我们先看一下淘宝的页面:这么一个庞然大物,该怎么切图呢?显然按照给出的方法也可以完成这项任务,但是做为前端开发的我们是否应该给自己提出更高的
  • 今天一个项目上需要,修改了一些属性,测试成功。<!--#include file="conn.asp"-
手机版 网络编程 asp之家 www.aspxhome.com