同一個産(chǎn)品,在iOS和Windows上分(fēn)别如何設計?
Windows系統在移動端的難題之一是如何吸引更多(duō)的開發者來為(wèi)Windows生态系統創造更多(duō)的應用(yòng),這也是今年微軟Build開發者大會重點在談論的議題。在其中(zhōng)一場演講中(zhōng),微軟邀請了Ratio互動的創意總監Bart Claeys從設計師的角度談“同一個産(chǎn)品,如何利用(yòng)Windows系統的特性做的和iOS不一樣”
(圖/PingWest)
Ratio互動是一家位于西雅圖的設計工(gōng)作(zuò)室,為(wèi)《GQ》、《Wired》、《New Yorker》、《VOGUE》做數字媒體(tǐ)的視覺設計。
Bart Claeys從自己做iCookbook——一個在Windows和iPad上都可(kě)以使用(yòng)的美食應用(yòng)作(zuò)為(wèi)案例,介紹同一個軟件在iOS(主要是和Windows平闆尺寸接近的iPad)和Windows設計上的區(qū)别。
主頁(yè): iPad區(qū)分(fēn)内容時的邏輯是根據菜單的标簽;Windows是以顯示内容為(wèi)核心。
也就是說,在iPad上設計主頁(yè)時,用(yòng)戶是被标簽引導進入内容,但是Windows則是要用(yòng)内容(特别是大面積的圖片)來吸引用(yòng)戶。
那麽,如果設計師要把一個iPad上的應用(yòng)主頁(yè)搬到Windows上來,就要做減法,如果以iCookbook為(wèi)例——它強調用(yòng)圖片來讓用(yòng)戶對食物(wù)有(yǒu)直觀感受、需要簡單的文(wén)字介紹和用(yòng)戶的評論——先确定一個固定顔色的背景圖片、去掉iPad版中(zhōng)的标簽欄、标記的頁(yè)數、可(kě)能(néng)讓用(yòng)戶迷惑的隐喻、去掉圖片需要的相框、把内容按照一個全景圖重新(xīn)組織(也就是想像一下如果你的應用(yòng)隻有(yǒu)一張圖片沒有(yǒu)任何圖标該怎麽呈現)、填充圖片進去(特别是你想強調的内容)、在圖片下面添加文(wén)字并經常更新(xīn)、把分(fēn)類的标題部分(fēn)放大再去處理(lǐ)Logo的樣式等。
輪廓和網格: 就這一點,Bart Claeys說其實沒什麽标準可(kě)言,要考慮具(jù)體(tǐ)的産(chǎn)品需求。
分(fēn)享:在iPad上分(fēn)享是來自應用(yòng)内屏幕兩側的擴展功能(néng),例如你點擊應用(yòng)中(zhōng)的分(fēn)享按鈕就會出現Facebook、Twitter或者Google+,Windows則是來自系統的設計——你需要在屏幕右邊從右往左滑動,會出現分(fēn)享的設置,分(fēn)享這一欄的背景顔色、主題都是由用(yòng)戶自己設置的。
(圖/PingWest)
搜索:iPad應用(yòng)裏搜索需要應用(yòng)自己和搜索引擎合作(zuò),Windows則是由右邊欄中(zhōng)的Bing作(zuò)為(wèi)默認搜索引擎,在Windows 8.1的更新(xīn)中(zhōng)還加入了程序内搜索。
設置:仍然是在微軟的右邊欄中(zhōng),點擊設置按鈕會出現設置的信息,包括賬戶信息、登錄和退出。
屏幕卷動方向:在iPad裏,關于屏幕的卷動方向并沒有(yǒu)明确的導向,但是在Windows的應用(yòng)中(zhōng),非常明顯是水平滑動。Bart Claeys說這是iPad和Windows一個很(hěn)大的不同,但是也帶來了一個問題,當你把Windows平闆設備旋轉90度時,屏幕中(zhōng)有(yǒu)一半的内容是空白的,“這是添加一些新(xīn)的内容的機會,比如廣告。”
應用(yòng)的封面:iPad的應用(yòng)是固定且靜止的圖标,Windows則豐富一些,你可(kě)以用(yòng)圖片、文(wén)字鏈接等多(duō)種形式來組合,最多(duō)允許開發者設計五個封面。這裏Bart Claeys建議開發者去做A/B testing(一種将網頁(yè)内容簡單分(fēn)成兩類,讓用(yòng)戶随機進入一種觀測用(yòng)戶喜好的網頁(yè)有(yǒu)效性測試方法)。還需要注意的一點是,在Windows 8中(zhōng),應用(yòng)的封面算是普通的長(cháng)方形,但是到了Windows 8.1則多(duō)了幾種樣式——長(cháng)度是過去的兩倍或者一半。
還有(yǒu)一個非常重要的問題——通知。iPad應用(yòng)的推送是在右上角标記一個數字或者發在通知中(zhōng)心,Windows則是直接出現在右上角。對此Bart Claeys說“這一點可(kě)要小(xiǎo)心噢,你不會願意你在做一個演示的時候給台下的觀衆看到你其他(tā)的應用(yòng)推送了什麽消息吧。”對微軟吸引開發者的做法,Bart Claeys在演講完接受PingWest的采訪時說,“微軟過去在這方面沒有(yǒu)什麽經驗,之前他(tā)們邀請我去他(tā)們總部,專門講解Windows系統的特點、設計理(lǐ)念,他(tā)們有(yǒu)個第三方的公(gōng)司專門負責這塊工(gōng)作(zuò)。我覺得他(tā)們肯定是想借這樣的方法來吸引開發者,未來說不定會把這種邀請制度變成一種正式的培訓或者借其他(tā)傳輸渠道推廣;至于和蘋果有(yǒu)什麽不一樣,我覺得iOS 7之後似乎更加強調手勢,微軟則還要先繼續努力吸引開發者。”
留言