設(shè)計(jì)趨勢(shì)，Windows 10通用應(yīng)用設(shè)計(jì)趨勢(shì)分析(4)

眾所周知，當(dāng)初微軟在Windows 8上做了非常大膽的變革，除了開創(chuàng)性的Metro設(shè)計(jì)語(yǔ)言，傳統(tǒng)桌面和平板兩種模式的融合也是一大特色，可這兩種操作模式在使用體驗(yàn)上的不一致也成為Windows 8飽受用戶詬病的原因之一，但微軟自始至終都朝著平臺(tái)大融合的目標(biāo)堅(jiān)定前行著。經(jīng)過(guò)一路探索，微軟終于通過(guò)在Windows 10系統(tǒng)的公布，展示了一個(gè)更加清晰明了的戰(zhàn)略方向：構(gòu)建一個(gè)面向全部Windows設(shè)備的核心操作系統(tǒng)。

一、系統(tǒng)新特性

首先，我們先來(lái)了解幾點(diǎn)與應(yīng)用設(shè)計(jì)相關(guān)的一些系統(tǒng)特性：

通用應(yīng)用（Windows Apps）

在微軟Windows 10發(fā)布會(huì)上，通用應(yīng)用（已經(jīng)由Universal Apps更名為Windows Apps）是出現(xiàn)頻率很高的一個(gè)名詞，那什么是通用應(yīng)用呢？簡(jiǎn)單來(lái)說(shuō)，在Windows 10上將真正實(shí)現(xiàn)以盡可能少的開發(fā)量即可打造全平臺(tái)都可運(yùn)行的應(yīng)用，從電腦、平板、智能手機(jī)，甚至到Xbox One都無(wú)縫過(guò)渡，并且保持整體一致的用戶界面和操作體驗(yàn)。與Windows 8上的Metro應(yīng)用只有全屏模式不同的是，通用應(yīng)用在桌面模式下支持窗口模式，這意味著觸屏和鍵鼠兩種操作將得到更好的融合。

通用應(yīng)用具有以下優(yōu)勢(shì)：

1. 統(tǒng)一的UI和體驗(yàn)可以減少用戶在不同平臺(tái)間的學(xué)習(xí)成本

2. 大大減少了開發(fā)成本

3. 可通過(guò)一個(gè)應(yīng)用拉動(dòng)不同平臺(tái)的用戶群

自適應(yīng)用戶體驗(yàn)（Adaptive UX）

微軟針對(duì)Windows 10系統(tǒng)專門提出了自適應(yīng)用戶體驗(yàn)的這種理念，并為通用應(yīng)用提供了一套統(tǒng)一的跨設(shè)備自適應(yīng)控件。這套控件的視覺元素和交互體驗(yàn)都是整體一致的，但針對(duì)不同的操作場(chǎng)景和設(shè)備有細(xì)微不同的體現(xiàn)，比如觸摸屏、應(yīng)用彈出控件等，當(dāng)用戶觸摸時(shí)自動(dòng)使用較大面積按鈕，使用鍵盤時(shí)與之相反。

Continuum模式

Continuum模式是專門為混合形態(tài)設(shè)備設(shè)計(jì)，比如Surface，也就是說(shuō)開啟此模式后我們的設(shè)備可以自由切換平板狀態(tài)和筆記本狀態(tài)，系統(tǒng)會(huì)根據(jù)是否為觸控屏幕以及是否有鍵鼠來(lái)判斷是否進(jìn)入“平板模式”。比如有觸控功能的設(shè)備拔下了鍵鼠配件，Windows 10 會(huì)提示是否開啟“平板模式”并將應(yīng)用全屏顯示，整個(gè)界面會(huì)針對(duì)觸控略微放大，而且開始菜單也會(huì)變成全屏。這種模式較好的融合了觸屏和鍵鼠兩種操作場(chǎng)景，減輕了桌面和平板模式間的孤立感。圖為在桌面和平板模式下開始菜單的不同樣式。

二、設(shè)計(jì)趨勢(shì)分析

再來(lái)看看Windows 10上的官方應(yīng)用對(duì)比Windows 8上的版本有什么不同：

應(yīng)用商店（平板）

XBOX（平板）

Skype（平板）

可以看出Windows 10的應(yīng)用標(biāo)準(zhǔn)已經(jīng)與之前的樣式發(fā)生了非常大的變化，筆者認(rèn)為可以歸納如下幾點(diǎn)：

自適應(yīng)布局（響應(yīng)式設(shè)計(jì)）成為通用應(yīng)用核心結(jié)構(gòu)

除了要應(yīng)對(duì)通用應(yīng)用在桌面模式下縮小放大的窗口變化，未來(lái)搭載Windows 10的設(shè)備尺寸也會(huì)多種多樣，所以，靈活且高效的自適應(yīng)布局理所當(dāng)然是最符合通用應(yīng)用跨平臺(tái)、窗口化的特點(diǎn)的，在上面的圖中我們可以看到Xbox和Skype都改為了多欄式布局。

橫向滑動(dòng)不再是典型的系統(tǒng)瀏覽形式

