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

2 評論 10148 瀏覽 15 收藏 13 分鐘

相信小伙伴們這兩天的朋友圈基本躲不過微軟大法的霸屏。作為工業(yè)設(shè)計背景的我,也是被它深深地impress到。所以今天我想來聊聊,實體產(chǎn)品上的交互體驗。

根據(jù)現(xiàn)有的產(chǎn)品來分析,并用兩個dial類型的產(chǎn)品來做引證。(因為是基于個人經(jīng)驗,如有疏漏,請大家多多指正。)

Zero Gravity Hinge 零重力合葉

我想先放一放最吸睛的Surface Studio, 首先來說說這個看似簡單的合頁。

從功能上講,合頁看似是一個非常簡單的部分。因為它要做的事情就是讓用戶能effortless(基本不做功)的情況下可以把屏幕立起來、趴下去。

讓我們回想一下傳統(tǒng)屏幕的作用,顧名思義,它主要是為了呈現(xiàn)內(nèi)容,可以說大部分時間只是在做一枚安安靜靜的軟妹紙。

然而當(dāng)你把顯示器放趴下來的時候,這個妹紙的功能就變了(呃。。)

我想說的是,她的功能從單一的顯示內(nèi)容,變成了一個可交互的主入口。

用戶在上面寫寫畫畫,無時無刻在進行零距離的接觸。這不經(jīng)意的一推,瞬間就從passive vertical surface 切換到了 active horizontal surface。

從affordance的角度去思考,這種轉(zhuǎn)換也是兩種行為的變換。

一個是被動接受的行為 passive receiver,另外一個是主動創(chuàng)造 active create。

如果你仔細去看看視頻中出現(xiàn)的場景,再結(jié)合微軟的商業(yè)重點,你會發(fā)現(xiàn)其實他們關(guān)注的是如何在企業(yè)環(huán)境下去使用這個產(chǎn)品。

來,我們試想一下幾個場景:

(1)當(dāng)我早上到公司的時候,我先打開outlook看看有什么新的郵件,處理下,再去看看幾個咨詢網(wǎng)站了解下時下的新鮮科技,也有可能去看看昨天同事發(fā)過來的屁屁踢。這個時候屏幕只需要直立狀態(tài)即可,因為我們只是在被動的接受這些信息。

(2)而10點左右,剛好有個小會,要和其他組的同事討論些方案,那這個設(shè)備下面設(shè)計的四個支點就起了很大作用,這種dyadic collaboration,你可以通過簡單的轉(zhuǎn)動設(shè)備就可以完成分享。這也支持了在小范圍內(nèi)分享內(nèi)容做了支持。

(3)方案討論個差不多,我要把結(jié)論匯總,做一個匯報出來,這時候在生產(chǎn)內(nèi)容的時候,就會把Surface Studio激活,支持我生產(chǎn)新的內(nèi)容。

你們發(fā)現(xiàn)了什么?

對的,微軟就是把studio定位于一個多場景辦公利器。

而這也是與Wacom的Cintiq有很大區(qū)別的地方,Cintiq的設(shè)計為個人而生,Surface Studio的設(shè)計側(cè)重服務(wù)于多人之間的協(xié)作(generative collaboration除外)

Surface Dial

這真的是一個給人 aha moment 的外設(shè)。讓人不禁想說“wow,原來還可以這么設(shè)計新的輸入裝置!”

作為UX設(shè)計師,我想大家每天都在focus在屏幕內(nèi)的東西,然而跳出屏幕,其實也是另一個世界。

就拿Surface Dial來說,它帶給我們的就是屏幕之外另一個維度的交互。

首先還是從affordance入手,遠遠看去Surface Dial就像一個大按鈕,但是即使你沒有任何使用這款產(chǎn)品的經(jīng)驗,僅僅從物理形態(tài)上就能很快判定這東西既可以轉(zhuǎn)又可以按。

對的,這兩個行為就是這產(chǎn)品的主要交互方式,作為按鈕,可以當(dāng)做簡單的開關(guān),可以在這種1和0的狀態(tài)下做切換。作為旋鈕,支持產(chǎn)品可以在一個范圍內(nèi)做調(diào)節(jié)。

這里可以參考Bill Verplank提到過的Button和Handle來做深入思考。

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

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

“手柄”對于連續(xù)性的控制更加合適。

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

“按鈕”對于狀態(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ā)一個自動化的過程。

然后,Surface Dial在數(shù)字這層(Analog和Digital作個區(qū)分)也做了不少功夫。

當(dāng)Dial不在屏幕上的時候,有三個可以控制的又很直覺化的操作:

  • 時間-也就是可以在時間軸上作交互,比如有限的重現(xiàn)作者的創(chuàng)作過程;
  • 空間-可以在不同頁面上做快速切換,迅速找到自己需要的內(nèi)容,也可以調(diào)整視角;
  • 比例-當(dāng)然也可以放大或者縮小

當(dāng)Dial被放在屏幕上的時候,indicator的設(shè)計 大家注意到 在Dial周圍出現(xiàn)的菜單,居中的位置一直有一個狀態(tài)條,顯示當(dāng)前的顏色等等各種信息,這實際上是輔助這個旋鈕來提示用戶當(dāng)前的位置。

按鈕的設(shè)計可以讓Dial在菜單與選擇菜單項兩個狀態(tài)之間自由切換,還不考慮單擊或者雙擊的情況。

Dial在屏幕上出現(xiàn)的相對位置可以幫助Dial來根據(jù)當(dāng)前的任務(wù)來確定應(yīng)當(dāng)顯示出來什么合適的菜單選項。

