零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

相关推荐

  • 2017年设计师该如何转型?来看阿里UED掌门人的演讲!

    温馨提示,扫文章底部二维码可看相关视频。UXD(User experience designer)概念为何在当下越来越热?这个新Title对设计师意味着什么?UXD对设计师提出了怎样的新要求,设计师们又如何去转型UXD呢?在设计师转型UXD的背景下,还需要讲求专业精深吗?纯视觉设计师VD(Visual designer)又有怎样的发展路径?三位阿里巴巴UED掌门人分别从自身视角对设计师转型UXD进行了解析。汪方进:阿里巴巴BBC UED...

    2018-03-20
  • 从用户体验的视角聊首款《CSR赛车(CSR Racing)》

    原文作者:Om Tandon我最近一直在玩《CSR赛车(CSR Racing)》和《CSR赛车:经典(CSR Classics)》,在近期的游戏中我发现,Natural Motion在该系列的核心玩法、货币体系、社交机制和盈利模式中都引入了许多新的花样和用户体验功能,这些新元素的加入为游戏的某些方面带来了更好、更流畅的玩家体验。CSR-Racing-iPhone(from theiospost.com)CSR系列专为手游玩家设计,会话时...

    2018-03-26
  • 干货推荐|数据可视化的五个步骤

    数据被称作是最新的商业原材料「21世纪的石油」。商业领域、研究领域、技术发展领域使用的数据总量非常巨大,并持续增长。就Elsevier而言,每年从ScienceDirect下载的文章有7亿篇,Scopus上的机构档案有8万个、研究人员档案有 1 千 3 百万,Mendeley上的研究人员档案有 3 百万。对于用户来说,从这个数据海洋中抓到关键信息越来越难。

    2017-05-29
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 交互设计与人类行为习惯的一些思考

    在交互设计中,利用很多的人类行为习惯作设计指引,如从左到右的阅读习惯,格式塔原则的视觉习惯等。很多的研究者对此已经深入研究,本文主要围绕习惯与交互设计的联系及相互影响的思考。好的交互设计是培养用户获得更好的行为习惯,更好地解决问题。

    2017-05-26
  • 体验方法论:以目标为导向的设计

    产品名称:金融圈APP 设计团队:金融圈UED设计中心 项目介绍:本项目为首页改版方案,与产品经理,交互,运营,视觉四方共同讨论得出的一期改版方向 设计目的:以体验设计方法论体系结合商业目标对APP首屏进行改版 …

    2016-08-31
  • 聊聊动态效果在体验设计中的应用

    首先,为什么要动?可能你会想到以下几条理由:呵呵,你要这么想就完了。

    2017-05-22
  • 用户体验:网页设计中错误提示的五种设计方法

    每个系统软件在运行的过程中都会出错,可能是用户操作造成的也可能是系统错误。基于这两种情况,如何正确的提示错误信息就显得尤为重要,它直接决定了用户体验的好与坏。一个好的错误提示必备的3条重要法则:清晰地文本提示语放置在正确的位置良好的视觉设计清晰的文本信息1. 错误提示信息应该简明易懂提示信息应该明确的表明发生了什么错误、发生的原因以及解决方法。将你的错误提示信息看作是一次对话,跟用户说人话。确保你的文案是礼貌性的、易于理解的、友好的并且...

    2018-04-07
  • 从这几个案例入手,学会设计APP注册流程

    从注册这点小事儿上看如何提升细节设计和用户体验,希望对一些新入行的童鞋有所帮助。

    2017-05-25
  • 邮件其实是一种不容忽视的用户体验

    人们总是愿意相信,他们自己的创作本身就能够说明一切。由于电影《梦幻成真》里 “车到山前必有路” 的这种心态,加上非理性的恐惧,通常这类思想会影响到产品的设计,造成用户体验脱节,这个过程中又很少与用户交流沟通。

    2017-06-01