我們都知道Metro UI的設(shè)計(jì)語(yǔ)言之一就是橫向滑動(dòng)瀏覽，但隨著Surface系列設(shè)備的屏幕比例從前幾代基于橫向操作而設(shè)計(jì)的16：9變成了Surface Pro 3的3：2，似乎已經(jīng)是微軟在傳遞調(diào)整產(chǎn)品方向的訊息。而如今我們可以看到上圖中Windows 10官方通用應(yīng)用基本已經(jīng)摒棄了整個(gè)信息流的橫滑瀏覽，只是在個(gè)別分類下采用。對(duì)此變化，可以想到的原因之一是通用應(yīng)用在桌面模式下為窗口模式，當(dāng)窗口尺寸變得窄小時(shí)，自然不適合用橫滑來(lái)瀏覽信息。

探索新的導(dǎo)航解決方案

既然Windows 10已決定弱化橫向?yàn)g覽，那必然需要一種更好的導(dǎo)航形式來(lái)替代之前的大字號(hào)橫滑導(dǎo)航，大部分的通用應(yīng)用都開始嘗試采用“漢堡菜單”（Navigation Drawer）來(lái)作為統(tǒng)一的導(dǎo)航形式。雖然漢堡菜單已經(jīng)被廣泛應(yīng)用在網(wǎng)站、IOS及Android系統(tǒng)中，但是由于其易用性還存在很大爭(zhēng)議（特別是在Phone上），所以在正式版發(fā)布前，漢堡菜單會(huì)不會(huì)成為微軟的最終解決方案還不得而知。

更多元化的設(shè)計(jì)風(fēng)格

在Windows 8上，不論是手機(jī)還是平板應(yīng)用，在系統(tǒng)設(shè)計(jì)規(guī)范的指引下都顯得“高度統(tǒng)一化”，以至于每一個(gè)應(yīng)用看起來(lái)幾乎都是大號(hào)字體+方塊磁片的組合。Metro UI這種去掉所有裝飾只呈現(xiàn)信息的設(shè)計(jì)理念其實(shí)一定程度上等于剝離了帶給用戶情感化體驗(yàn)的元素，從而使用戶越發(fā)審美疲勞。還好在新的通用應(yīng)用設(shè)計(jì)中，我們可以看到除了開始菜單以外，曾經(jīng)那些單一的Metro元素已經(jīng)越來(lái)越少，而線型圖標(biāo)、居中布局、圓形、分割線等等元素的加入使界面變得更加豐富起來(lái)，可以說(shuō)Metro UI的設(shè)計(jì)語(yǔ)言已被逐漸弱化，微軟開始鼓勵(lì)并給予開發(fā)者更大的設(shè)計(jì)自由，未來(lái)Windows 10將逐漸和IOS及Android平臺(tái)的扁平化風(fēng)格趨于統(tǒng)一。

不同設(shè)備和操作場(chǎng)景需要定制化設(shè)計(jì)

雖然在理論上開發(fā)者可以通過(guò)一次編寫和一套UI使通用應(yīng)用在所有Windows平臺(tái)上運(yùn)行，但根據(jù)實(shí)際情況來(lái)看，小尺寸的設(shè)備界面并不等同于大尺寸的設(shè)備界面縮小為窗口化時(shí)的效果，設(shè)計(jì)師仍然需要針對(duì)不同的設(shè)備和操作場(chǎng)景（如觸屏或鍵鼠）來(lái)定制設(shè)計(jì)方案。在保證應(yīng)用設(shè)計(jì)統(tǒng)一性的同時(shí)，也要兼顧不同設(shè)備的使用體驗(yàn)，這對(duì)設(shè)計(jì)師來(lái)說(shuō)也許是一個(gè)挑戰(zhàn)。

針對(duì)不同的設(shè)備特點(diǎn)，同一個(gè)通用應(yīng)用運(yùn)行在手機(jī)和平板上的區(qū)別

最后，根據(jù)以上趨勢(shì)分析，再補(bǔ)充兩個(gè)小Tips：

1.開發(fā)者們可以利用這次Windows 10設(shè)計(jì)風(fēng)格向其他平臺(tái)靠攏的機(jī)會(huì)，更方便的從IOS及Android平臺(tái)將應(yīng)用移植到Windows 10，或者對(duì)原有的Metro版本進(jìn)行優(yōu)化，保證品牌和設(shè)計(jì)的統(tǒng)一性。

2.很快，通過(guò)免費(fèi)升級(jí)到Windows 10的PC用戶將會(huì)占絕大多數(shù)，所以在為通用應(yīng)用進(jìn)行設(shè)計(jì)時(shí)應(yīng)以窗口模式鍵鼠體驗(yàn)為基準(zhǔn)進(jìn)行設(shè)計(jì)，再保證全屏觸控模式的可用性。

總結(jié)：

這一次，微軟再次徹底的顛覆了自己，也許我們開始從Windows 10身上看到其他平臺(tái)的影子，也許曾經(jīng)獨(dú)樹一幟的Metro UI即將與我們告別，但是從目前的體驗(yàn)來(lái)看，筆者認(rèn)為Windows 10毫無(wú)疑問(wèn)是變得更優(yōu)秀了，只不過(guò)跨平臺(tái)統(tǒng)一這條路是否好走，未來(lái)還有待驗(yàn)證�，F(xiàn)在，背負(fù)著改變微軟命運(yùn)這個(gè)沉重使命的Windows 10即將起航，祝愿它。