HTML/Xhtml CSS教程 Dreamweaver Frontpage教程 Javascript/Ajax XML/XSLT CMS技巧心得技巧
返回首页
当前位置: 主页 > 网页设计 > 心得技巧 >

符合用户习惯的交互设计:关于拖放的交互方式

时间:2012-04-05 04:37来源: 作者: 点击:
符合用户习惯的交互设计:关于拖放的交互方式,拖放三部曲——从“把大象放进冰箱说起”.

开篇呈上赵本山和宋丹丹的小品笑话:要把大象放进冰箱总共分几步?把大象塞进冰箱要3步:1 把冰箱门打开;2 把大象装进去;3 把冰箱门带上。这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤。

1、 虚实结合的世界

随着信息化时代的到来,我们的生活不仅局限于可触摸的自然环境,而且拓展到无形的虚拟环境中。继而,真实生活中的行为,如购物、交友、娱乐,也会映射到虚拟环境里。虚拟世界中,鼠标、键盘甚至身体的一部分就可以帮助我们完成自然环境中的事情。我们的生活也因为“虚实结合”而越加丰富多彩。

2、 虚拟世界中【放入】的操作历程

刚刚说到,人们在自然界的行为方式会映射到虚拟环境中。问题在于,虚拟环境里的行为和自然环境中是否一致?如果不一致,虚拟环境中是否应该有不一样的特质?

自使用鼠标、键盘操作电脑以来,我们被教育的操作习惯经历了这样的过程:鼠标右键单击(复制、粘贴)——键盘快捷键(Ctrl+C, Ctrl+V)——鼠标拖放。每一次革新都让我们

体会到计算机越变越聪明,也越来越了解人类的语言。

此次以桌面环境为例,谈谈虚拟环境中如何实现“把大象放进冰箱”,即把一个要素放入另外的要素中。

要素设定:要素A和要素B 。

目标设定:将要素A放入到要素B中。

根据不同的操作习惯,本文罗列了如下的步骤:

上图的操作方式映射出:

【鼠标右键】的操作需要用户花很多时间在鼠标右键单击的选择上;

【鼠标双击和键盘】的操作较之于【鼠标右键】更专注,对于熟悉键盘的人来说,很快可以完成操作。

【鼠标双击+拖放】操作很直白,用户可以见证要素A进入要素B的全过程。

上图从左向右的操作方式的演变,正是人机界面向越来越自然、简便的交互方式的进步。

3、拖放三部曲

【鼠标双击+拖放】一定是人们将一个物体放入到另外一个物体最直接、最自然、最便捷的操作方式?

或许可以这样:

以上三步骤仅为【拖放】过程,省略了鼠标双击打开和关闭。用户只需要拖动图标到指定目标的图标上,就可以完成将一个物体放入另外物体里的操作。因为在电脑的虚拟空间中,只要接上电源,电脑就是一个开放的空间,几乎不存在封闭的区域。用户也不需要有和现实生活中“打开”一样的动作。仅从要素B(文件夹)的图标来看,它寓意为未完全封闭。

但这样很简单、直接的动作,用户如何知道可以拖动?拖动可以实现什么功能?何时拖动,拖动到哪?

爱设计教学网(www.2sheji.com)——为您所需,替您所想!
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
推荐内容