引用A 君導讀:Google開發者之前分享了 Airbnb Android 客户端的設計之美,這次為 AppSo(微信號 appsolution)讀者帶來的是 Evernote 的分析。
獲 2015 年 Google Play 最佳設計獎的 Evernote,如何同時兼顧高效與優雅?看完這篇文章,你就知道。
想要創建一款功能強大的筆記應用程序,同時還要做到讓用户體驗並不複雜,即使對於那些最為經驗豐富的設計師都是一個巨大的挑戰。
2015 年,Evernote 決定全面應用 Material Design 設計規範,而這一舉措為其優化應用功能、創造更流暢的用户體驗提供了完美的機會。最終的產品以更簡潔的 UI,結合優美的動效及排版,突出強調了 Evernote 的核心概念 —— 捕獲和組織創意的能力。
以簡潔清晰的 UI 實現化繁為簡
設計一款實用的筆記產品,最大的挑戰之一就是如何做到兼顧記錄時的快捷以及回顧時的便利。為了解決這兩個問題,每次打開程序時 Evernote 都向用户呈現綠色的懸浮按鈕(用於記錄)以及筆記列表(用於回顧)。
Evernote 的界面以簡潔高效著稱
只需簡單的點擊即可快速記錄下新的想法,而之前記錄的信息,無論是照片、音頻、聊天信息還是任何其他類型的內容,都可以通過整潔的筆記列表輕鬆訪問。
Evernote 的移動產品設計經理 Kara Hodecker 認為,通過採用 Material Design,Evernote 最大限度地減少了對用户的干擾,讓用户可以直接在應用主頁輕鬆地檢索並編輯筆記。
引用在貫徹 Material Design 設計規範的過程中,我們得以大幅簡化了 UI,並移除了多餘的線條、邊框及其他可能會攪亂界面的元素。
—— Evernote 移動產品設計經理 Kara Hodecker
在持續存在的 FAB(懸浮按鈕)上應用了快捷指令的設計(speed dial transition)—— 點擊後展開並呈現六種不同的記錄筆記的方式,並強化了用户輸入數據及快速了解 Evernote 產品性能的方式。
快捷指令設計(speed dial transition)中通過動畫展開子級按鈕,明確地表明瞭功能的相關性,讓用户第一時間心領神會。
按下時,懸浮按鈕會彈出所有記錄筆記的方式—— 用户能做什麼在一個動畫之內就一目瞭然了。
用明確的動效讓用户安心
查看 to-do 列表一直都會讓人緊張( 尤其是關鍵項目的 to-do 列表 )。因此,在用户記錄想法時,使用清晰的信號表達出 「記錄成功」 的狀態,會讓用户倍感安心。
Evernote 使用動效讓用户知道他們的筆記已經被保存(並通過這一簡單優雅的動畫為他們帶來驚喜)。
Evernote 使用簡單而優雅的動效來傳達這種信號。
- 用户編輯全新或已有的筆記時,左上角的返回上級按鈕將從箭頭變為確認勾選標記。
- 用户編輯完成後,點擊對勾標記將觸發短暫的動畫,對勾符號轉換回箭頭的樣子 —— 這個變化會讓人們知道,修改工作已經保存,可以放心的返回到筆記列表了。
Evernote 產品經理 Justin Street 認為,動效的價值再怎麼強調都不過分 —— 它們可以讓用户安心並展露出自信的笑容。
引用動效為用户帶來愉悦。雖然 Evernote 是用於工作的工具,但我們也希望它是您喜歡使用的工具 ,是您繁忙的工作中的一抹亮色。
—— Evernote 產品經理 Justin Street
通過排版強化品牌認知和可用性
只要您能夠系統地使用網格、空間、尺寸、顏色、圖像及排版等基本元素來指導整體設計,任何字體都能很好地融入 Material Design 體系中。事實上,Google 之所以建立如此靈活的設計語言,初衷就是讓品牌有空間釋放自己的個性。
根據 Street 的説法,Evernote 明確地意識到要同時兼顧創造力與系統規範,在傳達品牌個性的同時,通過貫徹 Material Design 來提升用户體驗。
引用我們喜歡有個性的操作系統 – Material Design 的偉大之處就在於此。追求獨特的背後都有着強大的邏輯,這也是 Evernote 的處世之道。
—— Evernote 產品經理 Justin Street
通過在整個應用中對排版方式的極致應用,我們創造了一種清晰的層次感,併為它注入了自己獨特的性格。
Evernote 的系統字體 – Caecilia 字體,與 Roboto 字體配合良好,後者是 Android 系統中可用的標準非襯線字體。設計團隊選擇在標題以及較高層級信息中使用 Caecilia 字體,在正文、UI 元素及其他地方使用 Roboto 字體。
這兩種字體的配合使用帶來了讓人欣喜的變化,讓用户能夠輕鬆地吸收信息,並毫不費力地在功能模塊間完成切換。這兩者的配合使用同時也幫助簡化了開發流程,因為 Roboto 是 Android 自帶的字體,所以不需要單獨添加,而且天然支持更多擴展語言。
獎項與社區支持皆收入囊中
Evernote 已經培養出了一個充滿激情和忠誠的用户羣體,在 Material Design 轉型期間也從未失去用户的喜愛。
轉型到 Material Design 之後,反饋信息中的絕大部分都是積極正面的,總評分數高達 4.6 分,點評數量超過 140 萬條( 並且這個數字還在不斷增加 )。
Evernote 曾在 2015 年榮獲 Google Play 最佳設計獎,並一直處於頂級 Material Design 應用之列。
事實上,轉向 Material Design 還帶來了一個意外的好處,那就是媒體報道數量猛增 —— 那些熱衷於介紹 「強化用户體驗」 和 「感受 Material Design 之美」 的網站在這方面尤其熱心。
相信看到這裏,對於 Material Design 能帶來的體驗和評價方面的好處您已經瞭然於胸。是時候去看看 Google Material 設計規範,並早些應用在您的作品中吧!
文章授權轉自「Google開發者」,原文鏈接:取捨的藝術:Evernote
本文由讓手機更好用的 AppSo 精選推薦,關注微信號 appsolution,回覆「早讀」看蘋果的 app 圖標,背後有何設計玄機。
資料來源:愛範兒(ifanr)
請按此登錄後留言。未成為會員? 立即註冊