軟體巨人的新衣裳 - Windows 8

by DesignWing

微軟最近正式宣布，Windows 8即將在本月底正式的上市跟大家見面，這對微軟來說是一件非常重大的事，因為這次的Windows 8先不管一般大眾永遠搞不懂的程式架構到底做了那些改變，至少在視覺可以判別的樣式上，就完全跳脫了以往大家所認識的視窗系統了。

從微軟導入圖形化介面而告別了DOS系統以來，微軟系統經歷了Windows 3.1、95、98、ME、2000、XP、Vista，乃至於最新的Windows 7...等等作業系統，版本是排山倒海般而來，但基本上不管哪個版本，你想找Windows所有的功能就會知道要去點左下角的”開始”，想看時間日期眼睛就會往右下角飄去，想要使用安裝過的程式就會在桌面的那畝圖示田裡尋找各種”捷徑”，而遇到當機也總是會看見親切老朋友般多年如一日的藍白畫面。基本上視窗的人生不管投了幾次胎，基礎的邏輯架構是沒有太大變化的。但這次的Windows 8真的變了，不知道是否因為賈伯斯的iPhone幾乎改變了3C產業生態，讓比爾蓋茲整個被激到決定不再坐以待斃，或是自發性的覺得該是幫全世界佔有率最高的作業系統換換新血了。總之這次運用在Windows 8上的Metro UI確實有著讓人眼睛為之一亮的巨大轉變。

資訊迷宮的指示牌 - Metro UI

Windows phone 7的動態磚介面( Metro UI)可說是Windows 8的前哨站，在去年就推出的WP7就搭載了最新的Metro UI，最大的特點是在桌面上會有一格一格排列整齊的色塊，上面搭著線條簡單的圖示，每個色塊都代表了一個程式或功能，有些只是開啟程式的捷徑，而有些則會是將一些即時訊息或是最重要的內容秀在方格裡(如行事曆提醒、簡訊內容…等)，整個畫面相當的簡潔有力，跟以往微軟手機系統總是讓人覺得好像複雜與難操作了點的印象，有了偌大的轉變。

根據當初微軟釋出關於Metro UI的設計概念可以得知，整個介面架構圍繞在幾個中心思想上：(1)乾淨簡潔的視覺元素；(2)輕鬆上手的訊息中心；(3)軟硬體無縫的使用經驗；(4)生動活潑的個性化體驗…等。而架構的中心思想最後是以類似地鐵、機場等場所中的指示標誌作為視覺設計的詮釋。

Windows 8這套新系統就延續了這樣的概念。這次微軟對於作業系統的改變並不只是單純的換個花俏的佈景主題就算大功告成了，而是整個資訊架構作了大幅度的重新整頓，將以往大家熟悉的視窗系統整個打掉重練，組合成一個全新的窗戶(雖然”視窗”這個名稱的意義在這代新系統裡，好像已經轉化成一塊塊的磁磚了)。

一網打盡的企圖心

pic by engadget

目前行動裝置的三大作業系統：iOS、Android以及看來似乎有點居下風的WP7各自佔據了山頭，在Apple和Google這兩家虎背熊腰的公司環伺之下，看來這次微軟是想要力圖振作而祭出Windows 8這套殺手鐧了。先撇開上述微軟在設計這套Metro UI時所敘述的有那麼一點空泛的概念說明不說，到底為何微軟敢在這個三國鼎立的時代有鐵騎突出刀鎗鳴的決心呢? 我們就來看看Windows 8到底憑藉著什麼如此有自信。

• 在這個凡事講求效率的年代裡，能夠工作、娛樂畢其功於一役是再好不過了，而剛好微軟正緊緊地握有關鍵的優勢-office這個權傾天下的套裝商務軟體，放眼iOS及Android系統的各種App，總是對這個全球市佔率最高的商務軟體無法做到百分之百的支援，這時候本尊出來hold住全場是再適合不過的事了，如果可以在各種裝置上都完整支援office的功能，那以前不斷在鼓吹的行動辦公室才有真正原汁完原味的呈現。

• 除了可以完整支援office之外，這次Windows 8更標榜了從PC、平板乃至於手機，都可以用同一套邏輯與配置的介面，這應該算是目前最吃的開的系統了，一個不用換裝置就得換一種操作邏輯的方式，對於微軟而言可以一網打盡各種產品，而對於消費者而言再也不必切換腦袋的模式來適應裝置了。

• 其實微軟早在iPad誕生前，就曾經出過觸控式的平板電腦，以及各代的觸控式智慧手機，但在市場的反應上總是少了那麼一點稱讚。原因就出在以往微軟將適合使用滑鼠操作的介面直接搬到觸控螢幕裡，導致很多操作行為不直覺也不方便，於是一直在觸控裝置裡無法擁有大批擁護者。而這次Windows 8在各種觸控式行動裝置充斥市場的當下，終於大刀闊斧的改善了整個介面，除了將以往小到需要用放大鏡才找的到的圖示及按鈕放到適合手指觸控的大小，也將版面的安排簡化，讓螢幕有個乾淨不同以往的視覺感受。

