從Surface Studio聊一聊實(shí)體設(shè)備上的交互細(xì)節(jié)

相信小伙伴們這兩天的朋友圈基本躲不過微軟大法的霸屏。作為工業(yè)設(shè)計(jì)背景的我,也是被它深深地impress到。所以今天我想來聊聊,實(shí)體產(chǎn)品上的交互體驗(yàn)。
根據(jù)現(xiàn)有的產(chǎn)品來分析,并用兩個(gè)dial類型的產(chǎn)品來做引證。(因?yàn)槭腔趥€(gè)人經(jīng)驗(yàn),如有疏漏,請(qǐng)大家多多指正。)
Zero Gravity Hinge 零重力合葉
我想先放一放最吸睛的Surface Studio, 首先來說說這個(gè)看似簡(jiǎn)單的合頁。
從功能上講,合頁看似是一個(gè)非常簡(jiǎn)單的部分。因?yàn)樗龅氖虑榫褪亲層脩裟躤ffortless(基本不做功)的情況下可以把屏幕立起來、趴下去。
讓我們回想一下傳統(tǒng)屏幕的作用,顧名思義,它主要是為了呈現(xiàn)內(nèi)容,可以說大部分時(shí)間只是在做一枚安安靜靜的軟妹紙。
然而當(dāng)你把顯示器放趴下來的時(shí)候,這個(gè)妹紙的功能就變了(呃。。)
我想說的是,她的功能從單一的顯示內(nèi)容,變成了一個(gè)可交互的主入口。
用戶在上面寫寫畫畫,無時(shí)無刻在進(jìn)行零距離的接觸。這不經(jīng)意的一推,瞬間就從passive vertical surface 切換到了 active horizontal surface。
從affordance的角度去思考,這種轉(zhuǎn)換也是兩種行為的變換。
一個(gè)是被動(dòng)接受的行為 passive receiver,另外一個(gè)是主動(dòng)創(chuàng)造 active create。
如果你仔細(xì)去看看視頻中出現(xiàn)的場(chǎng)景,再結(jié)合微軟的商業(yè)重點(diǎn),你會(huì)發(fā)現(xiàn)其實(shí)他們關(guān)注的是如何在企業(yè)環(huán)境下去使用這個(gè)產(chǎn)品。
來,我們?cè)囅胍幌聨讉€(gè)場(chǎng)景:
(1)當(dāng)我早上到公司的時(shí)候,我先打開outlook看看有什么新的郵件,處理下,再去看看幾個(gè)咨詢網(wǎng)站了解下時(shí)下的新鮮科技,也有可能去看看昨天同事發(fā)過來的屁屁踢。這個(gè)時(shí)候屏幕只需要直立狀態(tài)即可,因?yàn)槲覀冎皇窃诒粍?dòng)的接受這些信息。
(2)而10點(diǎn)左右,剛好有個(gè)小會(huì),要和其他組的同事討論些方案,那這個(gè)設(shè)備下面設(shè)計(jì)的四個(gè)支點(diǎn)就起了很大作用,這種dyadic collaboration,你可以通過簡(jiǎn)單的轉(zhuǎn)動(dòng)設(shè)備就可以完成分享。這也支持了在小范圍內(nèi)分享內(nèi)容做了支持。
(3)方案討論個(gè)差不多,我要把結(jié)論匯總,做一個(gè)匯報(bào)出來,這時(shí)候在生產(chǎn)內(nèi)容的時(shí)候,就會(huì)把Surface Studio激活,支持我生產(chǎn)新的內(nèi)容。
你們發(fā)現(xiàn)了什么?
對(duì)的,微軟就是把studio定位于一個(gè)多場(chǎng)景辦公利器。
而這也是與Wacom的Cintiq有很大區(qū)別的地方,Cintiq的設(shè)計(jì)為個(gè)人而生,Surface Studio的設(shè)計(jì)側(cè)重服務(wù)于多人之間的協(xié)作(generative collaboration除外)
Surface Dial
這真的是一個(gè)給人 aha moment 的外設(shè)。讓人不禁想說“wow,原來還可以這么設(shè)計(jì)新的輸入裝置!”
作為UX設(shè)計(jì)師,我想大家每天都在focus在屏幕內(nèi)的東西,然而跳出屏幕,其實(shí)也是另一個(gè)世界。
就拿Surface Dial來說,它帶給我們的就是屏幕之外另一個(gè)維度的交互。
首先還是從affordance入手,遠(yuǎn)遠(yuǎn)看去Surface Dial就像一個(gè)大按鈕,但是即使你沒有任何使用這款產(chǎn)品的經(jīng)驗(yàn),僅僅從物理形態(tài)上就能很快判定這東西既可以轉(zhuǎn)又可以按。
對(duì)的,這兩個(gè)行為就是這產(chǎn)品的主要交互方式,作為按鈕,可以當(dāng)做簡(jiǎn)單的開關(guān),可以在這種1和0的狀態(tài)下做切換。作為旋鈕,支持產(chǎn)品可以在一個(gè)范圍內(nèi)做調(diào)節(jié)。
這里可以參考Bill Verplank提到過的Button和Handle來做深入思考。
http://www.billverplank.com/Lecture/(原文鏈接)
Handles are better for continuous control (e.g. trombone)
“手柄”對(duì)于連續(xù)性的控制更加合適。
Buttons are better for discrete control (e.g. piano keyboard)
“按鈕”對(duì)于狀態(tài)有顯著區(qū)別的控制更加合適。
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).
“按鈕”更傾向于觸發(fā)一個(gè)自動(dòng)化的過程。
然后,Surface Dial在數(shù)字這層(Analog和Digital作個(gè)區(qū)分)也做了不少功夫。
當(dāng)Dial不在屏幕上的時(shí)候,有三個(gè)可以控制的又很直覺化的操作:
- 時(shí)間-也就是可以在時(shí)間軸上作交互,比如有限的重現(xiàn)作者的創(chuàng)作過程;
- 空間-可以在不同頁面上做快速切換,迅速找到自己需要的內(nèi)容,也可以調(diào)整視角;
- 比例-當(dāng)然也可以放大或者縮小
當(dāng)Dial被放在屏幕上的時(shí)候,indicator的設(shè)計(jì) 大家注意到 在Dial周圍出現(xiàn)的菜單,居中的位置一直有一個(gè)狀態(tài)條,顯示當(dāng)前的顏色等等各種信息,這實(shí)際上是輔助這個(gè)旋鈕來提示用戶當(dāng)前的位置。
按鈕的設(shè)計(jì)可以讓Dial在菜單與選擇菜單項(xiàng)兩個(gè)狀態(tài)之間自由切換,還不考慮單擊或者雙擊的情況。
Dial在屏幕上出現(xiàn)的相對(duì)位置可以幫助Dial來根據(jù)當(dāng)前的任務(wù)來確定應(yīng)當(dāng)顯示出來什么合適的菜單選項(xiàng)。
眾所周知,物理按鍵的好處是給用戶的反饋是不需要視覺和聽覺,只需要觸覺即可。而且相對(duì)另外兩個(gè)感知器官,觸覺更適合于幫助用戶建立Muscle Memory,也就是條件反射。這種操作,不需要占用用戶很多cognitive load(認(rèn)知負(fù)荷),對(duì)于用戶待在“Flow”(心流理論,Mihaly Csikszentmihalyi)中,很有益處。
當(dāng)我們觀察到產(chǎn)品上的什么秘密和設(shè)計(jì)的決策點(diǎn)時(shí),才能知道我們?cè)O(shè)計(jì)的時(shí)候還有哪些方面可以提高,哪些地方可以創(chuàng)新。
另外,今天想一并講一講的兩個(gè)產(chǎn)品是Nest以及我前東家Steelcase的Media Scape Puck。我們一個(gè)一個(gè)來。
Nest
Nest也是一款設(shè)計(jì)工業(yè)設(shè)計(jì)和交互設(shè)計(jì)結(jié)合非常完美的產(chǎn)品。它是一個(gè)應(yīng)用場(chǎng)景更加明確的設(shè)備,調(diào)節(jié)溫度是它最主要的功能。那我們不妨拿傳統(tǒng)的空調(diào)控制器和Nest作比較。
前者需要一格格的按上下的按鈕來去控制溫度,而Nest只需要優(yōu)雅的一轉(zhuǎn),就轉(zhuǎn)到想要的位置,這其實(shí)就呼應(yīng)了我們之前提到的dicrete control和continuous control之間的區(qū)別。
不知道大家想沒想過一個(gè)問題,當(dāng)我們改變空調(diào)溫度的時(shí)候,我們真的是想調(diào)節(jié)到特定的溫度上么?
相信答案肯定是否定的,因?yàn)槲覀儗?duì)溫度這個(gè)抽象概念并沒有很準(zhǔn)確的衡量,我們?cè)谀X海里僅有概念的是當(dāng)時(shí)的溫度情況,對(duì)吧?
所以,我們?cè)诓僮鞯臅r(shí)候其實(shí)只會(huì)考慮現(xiàn)在冷,我們要調(diào)暖和些,現(xiàn)在熱,我們要調(diào)冷些,而我們冷多少熱多少并沒有個(gè)具體數(shù)值,所以在這種情況下使用這種Continuous control的交互方式更符合用戶的心理模型。
而在Nest的數(shù)字界面上通過對(duì)比現(xiàn)在的溫度和調(diào)節(jié)后的溫度來給用戶一個(gè)反饋 – 我現(xiàn)在很冷,那我就要這個(gè)增大的幅度更大一些;我現(xiàn)在其實(shí)就稍微有點(diǎn)冷,那我只需要小小的調(diào)節(jié)暖和一點(diǎn)就夠了。而從界面的背景顏色也用了橘黃色和藍(lán)色來代表加熱和制冷這兩個(gè)當(dāng)前狀態(tài),提示我們當(dāng)前設(shè)備的運(yùn)行情況。
大家如果仔細(xì)看過Nest的安裝說明就更會(huì)發(fā)現(xiàn),這個(gè)產(chǎn)品是把體驗(yàn)做到了每個(gè)細(xì)節(jié),作為一點(diǎn)知識(shí)都沒有的小白用戶,也可以輕輕松松把家里的舊的空調(diào)控制器換成Nest。這樣的產(chǎn)品怎么能不成功!
Steelcase的Media:Scape Puck
這款產(chǎn)品看著非常簡(jiǎn)單,甚至不能稱其為科技產(chǎn)品,然鵝交互上的文章也是做的足足的。
我先稍微介紹一下這個(gè)冷門的東西是干什么的。
在公司里面,大家分享文檔是家常便飯,一般來說就一根VGA的線大家插上拔下的,每次插拔都要大動(dòng)干戈一番。然而當(dāng)每個(gè)人都有一根這樣的線,事情就變得簡(jiǎn)單的多了,誰需要分享屏幕誰就按一下自己前面Puck,內(nèi)容就直接投射在顯示器上。我第一次使用的時(shí)候,是一種如沐春風(fēng)的感覺。這就是media:scape puck,而這個(gè)產(chǎn)品也就是一個(gè)圓形的按鈕而已,雖然比不上這個(gè)高大上的Surface Dial,但是這個(gè)東西算是爺爺輩的存在了。
Signaling(信號(hào)反饋)做的恰到好處。
整個(gè)Puck的邊緣是有LED的,顯示白光的時(shí)候,證明設(shè)備運(yùn)轉(zhuǎn)OK,但是并沒有將內(nèi)容投射在顯示設(shè)備上;而當(dāng)顯示綠色的光的時(shí)候,暗示內(nèi)容已經(jīng)投射在顯示設(shè)備上。
那這么一個(gè)小東西有沒有交互呢?其實(shí)是有的:
與現(xiàn)在通常使用的投射手段相比她有一個(gè)貼心的細(xì)節(jié),就是每個(gè)人要切換到自己的屏幕的時(shí)候都要伸手去按下自己前面的Puck上的按鈕,而這個(gè)動(dòng)作會(huì)被所有人都看到,與自己在電腦上操作不同的是,這個(gè)動(dòng)作給其他用戶一個(gè)信號(hào)“你們注意了,我要換內(nèi)容了”。正是這個(gè)動(dòng)作,讓其他參與會(huì)議的人有了更“順暢”的體驗(yàn),并不是硬生生的從一個(gè)內(nèi)容狀態(tài)切換到下一個(gè),我們的腦子是需要有準(zhǔn)備的。
歸根到底呢,交互是設(shè)計(jì)關(guān)系(relationship)的,不管是人機(jī),還是人與人,還是人與自然….(扯遠(yuǎn)了,噗)。大家也不難看出,用戶體驗(yàn)并不是被媒介所限制的,更多的只是把人放在設(shè)計(jì)決策前頭,為人要達(dá)到的目的去服務(wù),具體你是用一句話,一張圖,一個(gè)APP,一個(gè)產(chǎn)品,一個(gè)建筑空間,一套商業(yè)模式,還是一整套服務(wù)流程,不變的是將對(duì)用戶的深入思考,經(jīng)常問自己為什么這么做,用戶到底面臨的是什么問題, 讓自己的好奇心帶著你去對(duì)設(shè)計(jì)做更深入的思考,那才是用戶體驗(yàn)的未來。
以上~over~
作者:石頭
來源:UXOFFER
版權(quán)聲明:人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范,所轉(zhuǎn)載的文章都注明作者和來源,若標(biāo)注有誤,請(qǐng)聯(lián)系主編QQ:419297645更改。
請(qǐng)高逼格的人發(fā)言
已經(jīng)發(fā)言