零UI,为无屏交互而设计

“最好的用户界面就是没有界面”——Golden Krishna“最好的用户界面就是没有界面”——Golden Krishna


“最好的用户界面就是没有界面”——Golden Krishna

零UI,为无屏交互而设计

我们正生活在后屏幕时代。智能和语境感知设备的出现已经改变了我们与事物的交互方式。数据成了我们的物理与数字情景连接的快照。设计师需要构建无屏幕体验,从而运用数据和算法为用户创造价值。

根据定义,零界面去除了传统的图形用户界面(GUI),并使用自然本性的交互方式—触觉反馈,情境感知,环境,手势和语音识别。

“最好的用户界面就是没有界面”——Golden Krishna

触觉反馈

触觉通过运动或震动为用户提供信息反馈。世嘉的Moto-Cross video将触觉反馈整合到控制器中,从而增加了玩家与其他玩家在屏幕上碰撞的即时体验感。任天堂运用Rumble Pak配件也将触感体验带到其家用游戏机中。现在,随着我们与小小的触摸屏之间的交互,我们能够体验到触感反馈。当前触感通常用于健身追踪器和智能手表中,以为佩戴者提供通知。触觉反馈正向服装拓展,而超声和超触觉为虚拟现实(VR)和Kinect风格游戏带来全新触觉体验。保持有节制、最低限度和避免过度使用的触觉可提高用户反馈的价值。

情景感知

具有情景感知和剔除额外交互行为的设备和应用程序能够通过预测用户的需求来简化用户的数字和物理体验。个性化要求零界面设备和应用程具有超前性、预测性和主动性的。Domino’s Zero Click应用程序运作的前提是如果启动了应用程序意味着你预定了披萨,而取消预订披萨的唯一方式是在10秒内关闭该应用程序。

零UI,为无屏交互而设计

Domino’s Zero Click App via Google Play

情景的应用正被集成到设备之中,从而减少了为实现用户需求而进行的与应用程序或设备设置的交互操作。乍一看,新的苹果AirPods只是无线耳机。然而,却提供给用户相关的和个性化的体验。当移除一个AirPod,音乐播放会切换到单声道;两个全部移除,播放停止,当再次佩戴播放继续。

零UI,为无屏交互而设计

Apple AirPods via Apple

像Nest 恒温器这样的一些设备,依靠收集使用和交互过程中的数据来适应并满足用户的预期需要。通过利用设备中的传感器或位置数据,我们可以设计隐性的而非显性的情景式交互体验。用户所处的情景是什么?设备的使用场景是什么?需要建立和设计基于场景和时间的交互。

一目了然和环境

环境设备的一个原则是一目了然,而不需要打开应用程序或阅读通知信息。其像墙上的时钟或一天的日历,扫一眼就能够提供用户想要的信息或内容。Nabaztag兔就是这样一个伴侣式设备,结合彩灯和可改变位置的耳朵提供用户一瞥既得的体验。而Chumby是通过部件来提供信息。环境设备的基本前提是创造物理和数字空间的无缝桥梁。与环境设备间的互动应该是连接的、无浏览器式的体验。但是当这类设备无法适应技术的改变和满足用户的信息需求的时候,其使用周期是短暂的。

零UI,为无屏交互而设计

Nabaztag Rabbit – Image via CNET

手势交互

手势需要容易学习和重复。手势的一个难点是需要让系统读懂三维空间中的物理手势行为(挥动,悬停和滑动)。尤其当用户试图让系统对其多重手势做出回应时,系统对手势输入的响应可能产生问题。在成功完成的动作和任务中教导手势和向用户提供反馈之间需要一个平衡。手势设计要求有自适应的灵活性,需要考虑系统的局限性(处理速度),相机的焦距及建立从屏幕/相机到发生交互的最小和最大距离。Google的Project Soli通过使用雷达检测精细运动,使“你的双手成为你需要的唯一界面”。UI层和交互不应该过度扩展远离用户身体的动作,因为这对用户可能是疲劳的,——使手势小而自然。

零UI,为无屏交互而设计

Xbox Kinect Gestures via Microsoft

语音识别

