相信小伙伴們這兩天的朋友圈基本躲不過微軟大法的霸屏。作為工業(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ìn)行零距離的接觸。這不經(jīng)意的一推，瞬間就從passive vertical surface 切換到了 active horizontal surface。

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

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

如果你仔細(xì)去看看視頻中出現(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入手，遠(yuǎn)遠(yuǎn)看去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（認(rèn)知負(fù)荷），對于用戶待在“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é)暖和一點就夠了。而從界面的背景顏色也用了橘黃色和藍(lán)色來代表加熱和制冷這兩個當(dāng)前狀態(tài)，提示我們當(dāng)前設(shè)備的運行情況。

大家如果仔細(xì)看過Nest的安裝說明就更會發(fā)現(xiàn)，這個產(chǎn)品是把體驗做到了每個細(xì)節(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)在通常使用的投射手段相比她有一個貼心的細(xì)節(jié)，就是每個人要切換到自己的屏幕的時候都要伸手去按下自己前面的Puck上的按鈕，而這個動作會被所有人都看到，與自己在電腦上操作不同的是，這個動作給其他用戶一個信號“你們注意了，我要換內(nèi)容了”。正是這個動作，讓其他參與會議的人有了更“順暢”的體驗，并不是硬生生的從一個內(nèi)容狀態(tài)切換到下一個，我們的腦子是需要有準(zhǔn)備的。

歸根到底呢，交互是設(shè)計關(guān)系（relationship）的，不管是人機(jī)，還是人與人，還是人與自然….（扯遠(yuǎn)了，噗）。大家也不難看出，用戶體驗并不是被媒介所限制的，更多的只是把人放在設(shè)計決策前頭，為人要達(dá)到的目的去服務(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更改。