从Surface Studio聊一聊实体设备上的交互细节

相信小伙伴们这两天的朋友圈基本躲不过微软大法的霸屏。作为工业设计背景的我,也是被它深深地impress到。所以今天我想来聊聊,实体产品上的交互体验。Handles are better for continuous control (e.g. trombone)
“手柄”对于连续性的控制更加合适。
Buttons are better for discrete control (e.g. piano keyboard)
“按钮”对于状态有显著区别的控制更加合适。
Handles leave you in control (e.g. opening a car door).
“手柄”是将控制交付于用户手中。
Buttons are more likely to trigger something automatic (e.g. opening an elevator door).
“按钮”更倾向于触发一个自动化的过程。


相信小伙伴们这两天的朋友圈基本躲不过微软大法的霸屏。作为工业设计背景的我,也是被它深深地impress到。所以今天我想来聊聊,实体产品上的交互体验。

从Surface Studio聊一聊实体设备上的交互细节

根据现有的产品来分析,并用两个dial类型的产品来做引证。(因为是基于个人经验,如有疏漏,请大家多多指正。)

Zero Gravity Hinge 零重力合叶

我想先放一放最吸睛的Surface Studio, 首先来说说这个看似简单的合页。

从功能上讲,合页看似是一个非常简单的部分。因为它要做的事情就是让用户能effortless(基本不做功)的情况下可以把屏幕立起来、趴下去。

让我们回想一下传统屏幕的作用,顾名思义,它主要是为了呈现内容,可以说大部分时间只是在做一枚安安静静的软妹纸。

然而当你把显示器放趴下来的时候,这个妹纸的功能就变了(呃。。)

我想说的是,她的功能从单一的显示内容,变成了一个可交互的主入口。

用户在上面写写画画,无时无刻在进行零距离的接触。这不经意的一推,瞬间就从passive vertical surface 切换到了 active horizontal surface。

从affordance的角度去思考,这种转换也是两种行为的变换。

一个是被动接受的行为 passive receiver,另外一个是主动创造 active create。

如果你仔细去看看视频中出现的场景,再结合微软的商业重点,你会发现其实他们关注的是如何在企业环境下去使用这个产品。

来,我们试想一下几个场景:

(1)当我早上到公司的时候,我先打开outlook看看有什么新的邮件,处理下,再去看看几个咨询网站了解下时下的新鲜科技,也有可能去看看昨天同事发过来的屁屁踢。这个时候屏幕只需要直立状态即可,因为我们只是在被动的接受这些信息。

(2)而10点左右,刚好有个小会,要和其他组的同事讨论些方案,那这个设备下面设计的四个支点就起了很大作用,这种dyadic collaboration,你可以通过简单的转动设备就可以完成分享。这也支持了在小范围内分享内容做了支持。

(3)方案讨论个差不多,我要把结论汇总,做一个汇报出来,这时候在生产内容的时候,就会把Surface Studio激活,支持我生产新的内容。

你们发现了什么?

对的,微软就是把studio定位于一个多场景办公利器。

而这也是与Wacom的Cintiq有很大区别的地方,Cintiq的设计为个人而生,Surface Studio的设计侧重服务于多人之间的协作(generative collaboration除外)

Surface Dial

这真的是一个给人 aha moment 的外设。让人不禁想说“wow,原来还可以这么设计新的输入装置!”

作为UX设计师,我想大家每天都在focus在屏幕内的东西,然而跳出屏幕,其实也是另一个世界。

就拿Surface Dial来说,它带给我们的就是屏幕之外另一个维度的交互。

首先还是从affordance入手,远远看去Surface Dial就像一个大按钮,但是即使你没有任何使用这款产品的经验,仅仅从物理形态上就能很快判定这东西既可以转又可以按。

对的,这两个行为就是这产品的主要交互方式,作为按钮,可以当做简单的开关,可以在这种1和0的状态下做切换。作为旋钮,支持产品可以在一个范围内做调节。

这里可以参考Bill Verplank提到过的Button和Handle来做深入思考。

http://www.billverplank.com/Lecture/(原文链接)

Handles are better for continuous control (e.g. trombone)

“手柄”对于连续性的控制更加合适。

Buttons are better for discrete control (e.g. piano keyboard)

“按钮”对于状态有显著区别的控制更加合适。

Handles leave you in control (e.g. opening a car door).

“手柄”是将控制交付于用户手中。

Buttons are more likely to trigger something automatic (e.g. opening an elevator door).

“按钮”更倾向于触发一个自动化的过程。

然后,Surface Dial在数字这层(Analog和Digital作个区分)也做了不少功夫。

当Dial不在屏幕上的时候,有三个可以控制的又很直觉化的操作:

  • 时间-也就是可以在时间轴上作交互,比如有限的重现作者的创作过程;
  • 空间-可以在不同页面上做快速切换,迅速找到自己需要的内容,也可以调整视角;
  • 比例-当然也可以放大或者缩小

