Card UI:“后擬物化設(shè)計(jì)“的信息呈現(xiàn)
雖然沒有 Android 新版本,也沒有吸引眼球的跳傘表演,但是今年的 Google I/O 還是給了我們一種滿足感。這是一場(chǎng)實(shí)實(shí)在在的技術(shù)演出,預(yù)示了 Google 前進(jìn)的方向。我們看到,Google 正從各方面完善著自己的服務(wù)。這就像工匠對(duì)作品的精雕細(xì)琢,不時(shí)引起人們對(duì)其技術(shù)的贊嘆。在這次開發(fā)者大會(huì)中,Google 不僅展現(xiàn)了處理數(shù)據(jù)的高級(jí)智能(Google+ 圖片的智能優(yōu)化、搜索的進(jìn)化),而且展現(xiàn)了設(shè)計(jì)上的進(jìn)步。
細(xì)心的觀眾可能注意到,在 Google 產(chǎn)品的界面設(shè)計(jì)中,有一個(gè)要素已經(jīng)越來(lái)越突出,那就是卡片。這已經(jīng)成為 Google 展示信息的重要載體。
我們無(wú)法確定這種風(fēng)潮的來(lái)源。大膽猜想的話,它可能與 Android 用戶體驗(yàn)主管 Matias Duarte 有關(guān)。他在 Palm 參與 webOS 設(shè)計(jì)時(shí),就開始探索卡片界面,其中多任務(wù)卡片讓人印象深刻。加入 Android 團(tuán)隊(duì)之后,他開始引入 webOS 的一些元素,卡片自然也隨之而來(lái)。在 Google 最重要的產(chǎn)品 Google Now 中,卡片成為展現(xiàn)信息的載體,隨后,Google+ 移動(dòng)端、Play Book 多使用了卡片。最新版的 Google Play Store 用卡片展示信息,Glass 的界面基于卡片。Google I/O 大會(huì)上,我們看到,新改版的 Google 地圖也將引入卡片。
卡片興起的來(lái)源或許并不重要。它的無(wú)處不在證明了 Google 各產(chǎn)品設(shè)計(jì)師的認(rèn)同。Co.Design 采訪了 Google 的幾位設(shè)計(jì)師,討論了卡片在 Google 產(chǎn)品設(shè)計(jì)中的意義。
“我們并沒有發(fā)明組織信息的新方式”,Android 用戶體驗(yàn)主管 Matias Duarte 說,“我們實(shí)際上使用了一種最古老的圖形和信息設(shè)計(jì)方式——名片、電話卡、賀卡、撲克牌。它們有著同樣的展現(xiàn)方式,因?yàn)樗鼈兌挤从吵鱿嗤脑O(shè)計(jì)問題。”
這些問題在觸屏設(shè)備產(chǎn)生之前就已經(jīng)出現(xiàn),并且植根于移動(dòng)。因此,當(dāng) Google 設(shè)計(jì)師想要為 Google Now 尋找一種承載簡(jiǎn)短、多樣信息流的界面時(shí),他們意識(shí)到,自己需要的是一種“可接觸的實(shí)體容器”。
“卡片的受限實(shí)際上使得 Google Now 的其它設(shè)計(jì)更加容易,”Duarte 回顧說,“它迫使我們?nèi)W?。它迫使我們?nèi)ニ伎歼@樣的問題,你不能在一個(gè)卡片上填放兩個(gè)或三個(gè)圖片,那只會(huì)顯得混亂。”
Co.Design 網(wǎng)站認(rèn)為,卡片是一個(gè)出色的工具。它可以吸引注意力而無(wú)需點(diǎn)擊鏈接;它能夠?qū)剐畔⑦^載;它在任何屏幕上都給人以舒服的感覺??ㄆo人一種觸感,位于極簡(jiǎn) 設(shè)計(jì)與擬物化設(shè)計(jì)的中間地帶,就像是一種“后擬物化設(shè)計(jì)”。不過,在與 Google 設(shè)計(jì)師的談話中,Co.Design 了解到,卡片不僅僅解決的是信息呈現(xiàn)的問題,而且能夠用來(lái)處理一系列復(fù)雜的 UX 問題。
比如,對(duì)于地圖團(tuán)隊(duì)來(lái)說,卡片解決了一個(gè)核心交互問題,如何展現(xiàn)地圖上的大量信息。
“我們不想覆蓋整幅地圖,因此,我們做了一個(gè)可以擴(kuò)展和收縮的面板,” Google 地圖的 UX 設(shè)計(jì)師 Jonah Jones 說,“問題是,當(dāng)它擴(kuò)展時(shí),無(wú)法真正給人以可收縮的感覺。當(dāng)它收縮后,無(wú)法真正給人以可擴(kuò)展的感覺”。他們發(fā)現(xiàn)卡片可以解決這個(gè)問題。卡片可以很自然的疊 加起來(lái)。將卡片疊加,并且露出后面卡片的少量信息,用戶可以很方便的處理這些信息。
由于卡片在 Google 設(shè)計(jì)上的突出地位,Co.Design 網(wǎng)站認(rèn)為,它已經(jīng)成為公司表達(dá)數(shù)據(jù)的新聲音,面對(duì)多平臺(tái)的萬(wàn)能藥。
當(dāng) Google 越來(lái)越深入挖掘我們的生活——以他們的算法閱讀我們的電子郵件,確定我們的位置,預(yù)測(cè)我們的喜好——卡片將會(huì)是知道過多的公司與理解太少的用戶之間的一個(gè)緩沖。