基于多点触控操作网页界面设计趋势研究.docVIP

基于多点触控操作网页界面设计趋势研究 　　摘 要 本文通过对传统鼠标点击下的网页界面设计进行调研、分析、研究和对当前现存的一些触控界面设计进行分析研究，对比总结出多点触控操作比鼠标操作具有更大的优势，提出了革新式的网页界面设计风格。鼠标操作的界面设计是一种窗口式或标签列表式的层级方式，而基于多点触控下的界面设计的发展趋势是缩放式的分级方式。可以是自由重组和拖拽式布局，也可以是局部缩放式布局满足分级页面要求，还可以是斜式布局，满足人的手臂作业域等等。本文对于多点触控下的界面设计也做了一些探索性的实验。 　　关键词 多点触控；界面设计；人机交互 　　中图分类号TP39 文献标识码A 文章编号 1674-6708（2013）107-0105-04 　　在计算机语境下，多点触控 （Multitouch或Multi-Touch）是一项接口技术，它通过在设备表面多点的压力和手势允许用户进行输入[1]。Moseovich对多点触控技术是这样定义的：在同一个应用界面上，没有鼠标、键盘，而是通过人的手势、手指和其它外在物理设备直接与电脑进行交互，实现多点、多用户在同一时间直接与虚拟的环境交互[2]。多点触控技术把任务分解为两个方面的工作[3]，一是同时采集多点信号，二是对每路信号的意义进行判断，也就是所谓的手势识别，从而实现屏幕识别人的五个手指同时做的点击、触控动作。 　　在过去，一直是依赖鼠标键盘的单点选择方式支配着我们与计算机互动，在实现一些选择功能时，只能凭借按钮和鼠标的点击拖拽。多点触控技术的出现和流行，扩展了多种手势的应用，用户通过手势与计算机进行交互操作，极大地提高了信息传递的效率，给予用户最自然的操作体验。这样一来，使得计算机的界面样式、用户的使用习惯以及用户与计算机的交互操作方式都发生了重大变革。苹果、微软等大公司均在不断推出有关多点触控方面的新产品，不断做着各种尝试。但针对计算机屏幕的多点触控技术尚在开发和试验中。随着新技术的成熟，时下针对鼠标键盘传统点击输入方式的计算机界面设计在未来必然会做很大的变革，因此有必要研究在多点触控操作下的网页界面设计趋势。 　　1 计算机网页界???设计的分析研究 　　1.1传统鼠标操作下的界面设计分析 　　在触控技术还没有形成以前，对于计算机的控制我们只能依赖第三方设备进行操控，鼠标键盘一直是人们输入信息的主要方式。它主要有以下特征：1）鼠标选择方式是一种单点选择模式，一次只能选择一个目标，需要很多按钮、图标以及供选择的菜单来完成复杂的交互操作；2）鼠标指针是一种精确定位技术，只有在鼠标指针准确地悬浮于目标点之上才能进行点击选择；3）操作中也会经常通过鼠标悬浮来实现一些功能操作，如悬浮变色、悬浮下拉菜单、悬浮更换图片等等；4）鼠标操作模式下的目标点只要方便鼠标点击选择就行，一般都相对较小。 　　由于鼠标是单点选择、精确定位模式，所以它所能实现的行为动作很有限，一般情况下只能凭借鼠标上的三个按键做几个简单动作：左单击选择，双击选择，右单击选择，滚轮滚动，鼠标拖拽。当进行复杂的多任务操作时，只能靠一些按钮和菜单栏来实现。如：页面内容过长，我们不得不增加一个滚动条来进行移动操作；在进行页面间的切换时我们也不得不增加前进和后退的按钮去实现相互间的切换选择；当然帮助、关闭按钮的存在也变得理所应当等等（如图1）。 　　当前网页界面设计是基于鼠标点击方式，鼠标点击选择的目标点是像素级别的，它的目标点不必很大，所以每个要选择的目标点都较小，只需要能够选中即可。人们的浏览习惯通常是从左往右，从上往下，所以左边的内容往往比右边的更能引起人的注意，上面的内容比下面的更容易引起人注意。鼠标控制下的页面导航、标题、图标等可供点击选择的重要的东西总是以上部和左边为主。 　　1.2多点触控下的界面设计分析 　　多点触控是利用手指去直接与电脑触控来进行操作，相对于鼠标具有自己的特征：1）多点触控是一种多点选择模式，用户可以使用多指与系统进行交互操作，在选择任务时也可以同时选择多个，通过不同的手势实现各种各样复杂的操作命令；2）多点触控是一种模糊定位技术，目标选择的时候，它不能像鼠标那样可以精确地选择目标；3）多点触控通过人的手势、手指直接与电脑进行交互操作，面对目标点用户只需要决定是否要点击，不会有诸如鼠标那种悬浮的状态；4）手指的大小要远远大于鼠标指针的大小，所以对于标题、按钮、图标等页面元素的大小相对于鼠标下的界面元素要大；5）由于人手不具备半透明性，多点触控对操作目标可能会存在不可避免的遮挡性。 　　苹果开发生产的触控板，对于多点触控手势有了一些应用。微软推出的surface，在超大显示设备上，多点触控技术也有了一定的应用；苹果推出的Multi-Touch 触控板、Multi-Touch 鼠