陣前先鋒 - Surface

而這次伴隨著Windows 8的發表，微軟也派出了舉著自家旗幟的大將-Surface平板電腦來應戰打響名號。不過Surface雖然宣稱搭載了Win8系統，但其實存在著兩種版本，一為ARM架構(簡單說就是用在許多嵌入式系統或行動通訊裝置上)的Windows RT，另一為X86架構(也就是一般家用PC視窗系統)的Windows 8 Pro。這兩種版本在硬體外觀上只有幾乎可以忽略的差異，而操作介面上也沒什麼差別，因為都是動態磚的介面形式，兩者最大的差異應該就在於你可以在Windows 8 Pro的Surface上安裝被大家罵得半死的暗黑破壞神 III來玩，但你只能在Windows RT版本上由微軟的Market Place(相當於Apple的App store)下載Angry Birds來破壞可憐的小豬。

這次微軟的新改革在市場上充滿了兩極化的反應，但其實每個系統都存在著相同的問題，因為每個人都是獨立有各自想法的個體，想要讓每個人很快就習慣而且按讚的作業系統基本上是非常困難的。但也因為這樣，所以朝第一次操作就上手的介面目標前進，就變成一個熱門又有挑戰性的設計作業了。

每星期我們都會發表新文章，若各位讀者覺得可以與這些文章產生共鳴，可透過下面FB及Blog的圖示分享喔。也可以加入我們的FB粉絲團，當有新文章的時候便能透過FB收到最新訊息了!

那些年，我們一起用的手機介面 

by DesignWing

圖片來源：getty image

不知道各位讀者人生的第一支手機是什麼型號，筆者依稀記得自己第一支購入的是MOTOROLA的單色螢幕手機，它在整個手機的歷史洪流裡絕對不是什麼劃時代或是超強功能的有名型號，但對於當時的筆者而言卻是進入現今這個數位瘋狂進化時代的重要里程碑。 

在手機剛開始因成本降低而開始大量進攻人類生活的那個年代裡(好像真的是好久以前的事了啊，茶~)，大家對於手機的要求著重在收訊強不強悍、外型好不好看、鈴聲優不優美，至於對手機介面的要求除了當時NOKIA強調的"科技始終來自於人性"的訴求以外，其實並沒有太大的討論，手機嘛~可以不用一直要拿到窗戶旁邊拜天公求收訊佳才是人生最大的幸福吧! 

但曾幾何時，除了外型材質依然是大家注目的焦點之外，在手機螢幕無論是大小或畫質的不斷進化下，手機收訊品質的重要性慢慢被螢幕裡的介面美醜與操作性給比了下去。因為隨著螢幕解析度與尺寸不斷的提升，使得介面裡圖示可以表演的舞台也跟著變大，於是大家開始在意起手機裡的圖示可不可愛、精不精巧、有沒有一些酷炫的過場動畫...等等問題。當然，介面操作的簡單與直覺性更是日後介面發展的重點主戰場。 

手機介面的石器時代

圖片來源：Google search

在螢幕還是黑白點陣的那個年代裡，選單的內容基本上都是以文字訊息的呈現為主。一來是因為當時手機的系統效能還不足以處理太複雜的圖像示介面，二來是螢幕的解析度和色彩也不足以顯示各種精美的圖示，所以選單幾乎清一色是條列式的文字選項。隨著單色面板解析度的提升，以及晶片效能的進步，介面裡開始出現了一些單純線條構成的黑白圖示(icon)，讓畫面多了一些活潑的氣氛。

那個文藝復興的年代

圖片來源：Google search

緊接著，STN彩色面板誕生了，這在當時的手機界裡可說是跟阿姆斯壯登陸月球一樣的讓人感到興奮與驚奇。因為一支可以拿在手裡放在包裡隨身攜帶的小玩意兒，當初只是個單色純樸到不行的素顏面板，現在居然像是抹上濃妝、戴上角膜放大片般的變成了一個無敵正妹，實在是太讓人感到大心了。相對於現在動不動色彩及解析度就達到視網膜等級的螢幕而言，那時的STN彩色螢幕還是有其捉襟見肘的缺陷，也就是色階還是不夠豐富到呈現完整的色彩。於是各家手機廠牌無不極盡所能的讓介面裡的圖示及底圖用艷麗到極限的方式，在螢幕的舞台裡演出彩色戲碼，為的就是讓使用者可以明確且扎實的感受到：哇!我用的是劃時代的彩色螢幕手機耶! 

