重新設(shè)計(jì)安卓版Gmail app頁面案例

隨著Material Design 2 的發(fā)表,Google suite中的產(chǎn)品紛紛推出新設(shè)計(jì),因?yàn)槭謾C(jī)上APP還未更新,所以作者JasonCK思考如何讓歷史悠久的Gmail 能更直覺、更方便,為它披上Material Design 2的新外衣。

 

Gmail 與它的兄弟 Inbox

Google 有兩個(gè)郵件服務(wù),一個(gè)是Gmail 另一個(gè)是Inbox,兩者處理郵件的模式大不相同,Gmail 屬于比較傳統(tǒng)的郵件服務(wù),使用者收到信能做的是回復(fù)、歸檔、刪除郵件等等,Inbox 則是以「動(dòng)作」,例如延后、完成、回復(fù),使用者決定下一步該如何處理這封信,做出動(dòng)作回應(yīng),延伸這封信內(nèi)容的價(jià)值,就像一個(gè)代辦清單,而非傳統(tǒng)郵件單純閱讀收發(fā),我認(rèn)為這樣的處理方式比起傳統(tǒng)的收發(fā)閱讀更有生產(chǎn)力,還在實(shí)驗(yàn)中的新版網(wǎng)頁版Gmail 也提供了「延后」以及融合Google 日歷、Tasks 代辦清單,想見Google想融合兩者優(yōu)點(diǎn),在這次Redesign 中也會試著以一些Inbox 的思維去設(shè)計(jì)。

 

重新設(shè)計(jì)的目標(biāo):

1.2點(diǎn)是從Play 商店頁面收集來的用戶反饋的痛點(diǎn)。

1、使用者表示App 版沒有全選刪除/標(biāo)示已讀功能。

2、使用者表示常常找不到未讀郵件。

3、導(dǎo)入Google 智能回復(fù)。

4、快速找出使用者標(biāo)記星號的郵件。

原版Gmail for Android

 

設(shè)計(jì)結(jié)果

 

重新設(shè)計(jì)后的Gmail for Android

首頁的設(shè)計(jì),選擇直接將三大分類排列出來,讓人一目了然哪個(gè)信箱還有尚未閱讀的信件,在主要收件箱掃視信件標(biāo)題時(shí),不會受到其他類別的郵件的干擾。

另外將App Bar 改成在MD2 新推出的Bottom App Bar,考慮到使用手機(jī)的熱區(qū)集中在下半部,希望將常用的瀏覽、整理郵件時(shí)需要的功能都可以輕松的在下方完成;一些更重要的按鈕例如「發(fā)送」放在在較費(fèi)力點(diǎn)擊的上方位置,為操作增加一定程度的難度除了不容易誤觸外,也有利于使用者在過程中較理性的去思考自已的決定,發(fā)送前先好好檢查有無錯(cuò)字之類的。

 

首頁的選單多出選擇、全選、重新整理等原本必須用手勢啟動(dòng)的功能

在首頁右下角的菜單設(shè)計(jì),有「選擇」以及「全選」的功能,熟悉Material Design 特性的人在原版Gmail 中也許很容易就能發(fā)現(xiàn)如何選取多封郵件,但是很多小白用戶并不太了解這個(gè)功能,于是在這里加上明顯的功能鍵,方便不熟悉MD 特性的人也更容易找到這個(gè)功能,「全選」則是在Play 商店上很多人要求的功能,在手機(jī)版上沒辦法快速全選,讓很多人想要一次清空收件箱卻無法實(shí)現(xiàn),因此加上來這個(gè)功能。

 

閱讀信件、回復(fù)頁面

最后是郵件頁面,在懸浮動(dòng)作按鈕(Floating Action Button)上,從原本的單純「回復(fù)」改成一個(gè)加號,按下后會出現(xiàn)一系列動(dòng)作,我想整合Google 其他產(chǎn)品進(jìn)來,這也是新的Gmail 網(wǎng)頁版推出的功能,我將它放在這里方便使用者可以決定下一步動(dòng)作,可以將Email 中的內(nèi)容排進(jìn)日歷,在指定時(shí)間提醒,或者用Tasks 把它加入一個(gè)待辦清單。

 

通過這次重新設(shè)計(jì),讓我們深入認(rèn)識了Material Design Guideline 中的各種元件,了解其骨架和規(guī)格,整個(gè)方案也都遵循MD 中的規(guī)范去訂定邊界、按鈕大小、間隔,也許遵循規(guī)范感覺比較沒有創(chuàng)意性,但可以當(dāng)作一個(gè)實(shí)用性的最低標(biāo)準(zhǔn),盡量避免出現(xiàn)按鈕太大破壞畫面平衡,或太小很難點(diǎn)擊這種失誤。

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!