原文在此http://www.lukew.com/ff/entry.asp?1894
原文作者: Luke Wroblewski 譯文:金小米童鞋
Google主工程師Kirill Grouchnikov和Marco Paglia談構(gòu)建Web挣跋、Native APP和設(shè)備之間保持一致性的幾點(diǎn)重要因素:
1. Google Play再設(shè)計(jì)旨在追求在圖層、屏幕最筒、設(shè)備領(lǐng)域內(nèi)的協(xié)作創(chuàng)造一致性體驗(yàn)捕虽;
2. 核心的用戶界面組件是卡片位岔。像應(yīng)用、雜志告组、音樂、電子書等展示的共同特性就是卡片拉庶,共同的呈現(xiàn)方式也會(huì)構(gòu)建一致的交互方式嗜憔;
3.卡片的尺寸設(shè)計(jì)是多樣性的,涵蓋大小尺寸氏仗;
4.另外一個(gè)核心組件是畫布吉捶,它為擴(kuò)展屏幕空間提供了可能性;
交互方式
1.用戶在手機(jī)使用APP和使用網(wǎng)頁(yè)切換時(shí)不應(yīng)該重新開啟皆尔;
2.在APP中呐舔,Google Play的菜單并沒有顯示在屏幕區(qū)域內(nèi),但是在網(wǎng)頁(yè)端應(yīng)用中慷蠕,默認(rèn)情況下這個(gè)菜單是可見的珊拼,并且在同一區(qū)域顯示的內(nèi)容是一致的;
3.更多菜單內(nèi)容在網(wǎng)頁(yè)中可以通過鼠標(biāo)懸浮顯示流炕,在安卓上以彈窗的形式顯示澎现,在iOS上以動(dòng)作表單的形式出現(xiàn)。表現(xiàn)形式雖然不同但是核心功能是一致的每辟;
4.通過尺寸與聚類的卡片結(jié)合剑辫,同一層級(jí)能被保存到不同尺寸的設(shè)備中;
5.工具欄應(yīng)該顯示5個(gè)最重要的任務(wù)渠欺,它可以在小屏幕設(shè)備上呈現(xiàn)后隱藏妹蔽,在大屏幕設(shè)備中也能很好的顯示。當(dāng)Drawer抽屜導(dǎo)航彈出時(shí)挠将,內(nèi)容區(qū)外的界面都漸隱以幫助用戶聚焦于菜單選項(xiàng)胳岂;
6.響應(yīng)式的結(jié)果:執(zhí)行速度提高,支持多平臺(tái)不再需要更多設(shè)計(jì)師與設(shè)計(jì)師之間的合作捐名。