Metro風(fēng)格的應(yīng)用是針對(duì)你的用戶需求而設(shè)計(jì)的全屏幕應(yīng)用程序。他針對(duì)其所運(yùn)行的設(shè)備所設(shè)計(jì),針對(duì)觸摸屏幕及Windows用戶界面優(yōu)化。Windows幫助你與你的用戶進(jìn)行交互,從而使用戶與你的應(yīng)用產(chǎn)生互動(dòng)。本文將幫助你了解Metro風(fēng)格的應(yīng)用設(shè)計(jì)以及一些基本的開發(fā)技巧。
針對(duì)你的用戶所設(shè)計(jì)的應(yīng)用
當(dāng)用戶使用Metro應(yīng)用時(shí),他應(yīng)該能體驗(yàn)到:
沉浸式:你的Metro應(yīng)用應(yīng)該是全屏幕的,讓用戶沉浸在你所創(chuàng)建的體驗(yàn)之中。在這種全屏體驗(yàn)中,用戶能極力享受到他所喜愛的內(nèi)容。為了充分展示你的內(nèi)容,我們移除了不是必須的操作系統(tǒng)的邊框。你的應(yīng)用程序就是Windows的核心體驗(yàn)。請充分利用屏幕的空間來設(shè)計(jì)你的應(yīng)用程序,但不要讓他過于雜亂。讓用戶專注于他需要專注的任務(wù)之中。
增進(jìn)與活躍:你的Metro應(yīng)用能幫助用戶找到他們關(guān)注的信息。Live titles的更新幫助用戶在第一時(shí)間找到有用的興趣,并引導(dǎo)用戶進(jìn)入你的應(yīng)用程序。
開始畫面幫助展示你應(yīng)用最好的一面。App tiles上呈載了實(shí)時(shí)的狀態(tài)與更新,來鼓勵(lì)用戶進(jìn)入你的應(yīng)用。當(dāng)我們設(shè)計(jì)tiles,我們應(yīng)當(dāng):
1、突出你的品牌。app tile能幫助你視覺化你的品牌。應(yīng)當(dāng)設(shè)計(jì)得有足夠吸引力以及與其它應(yīng)用的差異化。
2、在app tile上盡可能的展現(xiàn)用戶關(guān)注的信息以及更新。你會(huì)寄希望于用戶經(jīng)常來查看你的tile,查看最新的應(yīng)用中的更新。你寄希望于這些更新能吸引你的用戶點(diǎn)擊使用你的應(yīng)用??紤]周全的信息設(shè)計(jì)能充分增進(jìn)你的用戶與應(yīng)用的聯(lián)系。
有關(guān)更多的設(shè)計(jì)app tile的信息,請查看 Guidelines and checklist for tiles 以及 Guidelines and checklist for notifications.
保持連接:你的用戶能夠分享內(nèi)容到他的社交網(wǎng)絡(luò)或設(shè)備上。了解更多有關(guān)Searching, sharing, and connecting (JavaScript)。
交互性與觸控優(yōu)先:你的應(yīng)用應(yīng)當(dāng)為觸控以及自然操作方式而設(shè)計(jì),Windows會(huì)自動(dòng)針對(duì)鍵盤、鼠標(biāo)及圖像縮放進(jìn)行處理。了解更多,請?jiān)L問Designing for touch 以及 Responding to user interaction.
自動(dòng)適應(yīng)性視圖:應(yīng)用中的控件應(yīng)當(dāng)支持流式布局,這樣內(nèi)容會(huì)自然的根據(jù)不同的設(shè)備進(jìn)行適應(yīng)性排版。相應(yīng)的平臺(tái)上提供了自動(dòng)縮放功能能幫助我們處理多分辨率以及屏幕方向問題。了解更多Designing for different form factors.
可信賴的應(yīng)用:用戶可以安全的下載、安全、使用及更新,而不會(huì)影響到其它應(yīng)用。
為多任務(wù)而設(shè)計(jì)
當(dāng)應(yīng)用程序全屏幕運(yùn)行時(shí),Windows同時(shí)也能支持多任務(wù)操作。
1、Snapped View。用戶喜歡同時(shí)做多件事情。他們希望使用你的應(yīng)用時(shí)同時(shí)還能聊天、上網(wǎng)、看視頻或其它,所以請讓你的snap view能滿足用戶的需求,同時(shí)在Snap以及非Snap狀態(tài)時(shí)能流暢的切換。
2、Filled View。用戶可能將其它應(yīng)用作為Snap View而把你的應(yīng)用作為Filled View。注意考慮到水平方向減少面積時(shí)你的應(yīng)用如何更好的適應(yīng)。
為你定制的開發(fā)者體驗(yàn)
開發(fā)者同樣能受益:
選擇你鐘愛的開發(fā)語言:你能夠使用JavaScript加HTML5以及CS3,或C++/C#/VB加XAML。
新的布署方法:你的用戶可以安全和簡單的安裝和刪除應(yīng)用。你無需過多的考慮系統(tǒng)性能。
1、Metro應(yīng)用發(fā)布方式:你的應(yīng)用程序?qū)⑹褂萌碌腗etro應(yīng)用的發(fā)布方式,安裝、更新與刪除的過程非常干凈,不會(huì)改動(dòng)操作系統(tǒng)。
2、Windows Store
新的UI與觸控輸入:你可以直接按你用戶所能接受操作方式來設(shè)計(jì)你的應(yīng)用,所有的UI控件都直接支持這些操作方式。
本地化:你可以開發(fā)一次即可布署應(yīng)用到不同的區(qū)域和語言。不僅如此,Windows Developer Preview提供的API能讓你的應(yīng)用響應(yīng)用戶的語言和文件設(shè)定——如日期、時(shí)間及貨幣格式,只需要簡單的開發(fā)。最終的結(jié)果能讓你開發(fā)國際化的應(yīng)用程序。了解Globalizing your app.
開發(fā)工具:Microsoft Expression Blend與Microsoft Visual Studio 11 Express的預(yù)覽版目前免費(fèi)提供,你將獲得完整的開發(fā)環(huán)境和模板來設(shè)計(jì)、開發(fā)、打包、調(diào)試及布署你的應(yīng)用。
本文編譯自allan,原文地址。
譯文出處:experience10.com
-
廣告合作
-
QQ群號(hào):4114653