语音识别自20世纪70年代初一直是科幻小说的一部分,并随着iOS和Android手机中的语音识别和搜索的出现进入主流。用户会突出音节,单词和短语,认为这将有助于系统识别他们的查询和命令。设计会话式UI需要额外的用户研究,以了解用户如何对其查询或语句进行短语和构造。语音识别的一个困难的部分是需要使系统适应区域方言和俚语。当考虑到所有用于排序的不同变体时,像订购比萨一样简单的问题可能变成复杂的设计问题。了解用户的需求和意图或动机,有助于确定短语或表达语句。

零UI,为无屏交互而设计

Image via Amazon

亚马逊的Echo通过对每个命令和查询的启动短语,限制与环境或背景对话的交互。

总结

Zero UI零界面的未来在于利用数据和理解用户意图来设计和构建与之相关的个性化用户体验并预测用户需求。情景感知设备创造超越屏幕的连接我们的数字和物理世界的体验。最小化仪表板并提供一目了然的信息,为用户创造价值,增加了无屏幕交互设计的挑战。用户研究将扩展到我们如何与界面交互,如何在我们的日常生活中使用物理对象。

 

原文作者:Andrew Smyk

原文地址:https://blogs.adobe.com/creativecloud/zero-ui-designing-for-screen-less-interactions/

本文由 @静面人生 翻译发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24446/

(0)
CatherineCatherine
上一篇 2017-05-08 16:39
下一篇 2017-05-08 18:55

相关推荐

  • 《用户体验可视化指南》视频讲书(6)

    《用户体验可视化指南》书中第2章的第2部分从伦敦地铁地图,看体验地图的元素、范围和根据目标的取舍。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享从这里开始讲绘制共线图前的5个思考点:视角、范围、焦点、结构和用途。蓉姐在这节视频中主要讲解了视角和范围这2点。1、视角有2个决定因素,目标用户和想要绘制的体验类型。a. 每类目标用户,在产品互动的关键触点上,应该是有明显差异的。哪些企业的主目标用户,哪些是次级...

    2018-04-10
  • 设计实战|城市指南网站着陆页是这样设计出来的

    今天咱们要聊的是“城市指南”(Big City Guide)网站这一概念设计案例研究。

    2017-06-06
  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30
  • 【UXRen原创】杀死转化率的 4 大 UX 错误

    作者:Sean Ellis   译者:吆喝科技   本文编译自 Sean Ellis 所撰写的《UX mistakes that are killing your conversions 》 ,作为资深交互设计师, Sean Ellis 谈论 UX 在转换率优化的重要性。Sean Ellis 是 Qual…

    交互专题 2017-08-07
  • 干货!如何做一个让人闻风丧胆的Html5页面

    Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

    2017-06-03
  • 如何保持交互与视觉的协调性

    转自微信号: 作者:小云子  我是UE / woshiue 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然…

    2015-03-30
  • 网页设计中,如何突破栅格的限制又保持协调?

    想要打破栅格又保持网页的协调,是有技巧的,并非任何“破格”的设计都是好的。

    2017-05-09
  • 用户体验在人工智能下的改变

    用户体验在人工智能下的改变安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以安全性是产品以及用户体验的基础。效率1.实时性随着计算能力和算法的提升,计算机可以做到实时反馈结果。在以往的重要直播上,视频会显示实时字幕,这是通过给原有直播信号增加5-10分钟的延时,速记员在这短暂的时间内快速整理并输出字幕,但这需要消耗多名速记员的大量体力和脑力。在人工...

    2018-03-24
  • 走心的收纳设计

    走心的收纳设计

    IxD案例 2017-03-13
  • 【文创•职通车】2018校园招聘信息

    序号001未而思伯文化传媒(杭州)有限公司2007 年成立至今,经历了十年的发展,从最初的单一媒介投放板块到如今的以视频内容创作,品牌营销传播为两大核心板块。十年媒体资源、渠道积累,坚持立足浙江为中心,面向江浙沪,以传统媒体+新媒体的渠道传播组合方式。(向上滑动启阅)一、 总监助理( 1 名)职位描述:1、本科以上学历,具有良好的协调沟通能力,良好的文字功底;2、完成总监交代的任务,负责项目的对接协调统筹工作;3、负责总监的工作日程安排...

    2018-03-20