讓我們走近 Microsoft Surface

0 評(píng)論 15104 瀏覽 0 收藏 7 分鐘

每當(dāng)我們?cè)谟懻摱帱c(diǎn)觸摸的用戶(hù)界面該如何設(shè)計(jì)時(shí),往往會(huì)不由自主地談到iPhone/iPad。很多時(shí)候,我們會(huì)忽略另外一個(gè)同樣使用多點(diǎn)觸摸技術(shù)的產(chǎn)品——Microsoft Surface。

相信很多人都看過(guò)Microsoft Surface 的宣傳視頻。大尺寸的觸摸屏、多點(diǎn)觸摸的技術(shù)、實(shí)物對(duì)象的智能識(shí)別等等,這些技術(shù)所帶來(lái)交互方式的改變,還是給我留下了深刻的印象。

Microsoft Surface的身影開(kāi)始漸漸變得模糊起來(lái),也許是因?yàn)槲覀儗?duì)這個(gè)產(chǎn)品的了解,只能停留在那短短的幾分鐘宣傳視頻里。一次偶然的機(jī)會(huì),發(fā)現(xiàn)微軟已經(jīng)為想深入研究 Surface 的設(shè)計(jì)師和開(kāi)發(fā)人員準(zhǔn)備好了一切。

一、建立Surface 體驗(yàn)/開(kāi)發(fā)環(huán)境

Surface在哪里?在美國(guó)的 AT&T 專(zhuān)賣(mài)店里,雖然可以免費(fèi)使用,但是路途似乎遠(yuǎn)了點(diǎn)。

在自己的個(gè)人電腦上搭建 Surface 體驗(yàn)的平臺(tái),也許是個(gè)不錯(cuò)的方法。如果你的操作系統(tǒng)是 Windows Vista 或者是Windows 7,那么恭喜你了;

只需要依次安裝微軟的三個(gè)軟件就能模擬 Surface 了。

1、Visual C# 2008 Express

2、XNA Framework Redistributable 2.0

3、Surface SDK 1.0 SP1 Workstation Edition

在SDK 工具包中你能找到這個(gè)——Microsoft Surface Simulator。

這個(gè)模擬器提供了使用多點(diǎn)觸摸的軟件模擬工具,即使你沒(méi)有觸摸屏,但是你仍然可以間接地操作基于 Surface 的應(yīng)用程序。如下圖:

二、設(shè)計(jì)Surface 用戶(hù)界面

為了建立基于 Surface 的用戶(hù)體驗(yàn),我們需要重新考慮以下基本思路:

·選擇/完成的閉環(huán)操作
·使用界面隱喻

大多數(shù)傳統(tǒng)的圖形界面中通常使用選擇/完成閉環(huán)操作設(shè)計(jì)。用戶(hù)首先選擇一個(gè)操作對(duì)象,然后再執(zhí)行針對(duì)該對(duì)象的某個(gè)命令以完成操作。例如:重命名或刪除一個(gè)文件?;?Surface 的應(yīng)用程序可以不使用這個(gè)交互閉環(huán)。Surface 上可以結(jié)合界面隱喻使得操作更加直接些。這種設(shè)計(jì)需要設(shè)計(jì)師不斷去觀察生活,從生活中尋找線(xiàn)索。

例如:用兩只手指來(lái)旋轉(zhuǎn)圖片。數(shù)字1和2的軌跡分別代表食指和大拇指。
旋轉(zhuǎn)例子
微軟鼓勵(lì)設(shè)計(jì)師依據(jù)上述思路來(lái)設(shè)計(jì)新的控件。在我們重新當(dāng)前現(xiàn)有的控件時(shí),可以參考以下:

1、因?yàn)槭褂弥苯印⒆匀坏牟僮鞣绞?,用?hù)可以直接與內(nèi)容進(jìn)行互動(dòng)。關(guān)注用戶(hù)的當(dāng)前需要完成的任務(wù),在界面中保持最少數(shù)量的可見(jiàn)控件,減少用戶(hù)對(duì)內(nèi)容直接操作時(shí)可能出現(xiàn)的干擾。

2、Surface SDK 中提供了一套標(biāo)準(zhǔn)控件,這套控件是中性的。允許設(shè)計(jì)師基于這套控件進(jìn)行重新設(shè)計(jì),填充新的內(nèi)容或使用新的配色方案。在重新設(shè)計(jì)時(shí),需要注意應(yīng)該讓用戶(hù)的注意力留在需要操作的內(nèi)容上?;蛟S控件本身就包涵了內(nèi)容信息,如下圖:

3、使用動(dòng)畫(huà)或其他形式的變化來(lái)進(jìn)行交互反饋,來(lái)傳達(dá)給用戶(hù)當(dāng)前控件的狀態(tài)。使用細(xì)節(jié)變化或其他視覺(jué)修飾來(lái)響應(yīng)用戶(hù)手勢(shì)操作。

Surface SDK提供了一套標(biāo)準(zhǔn)控件。這些控件的設(shè)計(jì)規(guī)范,限于篇幅,將會(huì)在以后文章中向大家介紹。

三、其他發(fā)現(xiàn)

得益于多點(diǎn)觸摸和大尺寸屏幕,Surface 允許多人協(xié)同操作。例如:賽車(chē)游戲,為4個(gè)玩家設(shè)計(jì)的游戲。每個(gè)玩家可以分別控制自己所屬顏色汽車(chē)的方向和油門(mén)。

在設(shè)計(jì)時(shí),我們是否考慮為多用戶(hù)場(chǎng)景進(jìn)行優(yōu)化?

Surface另一個(gè)特色是在于,除了與人交互,也可以與實(shí)物交互。Surface 將虛擬世界和現(xiàn)實(shí)世界建立了聯(lián)系。充分整合發(fā)揮現(xiàn)實(shí)世界的操作自然等優(yōu)勢(shì)與虛擬世界的智能等優(yōu)勢(shì)。


基于 Surface 的桌面游戲


基于 Surface 的在線(xiàn)支付

我們是否該考慮如何為人-機(jī)/人-物/物-機(jī)交互而設(shè)計(jì)?

在顯示屏幕里的,我們稱(chēng)之為用戶(hù)界面。那屏幕以外的東西呢?未來(lái)某一天, Surface 將所有生活中所有物品都聯(lián)系起來(lái)。改變的應(yīng)該不僅僅是稱(chēng)呼吧,更是我們的生活……

  • (本文出自Tencent CDC Blog,轉(zhuǎn)載時(shí)請(qǐng)注明出處)
更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!