讓我們走近 Microsoft Surface

0 評論 15100 瀏覽 0 收藏 7 分鐘

每當我們在討論多點觸摸的用戶界面該如何設計時,往往會不由自主地談到iPhone/iPad。很多時候,我們會忽略另外一個同樣使用多點觸摸技術的產品——Microsoft Surface。

相信很多人都看過Microsoft Surface 的宣傳視頻。大尺寸的觸摸屏、多點觸摸的技術、實物對象的智能識別等等,這些技術所帶來交互方式的改變,還是給我留下了深刻的印象。

Microsoft Surface的身影開始漸漸變得模糊起來,也許是因為我們對這個產品的了解,只能停留在那短短的幾分鐘宣傳視頻里。一次偶然的機會,發現微軟已經為想深入研究 Surface 的設計師和開發人員準備好了一切。

一、建立Surface 體驗/開發環境

Surface在哪里?在美國的 AT&T 專賣店里,雖然可以免費使用,但是路途似乎遠了點。

在自己的個人電腦上搭建 Surface 體驗的平臺,也許是個不錯的方法。如果你的操作系統是 Windows Vista 或者是Windows 7,那么恭喜你了;

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

1、Visual C# 2008 Express

2、XNA Framework Redistributable 2.0

3、Surface SDK 1.0 SP1 Workstation Edition

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

這個模擬器提供了使用多點觸摸的軟件模擬工具,即使你沒有觸摸屏,但是你仍然可以間接地操作基于 Surface 的應用程序。如下圖:

二、設計Surface 用戶界面

為了建立基于 Surface 的用戶體驗,我們需要重新考慮以下基本思路:

·選擇/完成的閉環操作
·使用界面隱喻

大多數傳統的圖形界面中通常使用選擇/完成閉環操作設計。用戶首先選擇一個操作對象,然后再執行針對該對象的某個命令以完成操作。例如:重命名或刪除一個文件?;?Surface 的應用程序可以不使用這個交互閉環。Surface 上可以結合界面隱喻使得操作更加直接些。這種設計需要設計師不斷去觀察生活,從生活中尋找線索。

例如:用兩只手指來旋轉圖片。數字1和2的軌跡分別代表食指和大拇指。
旋轉例子
微軟鼓勵設計師依據上述思路來設計新的控件。在我們重新當前現有的控件時,可以參考以下:

1、因為使用直接、自然的操作方式,用戶可以直接與內容進行互動。關注用戶的當前需要完成的任務,在界面中保持最少數量的可見控件,減少用戶對內容直接操作時可能出現的干擾。

2、Surface SDK 中提供了一套標準控件,這套控件是中性的。允許設計師基于這套控件進行重新設計,填充新的內容或使用新的配色方案。在重新設計時,需要注意應該讓用戶的注意力留在需要操作的內容上。或許控件本身就包涵了內容信息,如下圖:

3、使用動畫或其他形式的變化來進行交互反饋,來傳達給用戶當前控件的狀態。使用細節變化或其他視覺修飾來響應用戶手勢操作。

Surface SDK提供了一套標準控件。這些控件的設計規范,限于篇幅,將會在以后文章中向大家介紹。

三、其他發現

得益于多點觸摸和大尺寸屏幕,Surface 允許多人協同操作。例如:賽車游戲,為4個玩家設計的游戲。每個玩家可以分別控制自己所屬顏色汽車的方向和油門。

在設計時,我們是否考慮為多用戶場景進行優化?

Surface另一個特色是在于,除了與人交互,也可以與實物交互。Surface 將虛擬世界和現實世界建立了聯系。充分整合發揮現實世界的操作自然等優勢與虛擬世界的智能等優勢。


基于 Surface 的桌面游戲


基于 Surface 的在線支付

我們是否該考慮如何為人-機/人-物/物-機交互而設計?

在顯示屏幕里的,我們稱之為用戶界面。那屏幕以外的東西呢?未來某一天, Surface 將所有生活中所有物品都聯系起來。改變的應該不僅僅是稱呼吧,更是我們的生活……

  • (本文出自Tencent CDC Blog,轉載時請注明出處)
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!