Google 最佳設計獎,Evernote 是這樣拿下的 | 靈感早讀

好產品,或許你已見得不少。但好產品背後的探索和思考,恐怕沒有太多人知道。

在這個欄目里,你會知道「產品人」如何創作,提供更好的用戶體驗,並影響成千上萬人的生活。

我們精選優質內容,為你提供特別的產品視角。 如果你有好文推薦,或者希望投稿,歡迎聯繫 appsolution@ifanr.com。

微信號 appsolution 後台回復「早讀」可獲取文章合輯。

這是靈感早讀的第51篇文章

A 君導讀:谷歌開發者之前分享了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 設計規範,並早些應用在您的作品中吧!
    推薦閱讀:

    變廢為寶 | 舊衣服不要扔,聰明的女人都這樣做!
    這樣坐,想不腰酸背痛都難
    這樣邀約妹子,就沒有帶不
    男人千萬不要抱著 「找個踏實過日子的女人」這樣的態度找對象
    原來三亞的早餐是這樣的!

    TAG:設計 | Evernote | 靈感 | Google | note | 這樣 |