转载自:老二牛车教育 » 【交互设计】用户体验之手势交互设计原则

手势识别指的是计算机设备侦测并识别人类手势。近几年来,随着手势识别技术的高速发展,以及3D传感器的广泛采用,手势交互已经得到广泛的普及。

在越来越多的设备中,我们看到了手势主导的界面,改变了我们和计算机交互习惯。通过结合3D传感器和精美的界面,用来分析数据,计算机变得更智能,能更好的理解人类操作。不可不说是沟通的一大进步。

那么对于用户体验设计来说,手势交互又意味着什么呢?

改变使用习惯:手势交互和手势识别

用户通常都会有惯性思考,我们设计师也同样如此。

在进行手势交互设计时,经常会落入一下误区:

输入模式要和界面相匹配.

如果界面使用体验和输入模式不匹配,那么用户操作时会感觉很不流畅,体验自然会很差。

新的输入模式需要新的设计规则运动跟踪+手势识别,构成了全新的交互模式。

通过对NUI大量研究,我们发现了5条关键设计心得,能够让你高效的构建NUI界面。当然,这份列表还有待补充。

1. 放弃网格式布局: 菜单和视觉元素的构建,要考虑到用户操作时的人机工程学

当光标悬停在选项时,手势抓取可以用来选择。.

2. 光标能够暗示用户当前位置

半透明光标.

3. 将手放在传感器可以捕捉到的地方——必须要了解“有效交互区域”的概念“

有效交互区域

4. 三维感

5. 合理预判用户行为

手势识别为我们提供了大量的机遇,挑战也是不言而喻的。手势设计时,要根据用户的日常体验,模仿日常交互行为,这样才能符合用户预期。或许未来不再有键盘和鼠标,用户的手也不用接触屏幕。在远距离就能操作界面。高效、愉悦的使用体验,正等你来打造。而手势输入模式,便是打开用户体验的大门。

  • 表面上实施手势交互,但实际上是触摸版的“鼠标+键盘”操作模式,鼠标被手指取代了而已。
  • 还有些设计师天真的认为,一套手势交互系统,就能通吃全部项目。
  • 窗口,图标,按钮,指针,是界面的常见构建块。打开电脑,每个软件中都可以看到上述元素,而且都是依据网格线布局模式进行水平和垂直布局。
  • 但倘若如果你加入了手势,你会发现,网格线布局模式非常不好用。因为人类的运动是非常自然的,很少会沿着水平线和垂直线进行直线手势操作。(除非机器人)。而且,还可能出现的问题是遮挡问题,当用户进行手势操作时,很容易手就挡住了屏幕。
  • NUI交互前例很少,设计师不能从GUI中借鉴,只能不断观察用户的手臂和手势操作。才能构建符合人机工程学的界面。
  • 例如:我们曾经构建了一个“弧度界面系统”,当用户将肘部放在桌子上时,依然能够操作菜单,这样用户就不用抬起手臂操作了,更自然,也更舒服。
  • 手势交互界面主要依赖手和手指来控制屏幕上的物体。同样的,我们需要手势光标来暗示用户当前所处位置。但有时候大可不必使用光标,在我们打造的一款应用中,我们将光标换成了手掌半透明“镜像”。这样用户就知道手对应在界面中的位置了。
  • 有效交互区域指的是传感器能够清晰捕捉用户手势交互动作的区域,设计的关键点在于,要将有效交互区域设置在用户容易操作的区域。否则,用户有效操作就需要不断抬起、挪动手臂,非常累。
  • 第二点是要保证用户要在有效交互区域中。不能超出范围。
  • 3D照相机为我们提供了很多新机遇,让用户可以更深入的与内容交互。而且,与触摸屏交互和鼠标交互是二维的,没有所谓的Z轴。但是体感类交互,却能提供X-Y-Z三轴。在界面设计上,我们也需要添加相应的反馈。比如说用户想买一双鞋,那么他通过手势交互,就可以在屏幕中抓取这双鞋,然后旋转观赏这双鞋的细节。
  • 对于设计师意味着什么呢?第一,我们的界面需要更强的三维感。第二,三维感可以为人机交互带来更多的趣味性。
  • 通过3D摄像机,我们可以实现手势识别,同样的,还可以预测用户意图。例如,我们在生活中想要详细看某个物体时,我们会用手把它抓过来——所以,当用户的手靠近屏幕时,所接触的菜单/物体/选项应该有一个轻微的扩大,这样用户就能更好的选择。

转载请注明:老二牛车教育 » 【交互设计】用户体验之手势交互设计原则

【交互设计】用户体验之手势交互设计原则相关推荐

  1. 网站推广期间如何做好用户体验中的交互体验设计?

    在当前网站推广期间必然要充分获取用户使用体验以赢得用户好感,并吸引搜索引擎关注以此获取流量和排名等内容,让用户在该网站推广期间让自身需求的解决变得简单,并给予用户深刻印象,让用户网站访问期间获得良好的 ...

  2. 基于用户体验的手机产品交互设计原则

    基于用户体验的手机产品交互设计原则 一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定 ...

  3. 《交互设计——以用户体验为中心的设计》读书笔记

    以用户为中心的设计是什么? 以用户为中心的设计是一种将产品.应用以及用户体验的使用者置于设计过程中心的位置的设计哲学.实际使用中,你的用户会不断对你设计的用户界面进行再设计.用户会成为与你共同进行设计 ...

  4. 如何设计用户体验测试用例

    一. 什么是用户体验 UE: User Experience 用户体验. 用户体验是指用户在使用产品过程中的个人主观感受,即用户在使用一个产品之前.使用过程中.使用后的整体感受,包括行为.情感.喜好. ...

  5. 交互设计 - 用户体验【摘】

    熟记在心: 用户体验的原则 https://www.google.com.hk/search?q=%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E7%9A%84%E5%8E ...

  6. 2021年10种手机app界面设计用户体验趋势

    幸运的是,当2020年即将结束时,这是探索2021年我们将拥有的完美时机.这里列出了2021年将形成的10种移动用户体验设计趋势. 1.超级应用程序的兴起 在过去的二十年中,移动应用程序开发模型保持不 ...

  7. 前端读者 | 前端用户体验-UI动效设计

    本文来自互联网 @羯瑞 整理 UI动效现如今在 APP 和网页中几乎已经成为了基本的组成部分,经过仔细打磨的 UI动效对于整个界面的提升是显著的. 动效呈现出状态切换的过程,展现了元素之间的逻辑关系, ...

  8. 以用户体验为导向的设计表现

    海底捞的服务是设计出来的,沃尔玛等超市的商品摆位也是设计出来的,苹果的产品就更不用说了. 而这一切的设计都要以"用户体验"为导向,要从满足用户最基本的心里需求出发,要不断的差异化 ...

  9. [转载]用户体验之网页板块设计

    用户体验(User Experience,简称UE)是用户在使用产品过程中建立起来的一种纯主观感受.在基于Web的产品设计中,UE是一个相对较新的概念.Donald Norman博士提出了" ...

最新文章

  1. 神经网络完成芯片设计仅需几小时
  2. python socket thread_python 使用socket与thread进行实时通信
  3. Gesture Based TableView
  4. MySQL常用数据类型小结
  5. OpenCV形态学变换函数morphologyEx()顶帽运算的使用
  6. 【word基础知识】在word指定页开始设置页码/页眉
  7. ChannelMergerNode
  8. 安装Caffe报错:/usr/local/cuda-10.1/targets/x86_64-linux/lib/libcudnn.so.7 is not a symbolic link
  9. java 映射servlet,java – 将映射或对象从jsp传递到servlet
  10. 计算机编程英语词汇大全
  11. 交运集团开设“技师工作站“ 创新“机电一体化“人才培养模式
  12. windows U盘分区方法
  13. 计算机模拟水循环的过程,袋装水模拟做科学小实验水循环(步骤图解)
  14. python与会计学_会计有必要学python吗?
  15. PROGRESSIVE GROWING OF GANS FOR IMPROVED QUALITY, STABILITY, AND VARIATION(PGGAN)
  16. 野生之地杜兰戈服务器维护么,野生之地杜兰戈不能登陆解决方法大全
  17. MYCAT开源宣言2019
  18. 前端开发常见的英语词汇
  19. dpdk中文-DPDK学习路线图
  20. Cesium,mars3d,3dtiles 3d地图显示

热门文章

  1. 惠普再发“召回令”:16万笔记本电池存隐患
  2. Windows环境下使用Python设计应用软件——【2】pyqt给控件添加功能(弹窗功能)
  3. java学习input_1
  4. : A child container failed during start报错
  5. 注解、反射、动态编译、字节码操作
  6. 安卓7.0以上版本更新apk报错
  7. 一个计算机爱好者的不完整回忆(五十五)街机-街头霸王
  8. Serviio Pro for Mac(DLNA媒体服务器)含破解补丁 v1.10激活版
  9. mysql declare浮点数_MySQL - Belong_yucl - 博客园
  10. Unity 关于仿崩坏3部分Bloom(部分泛光)效果实现原理(附源码)