• 回复: 0
ruirui 发布于:2016-05-30 07:14:05

交互设计拖放三部曲:从把大象放进冰箱说起

上图大左向右的操纵方式的演变,正是人机界面向越来越天然、简练的交互方式的进步。
开篇呈上赵本山和宋丹丹的小品笑话:要把大象放进冰箱统共分几步?把大象塞进冰箱要3步:1 把冰箱门打开;2 把大象装进去;3 把冰箱门带上。这虽是一则脑筋急转弯的笑话,但却提炼出我们生活中将一个物体放进此吐矣闽物体里通常有的3个程序。
1、 虚实结合的天下
随着信息化期间的到来,我们的生活不但范围于可触摸的天然情况,并且拓展到无形的假造情况中。继而,真实生活中的举动,如购物、交友、娱乐,也会映射到假造情况里。假造世比赛,鼠标、键盘以致身材的一部分就可以帮手我们完成天然情况中的事情。我们的生活也由于“虚实结合”而越加丰富多彩。
2、 假造世比赛放入】的操纵过程
自使用鼠标、键盘操纵电脑以来,我们被教育的操纵风俗经历了这样的过程:鼠标右键单击(复制、粘贴)——键盘快捷键(Ctrl+C, Ctrl+V)——鼠标拖放。每一次革新都让我们
体会到谋略机越变越智慧,也越来越体会人类的语言。
这次以桌面情况为例,谈谈假造情况中如何实现“把大象放进冰箱”,即把一个要素放入别的的要素中。
要素设定:要素A和要素B 。
文章源头:腾讯CDC
目标设定:将要素A放入到要素B中。
根据不同的操纵风俗,本文罗列了如下的程序:
上图的操纵方式映射出:
鼠标右键】的操纵需要用户花很多时候在鼠标右键单击的选择上;
鼠标双击和键盘】的操纵较之于鼠标右键】更专注,对于熟习键盘的人来说,很快可以完成操纵。
鼠标双击+拖放】操纵很直白,用户可以见证要素A进入要素B的全过程。
3、拖放三部曲
鼠标双击+拖放】肯定是人们将一个物体放入到此吐矣闽物体最直接、最天然、最便捷的操纵方式
6、跋文
大概可以这样:
方才说到,人们在天然界的举动方式会映射到假造情况中。问题在于,假造情况里的举动和天然情况中是否同等?如果不同等,假造情况中是否应该有不一样的特质
以上三程序仅为拖放】过程,省略了鼠标双击打开和封闭。用户只需要拖动搁笔到指定目标的搁笔上,就可以完成将一个物体放入别的物体里的操纵。由于在电脑的假造空间中,只要接上电源,电脑便是一个开放的空间,几乎不存在封闭的地区。用户也不需要有和实际生活中“打开”一样的举措。仅大体素B(文件夹)的搁笔来看,它寓意为未完全封闭。
但这样很大致、直接的举措,用户如何知道可以拖动?拖动可以实现什么成果?何时拖动,拖动到哪
以上看似大致的三个拖放过程中,细致解读,着实开辟者做足了文章,下面拖放三部曲就隆重登场了。
拖放的应用早已大桌面应用拓展到WEB应用,拖放的成果也不但限于以上举例的放入成果,还包罗元素重排、启动exe文件等。由于本文篇幅有限,在这里也不针对全部成果举行详细叙述。下面以桌面应用和WEB应用的代表-iGoogle来梳理拖放交互的细节。
拖放部曲一——约请拖动
用户将鼠标移动到被拖动要素时,被拖动要素的背风景和边框变化意在报告你:这里可以举行操纵。
拖放部曲二——拖动
当被拖动要素的中间点进入安排位置地区时,出现信息提示框,报告你可以实现的成果——移动要素。需要申明的是,如果拖动的操纵是在同一个存盘中举行,体系默以为“移动”;若不在同一个盘中,体系默以为“复制”。
拖放部曲三——安排
当用户开释鼠标,要素直接进入到别的的要素中,这里也可以经过过程文件夹直接检察要素A的缩略图。如果移动的要素所占空间很大,体系会弹出进度条,表现需要移动的时候。
4、 桌面拖放交互和WEB拖放交互的比力
大以上桌面和WEB拖放交互来看,WEB的拖放的交互并没有桌面情况中的拖放交互丰富,这跟欣赏器情况本身的限定有关。但在WEB情况中,光标的变化饶暌剐很强的拖动表现,这也是帮手人们实现拖动最重要的开始。大以上鼠标操纵和拖动要素的比力求中,设计师也可以大中找到更多拖放交互设计的参考。
5、 拖放的范围
诚然,在假造世比赛,拖放带给我们极强的体验感,但其本身的一些范围也需要引起设计师看重。
第一,拖放举措适猴在拖动目标可见的情况下举行,若目标不可见,用户大概会误拖动到别的的位置。通常,拖放举动产生在在一个画面中。
第二,拖放过程中,用户需要不停按下鼠标,如果起始位置和目标位置的间隔很远,并且目标很小,用户很大概就也不知道拖动到什么地方了。因此,拖放的交互设计还需要参考费茨定律。
大概用户完成拖放就1秒钟,该成果也小到用户不会察觉此中丰富的变化,以致大概有人以为笔者用上千字来叙述拖放是小题大做。但设计师却不克不及看不到这个小成果背后埋没着用户长期的使用风俗喝缤。作为设计师而言,我们大概需要思索:如何提炼用户的需求和使用风俗,大而设计出既合实用户日常使用风俗,天然又便捷的交互方式。
作者:Queen
扫一扫,关注设计动量,随时参与互动。
我要评论