零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

相关推荐

  • Design is not about the pixels — or why the lean approach rocks

    For a while now, I focused on building partnerships with my freelance clients. A couple of pages taken out of lean UX book helped a lot. While talking with potential clients, especially coming from D…

    2015-06-02
  • 面试时,如何阐释设计思路?

    这几天有一些同学问我关于面试的问题,其实我对于整个面试的过程还没怎么总结过,但是对于如何阐述自己的设计思路倒是有一套方法,今天分享给大家。由于信息安全问题,我将底部的信息主架构进行了隐藏和改变,大家主要看整个设计思路的阐述,不要纠结细节。

    2017-05-07
  • 交互设计:超越人机交互(原书第4版)

    本书由交互设计界的三位顶尖学者联袂撰写,是该领域的经典著作,被全球各地的大学选作教材。新版本继承了本书一贯的跨学科特色,并与时俱进地更新了大量实例,涉及敏捷用户体验、社会媒体与情感交互、混合现实与脑机界面等。全书紧紧围绕设计与评估的迭代过程,不仅包含了传统的理论知识、实例解析、实践指导等内容,还通过“窘境”模块讨论了一系列启迪思考的开放问题。此外,本书网站www.id-book.com也为读者提供了丰富的资源,包括教学PPT以及大量的案...

    2018-03-09
  • 如何设计移动端的文本输入框?

    基于移动设备的ux设计有很多难点。其中最大的设计挑战之一是在有限的屏幕空间上解决点击输入的问题。对于ux设计师、开发人员和产品经理来说,让这个过程变得易于用户使用就显得至关重要。

    2017-05-22
  • 从零开始学交互:经验分享之基础阶段一

    【对用户体验设计的理解】 对于我个人而言,喜欢以咬文嚼字的方式去理解一个新的词语,这正是汉字的艺术所在。用户体验设计=用户体验+设计。一说到设计,很多人会联想到绘画、创意、各种漂亮的手稿。这是对艺术和设…

  • iOS 9人机界面指南(三):iOS 技术 (中)

    文章索引译者注:本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日),由腾讯ISUX设计师翻译整理,非发文者一人之作。译文首发于ISUX博客,如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。后续章节会陆续更新,敬请期待。

    2017-05-29
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • AxureUX后台业务管理系统原型模板发布

    这是一套基于电商产品的后台业务管理系统原型模板,包含了商品、订单、库存、用户、促销、运营、内容、统计、财务、设置、权限等十多个电商后台系统管理模块。模板中提供了多套登录界面和布局框架方案,同时整理出了后台系统中各类常用的交互元素及组件,可以方便快速的复用到任何中大型系统项目原型方案中。模板框架采用了自适应布局处理,可以在各种屏幕分辨率下达到最佳的兼容性和浏览效果,同时所有功能模块二级界面都是单独设计并使用内联框架嵌入,可极大的提升输出效...

    2018-03-06
  • 基础知识小科普!4个最常见的APP概念区分及比较

    @凌霜设计 :现在关于移动应用的概念有许多:Native App, Responsive Web, Web App, Hybrid App,搞清楚这几个概念的区别和各自的优劣对于设计师来说很重要,这篇文章较为全面地探讨了这几个概念,值得初学者阅读,…

    交互设计 2015-09-15
  • 别让这10个设计误区毁了你的APP

    色彩:鲜艳的色彩更抓眼球,适宜于可点击的元素使用
    空间:在关键元素周围留下足够的空间,让用户更容易发现,也更容易操作
    排版:使用简单干净的字体(尽量使用笔画粗细统一的字体),并且挑选适合屏幕的字体,确保整体可读性。

    告知用户他们所处的位置,或者显示当前状态(比如光标悬停色彩改变等)
    当某个动作执行的时候,应当给出相应反应(比如提交表单完成之后给予成功提交的提示)
    告诉用户发生了什么,以及接下来将会发生什么(比如加载中的进度条)

    2017-05-21