草評Windows Mobile 7介面設計

Windows Mobile 7的發表,大概是這幾天在MWC最受矚目的新聞之一;市場反應基本上算是正面,認為微軟在iPhone和Android的壓力之下,總算表現了一點創新的意願。

從表面上來看,Windows Mobile 7(以下簡稱WM7)在操作介面上採用了和其他作業系統、以及過去的WM版本「一個功能、一個圖像」不同的設計方式,將主頁設計成個人資訊的控制面板,稱為「Hub」介面。

我個人相當欣賞這樣的方式,因為作為這個時代的個人資訊終端機,需要我注意的事情(例如有幾封未讀郵件、有幾通未接來電、有哪些推播訊息)比我裝了哪些軟體重要;而這也是我對目前iPhone不甚滿意的地方之一:如果不經過破解程序,無法在待機畫面上顯示上述這些資訊,像是這樣:

20100216105136_27920_o.png

不過這樣做也並不是全無缺點;換言之,也是WM7要注意的地方:1. 累積的未讀訊息數字容易導致使用者資訊焦慮(或許這也是蘋果不做的原因),2. 每個人對於「資訊終端」的需求不同,要做到每個人都說好,必須增加橫跨全系統的訊息通知設定,對於應用軟體和介面設計者都是一項負擔。

不過我想這在技術方面難度並不高,只是怎麼把它的介面設計得既容易閱讀、又不會對使用者造成心理上的壓迫而已。

從設計哲學上來看,相對於iPhone以個別功能為中心(software/function-centric)的觀念,WM7比較偏向以訊息和作業為中心(information/task-centric),這一點我認為和去年曾經引起一陣騷動、但銷售上比較後繼無力的Palm pre比較相似。我在去年初的〈手機新秀Palm pre登場!〉中,就提到過對於「訊息中心」概念的欣賞;主要是因為「訊息中心」概念的系統能大幅減少在軟體之間切換的時間(不管是否多工作業)、並且讓不同的軟體和功能彼此協作,發揮更高的產能。

當然,「訊息中心」設計必須以不明顯增加系統複雜度、不影響整體效能和穩定性為原則。

WM7在介面設計上算是「訊息中心」了,但應用軟體之間的協作方式如何,目前從展示影片中還不太看得出來。

WM7另外一個比較明顯的新設計,則是連續多個畫面捲動的「chromeless」介面;在這個設計下,頁面可以往左右無限延伸、每個畫面上都保留了一點前後頁面的內容,引導使用者繼續捲動。

這算是創新、也可以說不算。左右連續捲動頁面在iPhone上已經行之有年,iPhone的上下「無限」頁面捲動也有前後內容導引;嚴格說來,微軟的設計只是把iPhone的「上下」改成「左右」而已,跟當初Windows把Mac OS畫面的垃圾桶從右下角改到左下角的「創意」頗有異曲同工之妙。

我前兩天在〈年初一的電子書雜談〉中提到的介面「特效」(effects)、「導覽」(navigation)、以及「視覺輔助」(visual aid/clue)設計差異的觀念,剛好可以用來驗證WM7介面設計的完成度。

20100216112627_67311_o.jpg

以上圖中這個可以左右捲動的畫面來說,流暢的橫向滑移是一種「特效」,相對於過去比較生硬的頁面切換算是進步了,但實質的功能並不大。每一頁留下一點前後頁面的內容則是「視覺輔助」,表示還有其他內容;但就目前所看到的WM7介面,並沒有明顯的「導覽」功能。

相較之下,iPhone就多了橫向導覽的設計:

20100216113540_28005_o.jpg

紅框中的亮點,代表著目前頁面在所有頁面中的位置;這項簡單設計的經典,其實就是電腦上視窗中的捲軸,也不是新東西,但在WM7上的橫向捲動畫面上就是沒有(垂直捲動有時候有)。如果WM7的設計師把頁面上保留前後內容的「視覺輔助」就當做「導覽」的話,恐怕並不妥當。

舉個例子來說吧,如果某個頁面的內容剛好跟邊緣切齊,那麼接下來是不是還有其他東西呢?是不是要使用者自己猜?或是必須強迫設計者改變畫面比例,就為了要露出下一頁的部份內容,取代系統應該負責的導覽功能?

