銀川智虎網絡科技有限公司 - 為(wèi)你思考,為(wèi)你實現!為(wèi)客戶創造與傳遞品牌價值是我們的最終使命!
羽之科網絡微信公衆号 掃一(yī)掃關注
tel-icon全國(guó)服務熱線:0951-5137001,18295277030
掃一(yī)掃關注羽之科網絡微信公衆号

再見(jiàn)METRO!WINDOWS 10通(tōng)用應用設計趨勢分析

分類:行業(yè)動态   作者:小(xiǎo)羽   發布時間:2019-05-05 09:09:39   點擊次數:967

衆所周知,當初微軟在Windows 8上(shàng)做了非常大膽的變革,除了開(kāi)創性的Metro設計語言,傳統桌面和平闆兩種模式的融合也是一(yī)大特色,可這兩種操作模式在使用體驗上(shàng)的不一(yī)緻也成為(wèi)Windows 8飽受用戶诟病的原因之一(yī),但微軟自(zì)始至終都朝著(zhe)平台大融合的目标堅定前行著(zhe)。經過一(yī)路(lù)探索,微軟終于通(tōng)過在Windows 10系統的公布,展示了一(yī)個(gè)更加清晰明了的戰略方向:構建一(yī)個(gè)面向全部Windows設備的核心操作系統。

一(yī)、系統新特性

首先,我們先來了解幾點與應用設計相(xiàng)關的一(yī)些系統特性:

通(tōng)用應用(Windows Apps)

在微軟Windows 10發布會(huì)上(shàng),通(tōng)用應用(已經由Universal Apps更名為(wèi)Windows Apps)是出現頻率很高(gāo)的一(yī)個(gè)名詞,那什麽是通(tōng)用應用呢(ne)?簡單來說,在Windows 10上(shàng)将真正實現以盡可能(néng)少的開(kāi)發量即可打造全平台都可運行的應用,從(cóng)電(diàn)腦(nǎo)、平闆、智能(néng)手機(jī),甚至到(dào)Xbox One都無縫過渡,并且保持整體一(yī)緻的用戶界面和操作體驗。與Windows 8上(shàng)的Metro應用隻有全屏模式不同的是,通(tōng)用應用在桌面模式下(xià)支持窗(chuāng)口模式,這意味著(zhe)觸屏和鍵鼠兩種操作将得到(dào)更好的融合。

通(tōng)用應用具有以下(xià)優勢:

1. 統一(yī)的UI和體驗可以減少用戶在不同平台間的學習成本

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

3. 可通(tōng)過一(yī)個(gè)應用拉動不同平台的用戶群

自(zì)适應用戶體驗(Adaptive UX)

微軟針對Windows 10系統專門(mén)提出了自(zì)适應用戶體驗的這種理念,并為(wèi)通(tōng)用應用提供了一(yī)套統一(yī)的跨設備自(zì)适應控件(jiàn)。這套控件(jiàn)的視覺元素和交互體驗都是整體一(yī)緻的,但針對不同的操作場景和設備有細微不同的體現,比如觸摸屏、應用彈出控件(jiàn)等,當用戶觸摸時自(zì)動使用較大面積按鈕,使用鍵盤時與之相(xiàng)反。

Continuum模式

Continuum模式是專門(mén)為(wèi)混合形态設備設計,比如Surface,也就(jiù)是說開(kāi)啓此模式後我們的設備可以自(zì)由切換平闆狀态和筆記本狀态,系統會(huì)根據是否為(wèi)觸控屏幕以及是否有鍵鼠來判斷是否進入“平闆模式”。比如有觸控功能(néng)的設備拔下(xià)了鍵鼠配件(jiàn),Windows 10 會(huì)提示是否開(kāi)啓“平闆模式”并将應用全屏顯示,整個(gè)界面會(huì)針對觸控略微放(fàng)大,而且開(kāi)始菜單也會(huì)變成全屏。這種模式較好的融合了觸屏和鍵鼠兩種操作場景,減輕了桌面和平闆模式間的孤立感。圖為(wèi)在桌面和平闆模式下(xià)開(kāi)始菜單的不同樣式。

二、設計趨勢分析

再來看(kàn)看(kàn)Windows 10上(shàng)的官方應用對比Windows 8上(shàng)的版本有什麽不同:

應用商店(平闆)

XBOX(平闆)

Skype(平闆)

可以看(kàn)出Windows 10的應用标準已經與之前的樣式發生(shēng)了非常大的變化,筆者認為(wèi)可以歸納如下(xià)幾點:

自(zì)适應布局(響應式設計)成為(wèi)通(tōng)用應用核心結構

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

橫向滑動不再是典型的系統浏覽形式

我們都知道Metro UI的設計語言之一(yī)就(jiù)是橫向滑動浏覽,但随著(zhe)Surface系列設備的屏幕比例從(cóng)前幾代基于橫向操作而設計的16:9變成了Surface Pro 3的3:2,似乎已經是微軟在傳遞調整産品方向的訊息。而如今我們可以看(kàn)到(dào)上(shàng)圖中Windows 10官方通(tōng)用應用基本已經摒棄了整個(gè)信息流的橫滑浏覽,隻是在個(gè)别分類下(xià)采用。對此變化,可以想到(dào)的原因之一(yī)是通(tōng)用應用在桌面模式下(xià)為(wèi)窗(chuāng)口模式,當窗(chuāng)口尺寸變得窄小(xiǎo)時,自(zì)然不适合用橫滑來浏覽信息。

探索新的導航解決方案

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

更多(duō)元化的設計風格

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

不同設備和操作場景需要定制化設計

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

針對不同的設備特點,同一(yī)個(gè)通(tōng)用應用運行在手機(jī)和平闆上(shàng)的區别

最後,根據以上(shàng)趨勢分析,再補充兩個(gè)小(xiǎo)Tips:

1.開(kāi)發者們可以利用這次Windows 10設計風格向其他平台靠攏的機(jī)會(huì),更方便的從(cóng)IOS及Android平台将應用移植到(dào)Windows 10,或者對原有的Metro版本進行優化,保證品牌和設計的統一(yī)性。

2.很快,通(tōng)過免費(fèi)升級到(dào)Windows 10的PC用戶将會(huì)占絕大多(duō)數,所以在為(wèi)通(tōng)用應用進行設計時應以窗(chuāng)口模式鍵鼠體驗為(wèi)基準進行設計,再保證全屏觸控模式的可用性。

總結:

這一(yī)次,微軟再次徹底的颠覆了自(zì)己,也許我們開(kāi)始從(cóng)Windows 10身上(shàng)看(kàn)到(dào)其他平台的影子,也許曾經獨樹一(yī)幟的Metro UI即将與我們告别,但是從(cóng)目前的體驗來看(kàn),筆者認為(wèi)Windows 10毫無疑問是變得更優秀了,隻不過跨平台統一(yī)這條路(lù)是否好走,未來還(hái)有待驗證。現在,背負著(zhe)改變微軟命運這個(gè)沉重使命的Windows 10即将起航,祝願它。

 

 

友(yǒu)情鏈接
聯系我們

電(diàn) 話:0951-5137001/18295277030

Q  Q:87651825   568464226

郵 箱:web@yuzhike.com
地 址:銀(yín)川市(shì)興慶區南(nán)熏東街天都十六區6号樓3204

聯系我們

Website Design & Power by:yuzhike.com
版權所有 © 銀川智虎網絡科技有限公司