眾所周知,物理按鍵的好處是給用戶的反饋是不需要視覺和聽覺,只需要觸覺即可。而且相對另外兩個感知器官,觸覺更適合于幫助用戶建立Muscle Memory,也就是條件反射。這種操作,不需要占用用戶很多cognitive load(認知負荷),對于用戶待在“Flow”(心流理論,Mihaly Csikszentmihalyi)中,很有益處。

當(dāng)我們觀察到產(chǎn)品上的什么秘密和設(shè)計的決策點時,才能知道我們設(shè)計的時候還有哪些方面可以提高,哪些地方可以創(chuàng)新。

另外,今天想一并講一講的兩個產(chǎn)品是Nest以及我前東家Steelcase的Media Scape Puck。我們一個一個來。

Nest

Nest也是一款設(shè)計工業(yè)設(shè)計和交互設(shè)計結(jié)合非常完美的產(chǎn)品。它是一個應(yīng)用場景更加明確的設(shè)備,調(diào)節(jié)溫度是它最主要的功能。那我們不妨拿傳統(tǒng)的空調(diào)控制器和Nest作比較。

前者需要一格格的按上下的按鈕來去控制溫度,而Nest只需要優(yōu)雅的一轉(zhuǎn),就轉(zhuǎn)到想要的位置,這其實就呼應(yīng)了我們之前提到的dicrete control和continuous control之間的區(qū)別。

不知道大家想沒想過一個問題,當(dāng)我們改變空調(diào)溫度的時候,我們真的是想調(diào)節(jié)到特定的溫度上么?

相信答案肯定是否定的,因為我們對溫度這個抽象概念并沒有很準(zhǔn)確的衡量,我們在腦海里僅有概念的是當(dāng)時的溫度情況,對吧?

所以,我們在操作的時候其實只會考慮現(xiàn)在冷,我們要調(diào)暖和些,現(xiàn)在熱,我們要調(diào)冷些,而我們冷多少熱多少并沒有個具體數(shù)值,所以在這種情況下使用這種Continuous control的交互方式更符合用戶的心理模型。

而在Nest的數(shù)字界面上通過對比現(xiàn)在的溫度和調(diào)節(jié)后的溫度來給用戶一個反饋 – 我現(xiàn)在很冷,那我就要這個增大的幅度更大一些;我現(xiàn)在其實就稍微有點冷,那我只需要小小的調(diào)節(jié)暖和一點就夠了。而從界面的背景顏色也用了橘黃色和藍色來代表加熱和制冷這兩個當(dāng)前狀態(tài),提示我們當(dāng)前設(shè)備的運行情況。

大家如果仔細看過Nest的安裝說明就更會發(fā)現(xiàn),這個產(chǎn)品是把體驗做到了每個細節(jié),作為一點知識都沒有的小白用戶,也可以輕輕松松把家里的舊的空調(diào)控制器換成Nest。這樣的產(chǎn)品怎么能不成功!

Steelcase的Media:Scape Puck

這款產(chǎn)品看著非常簡單,甚至不能稱其為科技產(chǎn)品,然鵝交互上的文章也是做的足足的。

我先稍微介紹一下這個冷門的東西是干什么的。

在公司里面,大家分享文檔是家常便飯,一般來說就一根VGA的線大家插上拔下的,每次插拔都要大動干戈一番。然而當(dāng)每個人都有一根這樣的線,事情就變得簡單的多了,誰需要分享屏幕誰就按一下自己前面Puck,內(nèi)容就直接投射在顯示器上。我第一次使用的時候,是一種如沐春風(fēng)的感覺。這就是media:scape puck,而這個產(chǎn)品也就是一個圓形的按鈕而已,雖然比不上這個高大上的Surface Dial,但是這個東西算是爺爺輩的存在了。

Signaling(信號反饋)做的恰到好處。

整個Puck的邊緣是有LED的,顯示白光的時候,證明設(shè)備運轉(zhuǎn)OK,但是并沒有將內(nèi)容投射在顯示設(shè)備上;而當(dāng)顯示綠色的光的時候,暗示內(nèi)容已經(jīng)投射在顯示設(shè)備上。

那這么一個小東西有沒有交互呢?其實是有的:

與現(xiàn)在通常使用的投射手段相比她有一個貼心的細節(jié),就是每個人要切換到自己的屏幕的時候都要伸手去按下自己前面的Puck上的按鈕,而這個動作會被所有人都看到,與自己在電腦上操作不同的是,這個動作給其他用戶一個信號“你們注意了,我要換內(nèi)容了”。正是這個動作,讓其他參與會議的人有了更“順暢”的體驗,并不是硬生生的從一個內(nèi)容狀態(tài)切換到下一個,我們的腦子是需要有準(zhǔn)備的。

歸根到底呢,交互是設(shè)計關(guān)系(relationship)的,不管是人機,還是人與人,還是人與自然….(扯遠了,噗)。大家也不難看出,用戶體驗并不是被媒介所限制的,更多的只是把人放在設(shè)計決策前頭,為人要達到的目的去服務(wù),具體你是用一句話,一張圖,一個APP,一個產(chǎn)品,一個建筑空間,一套商業(yè)模式,還是一整套服務(wù)流程,不變的是將對用戶的深入思考,經(jīng)常問自己為什么這么做,用戶到底面臨的是什么問題, 讓自己的好奇心帶著你去對設(shè)計做更深入的思考,那才是用戶體驗的未來。

以上~over~

 

作者:石頭

來源:UXOFFER

版權(quán)聲明:人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范,所轉(zhuǎn)載的文章都注明作者和來源,若標(biāo)注有誤,請聯(lián)系主編QQ:419297645更改。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 請高逼格的人發(fā)言

    回復(fù)
    1. 已經(jīng)發(fā)言

      回復(fù)