另外,WM7的螢幕鍵盤在打字按下時會變色(特效),但沒有iPhone鍵盤的放大按鍵回應(視覺輔助)。這是小地方,很多人也可能以為iPhone的回應方式也只是特效,但這樣的設計可以提昇使用者信心、減少輸入錯誤、甚至有按壓實體鍵盤的錯覺,其實是iPhone螢幕鍵盤相對好用(用慣實體鍵盤,覺得不好用的人也很多就是)的原因之一。

(更正:在另外一支影片中,可以明顯看到WM7螢幕鍵盤也有類似iPhone的放大提示設計,只是視覺上比較陽春。)

也許因為WM7還只是測試版,所以這類細部介面還會調整;不過如果微軟沒有意識到這種貼心細節的威力,在介面設計的進步方面恐怕只是皮毛,在人性思考的功力方面還是落後了一大截。

20100216114938_76562_o
WM7的螢幕鍵盤
20100216114826_64160.jpg
iPhone的螢幕鍵盤

另外還有一個小地方,就是WM7刻意將頁面的標題字設計得很大,例如前面一張黑色介面圖片中的「People」字樣;這項設計除了來自先前的「Zune」隨身聽之外,應該也和過去的MCE(Windows Media Center Edition)有關,希望以後不要出現跟MCE一樣文字囉嗦、翻譯糟糕的缺點。

這種作法算是有設計感,但是有兩個明顯的缺點:

1. 在橫向捲動畫面上,會浪費掉螢幕上半段的大塊空間,實際用來顯示內容的畫面只剩下3/4;如果再扣掉留給橫向前後頁內容的「導覽」部分,還會少掉更多。雖然浪費掉的上半段空間可以用背景圖片補白,但實質上究竟還是無效設計。

20100216132631_82369_o.jpg
有效的資訊顯示空間只有框中的部分,大約是整個螢幕的(3/4 * 3/4 = 56%)。

 

另外值得一提的是,在橫向捲動時,背景圖片的移動速度比前景內容慢(請參閱文末的影片),可以產生畫面的景深效果,這一點是不錯的視覺設計,不過也可能造成閱讀混淆就是。

在捲動到第二個畫面時,標題字就可能會被切斷;而有些字在被切斷之後,可能會產生意想不到的結果。例如這個畫面從我眼前閃過時,我以為自己看到的是「Apple」:

20100216120351_95081_o.jpg

過去某家大軟體公司也曾弄過類似這樣、單字可能被切斷的設計,結果範例文件上的畫面出現看起來像是「cunt」的字尾,結果只好全面回收。設計本身無辜,但內容在被畫面切來切去之後可能出現什麼「驚喜」,恐怕就不是原設計者可以控制的了。

大致上來說,目前看到的WM7介面設計確實展現了微軟的企圖心,不過一來沒有當時iPhone和Palm pre令人下盤一緊的興奮(較晚出來比較吃虧)、二來也沒有展現出微軟人財濟濟的雄厚本錢、三來介面上的思慮不周(例如前面提過的導覽和無效空間問題)和小問題也讓它顯得半生不熟;或許再過一陣子看到的東西會不一樣吧,也只能這樣期望了。

WM7的介面:

Palm Pre和iPhone的介面:

附帶記一下另一則相關新聞:Nokia也在MWC推出了開放源碼的新一代「Symbian^3」作業系統。對於Symbian^3,我目前沒有什麼評論;除了加上「iPhone風格」的種種介面改進之外,基本的設計哲學並沒有太大進步,再加上諸如「Nokia 終將跟 Symbian S60 說掰掰?於 2012 前徹底擁抱 Maemo?」和這兩天Intel和Nokia合作、將Maemo和Moblin系統合併為MeeGo系統的新聞,除了「新年快樂」之外,我還能再對Symbian系統說些什麼哩?

Symbian^3的介面:

參考閱讀

Facebook回應

留言

Proudly powered by WordPress | 佈景主題: Baskerville 2 by Anders Noren

上去 ↑