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