当Dial被放在屏幕上的时候,indicator的设计 大家注意到 在Dial周围出现的菜单,居中的位置一直有一个状态条,显示当前的颜色等等各种信息,这实际上是辅助这个旋钮来提示用户当前的位置。

按钮的设计可以让Dial在菜单与选择菜单项两个状态之间自由切换,还不考虑单击或者双击的情况。

Dial在屏幕上出现的相对位置可以帮助Dial来根据当前的任务来确定应当显示出来什么合适的菜单选项。

众所周知,物理按键的好处是给用户的反馈是不需要视觉和听觉,只需要触觉即可。而且相对另外两个感知器官,触觉更适合于帮助用户建立Muscle Memory,也就是条件反射。这种操作,不需要占用用户很多cognitive load(认知负荷),对于用户待在“Flow”(心流理论,Mihaly Csikszentmihalyi)中,很有益处。

当我们观察到产品上的什么秘密和设计的决策点时,才能知道我们设计的时候还有哪些方面可以提高,哪些地方可以创新。

另外,今天想一并讲一讲的两个产品是Nest以及我前东家Steelcase的Media Scape Puck。我们一个一个来。

Nest

Nest也是一款设计工业设计和交互设计结合非常完美的产品。它是一个应用场景更加明确的设备,调节温度是它最主要的功能。那我们不妨拿传统的空调控制器和Nest作比较。

前者需要一格格的按上下的按钮来去控制温度,而Nest只需要优雅的一转,就转到想要的位置,这其实就呼应了我们之前提到的dicrete control和continuous control之间的区别。

不知道大家想没想过一个问题,当我们改变空调温度的时候,我们真的是想调节到特定的温度上么?

相信答案肯定是否定的,因为我们对温度这个抽象概念并没有很准确的衡量,我们在脑海里仅有概念的是当时的温度情况,对吧?

所以,我们在操作的时候其实只会考虑现在冷,我们要调暖和些,现在热,我们要调冷些,而我们冷多少热多少并没有个具体数值,所以在这种情况下使用这种Continuous control的交互方式更符合用户的心理模型。

而在Nest的数字界面上通过对比现在的温度和调节后的温度来给用户一个反馈 – 我现在很冷,那我就要这个增大的幅度更大一些;我现在其实就稍微有点冷,那我只需要小小的调节暖和一点就够了。而从界面的背景颜色也用了橘黄色和蓝色来代表加热和制冷这两个当前状态,提示我们当前设备的运行情况。

大家如果仔细看过Nest的安装说明就更会发现,这个产品是把体验做到了每个细节,作为一点知识都没有的小白用户,也可以轻轻松松把家里的旧的空调控制器换成Nest。这样的产品怎么能不成功!

Steelcase的Media:Scape Puck

这款产品看着非常简单,甚至不能称其为科技产品,然鹅交互上的文章也是做的足足的。

我先稍微介绍一下这个冷门的东西是干什么的。

在公司里面,大家分享文档是家常便饭,一般来说就一根VGA的线大家插上拔下的,每次插拔都要大动干戈一番。然而当每个人都有一根这样的线,事情就变得简单的多了,谁需要分享屏幕谁就按一下自己前面Puck,内容就直接投射在显示器上。我第一次使用的时候,是一种如沐春风的感觉。这就是media:scape puck,而这个产品也就是一个圆形的按钮而已,虽然比不上这个高大上的Surface Dial,但是这个东西算是爷爷辈的存在了。

Signaling(信号反馈)做的恰到好处。

整个Puck的边缘是有LED的,显示白光的时候,证明设备运转OK,但是并没有将内容投射在显示设备上;而当显示绿色的光的时候,暗示内容已经投射在显示设备上。

那这么一个小东西有没有交互呢?其实是有的:

与现在通常使用的投射手段相比她有一个贴心的细节,就是每个人要切换到自己的屏幕的时候都要伸手去按下自己前面的Puck上的按钮,而这个动作会被所有人都看到,与自己在电脑上操作不同的是,这个动作给其他用户一个信号“你们注意了,我要换内容了”。正是这个动作,让其他参与会议的人有了更“顺畅”的体验,并不是硬生生的从一个内容状态切换到下一个,我们的脑子是需要有准备的。

归根到底呢,交互是设计关系(relationship)的,不管是人机,还是人与人,还是人与自然….(扯远了,噗)。大家也不难看出,用户体验并不是被媒介所限制的,更多的只是把人放在设计决策前头,为人要达到的目的去服务,具体你是用一句话,一张图,一个APP,一个产品,一个建筑空间,一套商业模式,还是一整套服务流程,不变的是将对用户的深入思考,经常问自己为什么这么做,用户到底面临的是什么问题, 让自己的好奇心带着你去对设计做更深入的思考,那才是用户体验的未来。

以上~over~

 

作者:石头

来源:UXOFFER

