同一個產品，在iOS和Windows上分別如何設計？ - freecar

		freecar
		市長：munalala 　副市長：
		加入本城市｜推薦本城市｜加入我的最愛｜訂閱最新文章

udn／城市／資訊科技／網路分享／【freecar】城市／討論區／

你還沒有登入喔( 馬上登入/ 加入會員)

本城市首頁

討論區

精華區

投票區

影像館

推薦連結

公告區

訪客簿

市政中心 (0)


討論區／不分版	字體：小中大

同一個產品，在iOS和Windows上分別如何設計？
瀏覽192｜回應0｜推薦0


	munalala 等級：7 留言｜加入好友

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

引用網址：https://city.udn.com/forum/trackback.jsp?no=67255&aid=4982633

粉絲團