而手機裡的處理晶片當然也隨著螢幕一起進化了，以往只能處理簡單文字訊息的情況也已經非昔日的吳下阿蒙，開始演出各種動態選取效果的大戲。筆者在亂買添購手機的歷史過程中也經歷了彩色面板剛上市時的那段日子，除了看見彩色選單讓眼睛覺得很充實之外，那時感受到的介面對於現在回頭來看其實好像有點太過了，因為當時的各家手機為了展現介面的新技術，無所不用其極的展現各種技巧，例如每個選單裡的選項被選取時，為了凸顯效果選取效果所以每個被選取的圖示都一定要有一段動畫，要說是為了呈現選取效果所以加強過場動畫應該也是無可厚非，但筆者曾經用過某廠牌手機"設定"的選項動態效果，是用一支板手不斷的插入手機圖示的螢幕，想要表達的是"設定"這件事的涵義，但是那個板手插螢幕的表現方式實在是有點過了頭，讓人疑惑有需要炫技到這種程度嗎? 因為整個畫面一直有物件在動，使用起來並不怎麼舒適。 

手機介面的太空時代來臨了

圖片來源：Google search

時至今日，自從iPhone上市之後，帶動了各種觸控螢幕的大量應用，此時的彩色螢幕不只是解析度已經超過以往的電腦螢幕，而達到視網膜螢幕的等級，色彩也已經進化到如Super AMOLED這種具有自發光性、廣視角、高對比規格的時代。而介面的圖示也因為各種顯示限制幾乎已經不存在，細緻的程度幾乎跟精美的印刷品無異了。 

從黑白螢幕到視網膜螢幕的顯示一路走來，介面選單的表現方式也因著這樣的改變而有所不同。在與黑白手機同時存在的Windows或Mac系統已經非常成熟的那個年代裡，也真辛苦了要在解析度這麼小且單色的畫面裡顯示這麼多供人操作的選項。但正所謂山不轉路轉，既然螢幕及處理晶片不夠力，一開始的手機選單就用最直接了當的文字敘述方式呈現，雖說這樣的畫面呈現一點也稱不上美觀，但至少想表達給使用者的操作提示也算是中規中矩的"寫給你看"了。而緊接著文字選單後出現的單色圖示，開始跟大家在電腦系統裡的圖形使用者介面經驗產生更直接的聯結，但也因為單色象素無法完整呈現物件質感的限制，當時的圖示設計為了讓使用者能一眼就辨識出功能，必須要挑戰如何用最簡單的線條，以類似中國古代象形文的方式來描繪代表此功能的物件，這種讓圖形直接"畫給你看"的方式也讓介面選單的操作變得更加直覺。利用話筒、信封、音符的簡單輪廓線來代表其真正的功能，雖然礙於單色螢幕能展現的圖像資訊有限，所以只能用類似物體剪影的方式呈現圖示的形體，但這對於行動裝置的介面可說是已經向前邁出了一大步。 

而彩色螢幕登場之後，雖說筆者到現在還是覺得當初買的那支手機裡的選單不斷的動來動去實在很惱人，但其實這也是那個時空背景下的非戰之罪。畢竟每當有了新技術，廠商為了凸顯自己產品的價值多少都會灑點狗血來引起消費者的注意。既然中央處理器可以讓圖形呈現動畫效果，那就讓選到的項目不斷的扭動來吸引注意吧！既然這是劃時代的彩色螢幕，那就讓顏色鮮豔到破表吧！這應該就是那時廠商的心理狀態我想。

但觸控螢幕普遍之後，因為觸控的操作方式與以往靠五向鍵(上下左右、直壓)來移動畫面裡的反光棒不同，選取效果也不再像上述提到早期的動來動去晃來晃去那般，而是習慣用淡淡的光暈或微微的變亮效果來呈現觸碰效果，而且為了加強使用者在滑動畫面時的回饋感，使整個畫面產生一些如翻頁、翻轉、平移等效果，讓使用者在沒有實體按鍵可以實際感覺的情況下用視覺彌補觸覺回饋的不足。

反璞歸真的介面

圖片來源：Google search

最近微軟的芒果系統炒的正火熱，稍微有接觸的讀者不難發現，芒果系統的介面似乎又回到以往單色手機的表現方式，使用大量的文字選單與單色的圖示。而Android 4.0的冰淇淋系統也將GUI的部份改的更隱性，讓資訊本身的重要性更加的凸顯。其實就是這麼一回事，當你不熟悉一件事，就需要用各種強烈的方式來加強印象，當你駕輕就熟了之後，靠最虛無的直覺也可以輕易的控制一件事。我想手機介面的發展也是這麼一回事，從純文字選單，到灑狗血的動態選單，延展到靜態且圖示精緻的觸控式選單，接著又回到色彩純粹且搭配純文字化的觸控選單，說明了手機介面已經扎扎實實的走了這麼一輪，也讓筆者相當期待下個世代的手機介面會用什麼方式呈現，說不定會有更身歷其境且大腦免運作的操作喔。

每星期我們都會發表新文章，若各位讀者覺得可以與這些文章產生共鳴，可透過下面FB及Blog的圖示分享喔。也可以加入我們的FB粉絲團，當有新文章的時候便能透過FB收到最新訊息了!