版权声明:人人都是产品经理尊重行业规范,所转载的文章都注明作者和来源,若标注有误,请联系主编QQ:419297645更改。

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

(0)
CatherineCatherine
上一篇 2017-05-16 01:40
下一篇 2017-05-16 03:59

相关推荐

  • 广告Banner :20种高度可行、转化率高的设计思路

    Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

    2017-05-03
  • 交互设计的知识体系架构 做好产品与人的“翻译官”

    面临毕业季想从事交互设计这个行业,但毫无头绪?交互设计是什么鬼?工作一段时间发现转业交互设计,一直找不到学习的途径。接到一个需求,兴奋地开始画图,提交后产品和开发向你提出一大堆问题,你不停自否定的改图陷入死循环。互联网交互行业越来越受到追捧,看似入门的门槛很低,会画线框图就可以了。事实上交互设计师大部分是输出抽象方面的东西,对象是行为。一位知名人士曾将人与系统交互的过程分为五个要素:用户、行为、目标、场景、媒介,这些你曾了解过吗?这次M...

    2018-02-09
  • 2018年04月07招聘岗位

    诚聘:通辽澳鼎医疗器械公司诚聘:工作人员要求:40岁到50岁之间的女性,能长期工作的,有爱心,有孝心,家庭没有负担的,高中以上文化程度,语言表达能力好待遇:中午有工作午餐,每个周日休息,节假日休息,基本工资1800元,满勤奖200元,年底奖金不少于12000元。联系人:闫经理。联系电话,15247572846,15374967717不能长期工作的勿扰!招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,157...

    2018-04-08
  • 交互设计师高级:兴趣、场景推荐核心算法之‘多维空间的两个向量夹角的余弦公式’

    不知道大家有没有关注过你手里的APP,那么它在不停升级中变得越来越懂你,越来越知道你的喜好,举例先:网易云音乐的推荐、今日头条的新闻推荐,他们都是你使用越长时间使用频率越多对你兴趣越准确的判断从而推荐给…

    交互设计 2015-08-31
  • 资源贴|2016年Top20 UX设计博客和资源网站

    全球用户体验和用户界面的发展从未停止,并引领潮流,似乎每个人都知道该行业的流行语。尤其重要的是要时刻更新行业最新想法和会谈结果,但很难从众多的资源中找到真正有帮助的材料,所有撰写该文,这就是博客的方便之处。

    2017-05-19
  • 2018年用户体验设计趋势

    作者| Anthony Miller译者| 耳洞审校| 郑几块编辑| Ella全文共 5963 字 31 图,阅读需要 14 分钟———— / BEGIN / ————2017年就要过去了,让我们预测一下2018年的用户体验演变趋势。本文将回顾2017年数字世界中的显著变化,并将展望2018年在设计和开发领域让我们继续保持领先的那些趋势。一、更简单的导航导航体验是2017年设计师中的热门话题。设计师殚精竭虑,拿出熬秃少年头的精神,就是为...

    2018-02-02
  • 马化腾:用户体验,比一切事情都大

    企业快速成长中,第一个大问题就是战略。/演讲|马化腾来源|笔记侠(ID:Notesman)我非常希望也很高兴在这个平等氛围中,以创业者的身份跟大家进行这样一场交流。在座的创业者,很多拿到A轮、B轮,有些在走向C轮。企业快速成长中,第一个大问题就是战略。创业最难的就是选准创业的点,你会面对很多机会、很多诱惑,需要不断做出选择。自腾讯初创开始的六七年,是我们变化最快的时期,我想把这个时期包括战略选择等方面的经验跟大家分享。一、关注痛点你出来...

    2018-02-16
  • 一篇读懂交互设计进化!

    计算机刚被发明的时候并不是现时看到这个样子的,而是这个样子的。像房子一样大的计算机当时的计算机一切数据和操作指令都是通过由纸带输入机进行的,是当时唯一的输入设备。穿孔纸带上利用一排孔表示一个字符,用穿孔或不穿孔表示1和0,来将指令和数据导入内存。穿孔纸虽然大家都没见过这玩意,但可想而知纸带的输入速度很慢。。。很慢。。。即使是一个简单的程序,所需要的纸也是一箱一箱的。后来,因为打字机的灵感,键盘终于被发明了,可想而知这输入速度有多大的提升...

    2018-03-04
  • 案例分析|社交网络产品LOGO设计系统

    在SNG(腾讯社交网络事业群)品牌系统语言里,LOGO系统承载品牌视觉的最核心容器,是整个品牌视觉系统的灵魂,是品牌的精神文化理念、信誉、服务等特点的浓缩表现,直接影响着社交网络品牌的发展。本文核心剖析社交网络产品LOGO设计系统。

    2017-05-09
  • Axure RP入门第六篇——加载地图

    产品经理入门:Axure RP入门第六篇——加载地图http://api.map.baidu.com/lbsapi/creatmap/index.html

    2018-03-21