Gmail / Inbox 使用分析(ios版)

Inbox整體風格非常material design,從大範圍的配色、佈局、介面元件,到細部的圖示、互動反應,散見於material design設計規範中。自從google發表material design,明確宣告統一的設計語言,旗下產品無論網頁、APP,設計風格越來越具有整體性、一致性。

大勢所趨,google現在著手這個環節是對的,就算現在不做,終有一天還是得做,拖越久越不利。因為之後跨裝置、跨平台的需求只會越來越多,站在UX/UI的角度,google遲早要面對使用體驗一致性的問題。

Inbox支援更多手勢,方便大螢幕手機的使用者單手操作,這點也是目前APP介面設計的趨勢。因為模糊、大範圍的手勢操作,會比精確、小範圍的點擊容易。如下圖開啟廣告郵件群組,往下或往上捲動到底後再繼續拖曳畫面,可以直接回上層,不用非得點擊左上角的”X”按鈕了。同樣模式也套用在郵件內頁,熟悉之後用單手操作真的滿順手。

手勢回上頁

左側頭像是可以讓畫面更豐富,但在功能型的APP卻非必要。大多數郵件都沒有客製的頭像,導致文字與圖示交錯,加上色彩變化,簡直是干擾。無意中點到頭像,才發現它會變成選取郵件的確認框,這部分的介面預示性(affordance)並不好。

點擊頭像變選取框

郵件列表也有隱藏的手勢操作,可以快速歸類郵件。按住一則郵件往右捲動,可以將郵件標示為完成,往左捲動則跳出延後處理的對話框。這種操作方式在其他APP不難看到,只是介面的預示性不夠,我們通常只會點擊,不知道橫向捲動還藏有其他功能。這是熟悉APP操作模式的熟手才會使用的操作方式。

手勢分類郵件

回覆按鈕隨著捲動位置的漸變反應是一絕,這就是藉由互動反應暗示介面功能的絕佳範例,使用者一旦看過後就知道那顆按鈕的用途了。

回覆按鈕的漸變

夾帶附件的流程比舊版Gmail簡要,介面互動性更強,也提供更多功能。首先夾帶附件的流程簡化到兩個步驟,舊版最少四個,不過這是因為inbox只開放夾帶圖檔,不像舊版的功能完整,所以能把流程簡化到只剩兩個。選定圖片後,圖片下方直接顯示進度條,這點舊版沒做。載入完成後預設為內嵌圖片,圖片右上方的更多按鈕還可以切換為附件形式,切換後圖檔尺寸縮小,用此手法提示使用者,相當清楚。

unnamed

搜尋功能的過場可以看到已經流行一陣子的transformicon效果,套用在左側的導覽面板按鈕,三條槓會漸變為左箭頭,很花俏,多了點趣味性,但整體來說還是視覺效果大於實用意義。

搜尋

APP bar右側有顆圖釘式樣的按鈕,可以讓使用者選擇顯示全部郵件,或只顯示有提醒標籤的郵件,提醒標籤是在郵件內頁標記。不錯的設計,類似把文章置頂或追蹤的概念,但礙於習慣問題,我在原本的Gmail就會透過手動分類想追蹤的郵件,所以這功能我幾乎沒在使用。

釘選

右下角有一顆懸浮的紅色按鈕,是material design的主要特色之一。當然,這是按照規範走的結果,其他google出品的APP也可以看到這樣的設置。但若站在使用者的角度,這顆按鈕有重要到需要特別拉出來,固定在畫面右下角?在行動裝置上,多數使用者還是習慣用虛擬鍵盤輸入,雖然打字比語音輸入牛步,也很不方便。沒必要的話,不會優先使用手機發email,也不會長篇大論,這些事情在電腦上處理會更有效率。總之,問題在於寫信並不是常用、重要的功能,卻在畫面上常駐,看久了挺礙眼。在不常用的前提下,即使APP很貼心把近期聯絡的對象撈出來,放在點擊按鈕後出現的項目裡,對使用者來說只是微幅提升了便利性,甚至是無感。

撰寫郵件按鈕的漸變

介面設計的特點差不多是這樣,接下來直接跳結論。

習慣Gmail APP的操作模式後,有點難適應新款Inbox。不僅僅是介面風格的差異,還包括新的操作模式,影響既有的使用習慣。所以安裝一個多月,我還是很少開起它整理郵件。

IMG_5482

介面與功能的變更,倒是沒有讓操作變得更方便、更有效率,最主要的問題是變得更複雜,從剛開啟APP的操作說明就能看出端倪。每個畫面一堆文字,實在很恐怖,我連看都不想看就按下"我知道了"。

操作說明

雖然增加很多自動化的設計,卻大幅變更原有的使用習慣,例如新增的"完成"分類,會讓我有種郵件不知被丟到哪去的不確定感。至於"延後項目",多了設定時間這道手續,增加麻煩,對我而言原本放在收件夾未手動歸類的信件就是延後項目了,所以一直不太願意去使用這兩項新功能。

變更使用者習慣真的要非常謹慎,即時改版後的整體視覺更加鮮明漂亮,更符合當下的設計潮流,若需要使用者花時間適應,接受度不見得高。只能說使用者重視的層面不一定與開發者相同,只要使用過程充滿挫折,目的無法順利完成,視覺設計、功能強弱都不再是重點。另一個活教材是運動筆記的改版,討論串砲火四射。

舊款的Gmail APP,雖然手勢部分較弱,介面風格清湯掛麵,功能也不多樣,但整體上近似網頁版的操作經驗,介面簡單、不複雜,功能的目的性較明確,容易上手。重點是使用者已經很習慣目前的網頁版了,熟悉網頁上的操作後,初次使用APP可以說是無縫接軌。

比如以下兩張截圖,分別是網頁版與APP的畫面。網頁版被我用藍色框線圈選的範圍,在APP中收納在左側導覽面板裡,分類項目一個都不少,最大差異就是橫排變直排吧!加上我自己設定的標籤緊接在分類項目下方,隨手可得,所以並沒影響到使用習慣。郵件列表的風格也高度接近,並不需要適應新的元素或配置。操作功能、模式也幾乎一模一樣,學習曲線很低。這樣的使用經驗轉換才是恰到好處。

gmail電腦版

Gmail APP

最後是產品命名。我們詢問別人:有Gmail嗎?Gmail已經普遍到變成口語溝通的基本名詞,直接用在產品命名最是理想,搜尋也方便。光這點就完敗Inbox了,這名字怎麼看都像dropbox之類的雲端硬碟服務。

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *