close
Windows Mobile 7的發表，大概是這幾天在MWC最受矚目的新聞之一；市場反應基本上算是正面，認為微軟在iPhone和Android的壓力之下，總算表現了一點創新的意願。
從表面上來看，Windows Mobile 7（以下簡稱WM7）在操作介面上採用了和其他作業系統、以及過去的WM版本「一個功能、一個圖像」不同的設計方式，將主頁設計成個人資訊的控制面板，稱為「Hub」介面。
我個人相當欣賞這樣的方式，因為作為這個時代的個人資訊終端機，需要我注意的事情（例如有幾封未讀郵件、有幾通未接來電、有哪些推播訊息）比我裝了哪些軟體重要；而這也是我對目前iPhone不甚滿意的地方之一：如果不經過破解程序，無法在待機畫面上顯示上述這些資訊，像是這樣：
不過這樣做也並不是全無缺點；換言之，也是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介面設計的完成度。
以上圖中這個可以左右捲動的畫面來說，流暢的橫向滑移是一種「特效」，相對於過去比較生硬的頁面切換算是進步了，但實質的功能並不大。每一頁留下一點前後頁面的內容則是「視覺輔助」，表示還有其他內容；但就目前所看到的WM7介面，並沒有明顯的「導覽」功能。
相較之下，iPhone就多了橫向導覽的設計：
紅框中的亮點，代表著目前頁面在所有頁面中的位置；這項簡單設計的經典，其實就是電腦上視窗中的捲軸，也不是新東西，但在WM7上的橫向捲動畫面上就是沒有（垂直捲動有時候有）。如果WM7的設計師把頁面上保留前後內容的「視覺輔助」就當做「導覽」的話，恐怕並不妥當。
舉個例子來說吧，如果某個頁面的內容剛好跟邊緣切齊，那麼接下來是不是還有其他東西呢？是不是要使用者自己猜？或是必須強迫設計者改變畫面比例，就為了要露出下一頁的部份內容，取代系統應該負責的導覽功能？
另外，WM7的螢幕鍵盤在打字按下時會變色（特效），但沒有iPhone鍵盤的放大按鍵回應（視覺輔助）。這是小地方，很多人也可能以為iPhone的回應方式也只是特效，但這樣的設計可以提昇使用者信心、減少輸入錯誤、甚至有按壓實體鍵盤的錯覺，其實是iPhone螢幕鍵盤相對好用（用慣實體鍵盤，覺得不好用的人也很多就是）的原因之一。
（更正：在另外一支影片中，可以明顯看到WM7螢幕鍵盤也有類似iPhone的放大提示設計，只是視覺上比較陽春。）
也許因為WM7還只是測試版，所以這類細部介面還會調整；不過如果微軟沒有意識到這種貼心細節的威力，在介面設計的進步方面恐怕只是皮毛，在人性思考的功力方面還是落後了一大截。
另外還有一個小地方，就是WM7刻意將頁面的標題字設計得很大，例如前面一張黑色介面圖片中的「People」字樣；這項設計除了來自先前的「Zune」隨身聽之外，應該也和過去的MCE（Windows Media Center Edition）有關，希望以後不要出現跟MCE一樣文字囉嗦、翻譯糟糕的缺點。
這種作法算是有設計感，但是有兩個明顯的缺點：
大致上來說，目前看到的WM7介面設計確實展現了微軟的企圖心，不過一來沒有當時iPhone和Palm pre令人下盤一緊的興奮（較晚出來比較吃虧）、二來也沒有展現出微軟人財濟濟的雄厚本錢、三來介面上的思慮不周（例如前面提過的導覽和無效空間問題）和小問題也讓它顯得半生不熟；或許再過一陣子看到的東西會不一樣吧，也只能這樣期望了。
附帶記一下另一則相關新聞：Nokia也在MWC推出了開放源碼的新一代「Symbian^3」作業系統。對於Symbian^3，我目前沒有什麼評論；除了加上「iPhone風格」的種種介面改進之外，基本的設計哲學並沒有太大進步，再加上諸如「Nokia 終將跟 Symbian S60 說掰掰？於 2012 前徹底擁抱 Maemo？」和這兩天Intel和Nokia合作、將Maemo和Moblin系統合併為MeeGo系統的新聞，除了「新年快樂」之外，我還能再對Symbian系統說些什麼哩？
引用自石墨工房
不過我想這在技術方面難度並不高，只是怎麼把它的介面設計得既容易閱讀、又不會對使用者造成心理上的壓迫而已。
從設計哲學上來看，相對於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介面設計的完成度。
以上圖中這個可以左右捲動的畫面來說，流暢的橫向滑移是一種「特效」，相對於過去比較生硬的頁面切換算是進步了，但實質的功能並不大。每一頁留下一點前後頁面的內容則是「視覺輔助」，表示還有其他內容；但就目前所看到的WM7介面，並沒有明顯的「導覽」功能。
相較之下，iPhone就多了橫向導覽的設計：
紅框中的亮點，代表著目前頁面在所有頁面中的位置；這項簡單設計的經典，其實就是電腦上視窗中的捲軸，也不是新東西，但在WM7上的橫向捲動畫面上就是沒有（垂直捲動有時候有）。如果WM7的設計師把頁面上保留前後內容的「視覺輔助」就當做「導覽」的話，恐怕並不妥當。
舉個例子來說吧，如果某個頁面的內容剛好跟邊緣切齊，那麼接下來是不是還有其他東西呢？是不是要使用者自己猜？或是必須強迫設計者改變畫面比例，就為了要露出下一頁的部份內容，取代系統應該負責的導覽功能？
另外，WM7的螢幕鍵盤在打字按下時會變色（特效），但沒有iPhone鍵盤的放大按鍵回應（視覺輔助）。這是小地方，很多人也可能以為iPhone的回應方式也只是特效，但這樣的設計可以提昇使用者信心、減少輸入錯誤、甚至有按壓實體鍵盤的錯覺，其實是iPhone螢幕鍵盤相對好用（用慣實體鍵盤，覺得不好用的人也很多就是）的原因之一。
（更正：在另外一支影片中，可以明顯看到WM7螢幕鍵盤也有類似iPhone的放大提示設計，只是視覺上比較陽春。）
也許因為WM7還只是測試版，所以這類細部介面還會調整；不過如果微軟沒有意識到這種貼心細節的威力，在介面設計的進步方面恐怕只是皮毛，在人性思考的功力方面還是落後了一大截。
WM7的螢幕鍵盤
iPhone的螢幕鍵盤
另外還有一個小地方，就是WM7刻意將頁面的標題字設計得很大，例如前面一張黑色介面圖片中的「People」字樣；這項設計除了來自先前的「Zune」隨身聽之外，應該也和過去的MCE（Windows Media Center Edition）有關，希望以後不要出現跟MCE一樣文字囉嗦、翻譯糟糕的缺點。
這種作法算是有設計感，但是有兩個明顯的缺點：
- 在橫向捲動畫面上，會浪費掉螢幕上半段的大塊空間，實際用來顯示內容的畫面只剩下3/4；如果再扣掉留給橫向前後頁內容的「導覽」部分，還會少掉更多。雖然浪費掉的上半段空間可以用背景圖片補白，但實質上究竟還是無效設計。
有效的資訊顯示空間只有框中的部分，大約是整個螢幕的（3/4 * 3/4 = 56%）。
另外值得一提的是，在橫向捲動時，背景圖片的移動速度比前景內容慢（請參閱文末的影片），可以產生畫面的景深效果，這一點是不錯的視覺設計，不過也可能造成閱讀混淆就是。 - 在捲動到第二個畫面時，標題字就可能會被切斷；而有些字在被切斷之後，可能會產生意想不到的結果。例如這個畫面從我眼前閃過時，我以為自己看到的是「Apple」：
過去某家大軟體公司也曾弄過類似這樣、單字可能被切斷的設計，結果範例文件上的畫面出現看起來像是「cunt」的字尾，結果只好全面回收。設計本身無辜，但內容在被畫面切來切去之後可能出現什麼「驚喜」，恐怕就不是原設計者可以控制的了。
大致上來說，目前看到的WM7介面設計確實展現了微軟的企圖心，不過一來沒有當時iPhone和Palm pre令人下盤一緊的興奮（較晚出來比較吃虧）、二來也沒有展現出微軟人財濟濟的雄厚本錢、三來介面上的思慮不周（例如前面提過的導覽和無效空間問題）和小問題也讓它顯得半生不熟；或許再過一陣子看到的東西會不一樣吧，也只能這樣期望了。
WM7的介面
Palm Pre的介面
附帶記一下另一則相關新聞：Nokia也在MWC推出了開放源碼的新一代「Symbian^3」作業系統。對於Symbian^3，我目前沒有什麼評論；除了加上「iPhone風格」的種種介面改進之外，基本的設計哲學並沒有太大進步，再加上諸如「Nokia 終將跟 Symbian S60 說掰掰？於 2012 前徹底擁抱 Maemo？」和這兩天Intel和Nokia合作、將Maemo和Moblin系統合併為MeeGo系統的新聞，除了「新年快樂」之外，我還能再對Symbian系統說些什麼哩？
Symbian^3的介面
引用自石墨工房
全站熱搜
留言列表
SmartPhone (6)