GrabOne是打折信息展示和訂購平臺，你可以在上面買打折的水果系冗，也可以預(yù)定一次便宜的南島游函荣，而這一切活動卿操、體驗(yàn)亦或是服務(wù)（在這里我會統(tǒng)稱為“產(chǎn)品”）等都被劃分隸屬于幾個不同的幾個分類：餐飲、活動待诅、保健美容叹坦、住宿、汽修卑雁。
性能問題：很明顯jQuery Mobile封裝的web app募书。每次進(jìn)入或返回一個頁面都要Loading一陣，不知道是不是每次請求數(shù)據(jù)是必須的行為测蹲，不然界面會白屏還是咋地莹捡？不過這比westpac one直接無腦封裝要高大上了太多。
這次的重設(shè)依然分為導(dǎo)航系統(tǒng)和部分主要界面扣甲。
我沒有嘗試著去設(shè)計(jì)看似發(fā)揮空間很大的啟動頁（Splash Screen）篮赢，因?yàn)槔碇歉嬖V我這是個再也不能更加愚蠢的玩意。我為什么要知道你正在加載數(shù)據(jù)？這樣能顯得你很仁慈嗎启泣？我只想看到內(nèi)容涣脚，哪怕是緩存的過時內(nèi)容或者永恒不變的UI框架，而不是占據(jù)了一整個5英寸屏幕的丑陋Logo种远。不過我知道這些也只能是氣話涩澡，因?yàn)槲业睦蠋煻荚?jīng)告訴過我：“啟動頁是必要的，原因嘛坠敷，是因?yàn)榻^大多數(shù)應(yīng)用都有妙同！”
頁面頂部一共有六個icon對應(yīng)六個不同的類別，與桌面網(wǎng)站呼應(yīng)膝迎。此處的滑動設(shè)計(jì)可以很好地利用屏幕的物理特性粥帚，避免了空間的浪費(fèi)。我采用了圖片的設(shè)計(jì)限次，意圖顯示每個分類下最新的產(chǎn)品圖片芒涡，由此我擴(kuò)增了每個塊的面積。請?jiān)徫沂褂昧藷o關(guān)的圖片卖漫，因?yàn)樗鸭嚓P(guān)素材占據(jù)了我重設(shè)的大部分時間费尽，這和我的初衷大相徑庭。另外我也頗想試試Sketch的自動圖片采集插件羊始。
與其用極不形象的icon旱幼，不如直接用文字更直觀些。在導(dǎo)航欄中我使用文字替代純粹的icon突委。同時我取消了編輯精選的banner設(shè)計(jì)柏卤，直截了當(dāng)?shù)仫@示兩個產(chǎn)品合集，這也保持了和桌面網(wǎng)站的布局&內(nèi)容的一致性匀油。精選內(nèi)往往有不定數(shù)目缘缚、且往往大于十五個的內(nèi)容，由此我沒有選擇使用slider敌蚜，而是打開新的頁面桥滨。同時有別于一般i的卡片形式，精選產(chǎn)品擁有更大的圖片顯示面積钝侠。
符合潮流的下拉刷新该园，以及更改了當(dāng)前app的best of the week的ribbon設(shè)計(jì)，以避免整行裝飾性元素帶來的視覺阻隔帅韧±锍酰可以看到我取消了當(dāng)前應(yīng)用中的每個產(chǎn)品項(xiàng)右側(cè)的箭頭，這是在安卓設(shè)計(jì)大綱中被明確禁止的設(shè)計(jì)忽舟。在下滑過程中双妨，導(dǎo)航欄會自動收起淮阐，以提供更充裕的顯示空間。
當(dāng)我第一次看到首屏導(dǎo)航欄的返回圖標(biāo)的時候刁品，其實(shí)我是泣特，是拒絕的，我跟自己講挑随，我拒絕状您，因?yàn)椋鋵?shí)我兜挨，根本沒見過這樣的app膏孟。帶著好奇我點(diǎn)了點(diǎn)了一下，瞬時三觀顛倒了拌汇。當(dāng)然柒桑，沒那么夸張。從上邊的三張圖可以看到噪舀，這個返回的過程是很漫長的魁淳，一共可以退三步，城市選擇 > 大類選擇 > 國家選擇与倡。這個邏輯是看似合理界逛，實(shí)則詭異的。為什么這么說呢纺座？首先我們必須認(rèn)清楚這樣設(shè)計(jì)的好處：避免了每次進(jìn)入應(yīng)用后愚蠢的重復(fù)設(shè)置仇奶、篩選信息，其次比驻，這也說明了在不同的國家提供的大類是不同的（事實(shí)如此）。
回過頭來看grabeone岛抄，時效性和產(chǎn)品差異性決定了用戶不可能產(chǎn)生高頻的過濾地點(diǎn)和產(chǎn)品的行為别惦，因此我擯棄了trade me中的置底filter menu或類似的設(shè)計(jì)。在我的重設(shè)中夫椭，我選擇了整合大類到navigation drawer中掸掸，而保留了原app的排版。同時可以看到未登錄狀態(tài)下沒有意義的my coupons等都被收納于其中蹭秋，而導(dǎo)航欄內(nèi)的菜單可以提供設(shè)置扰付、關(guān)于和登陸的入口。
而之所以說當(dāng)前應(yīng)用的這套流程奇怪仁讨，是因?yàn)閷?shí)在太過繁瑣羽莺，雙向的選擇也注定了在執(zhí)行某項(xiàng)操作時會有額外的中間步驟，比如若要另選一個served site洞豁，就必須要先前往城市選擇界面盐固。而重設(shè)可以幫助把served site和country的邏輯關(guān)系理清荒给，把城市和國家都?xì)w結(jié)于location中，而served site安置于drawer中刁卜，當(dāng)在change location中更改國家時原本就展開的drawer內(nèi)容進(jìn)行刷新志电，并可以讓用戶看到這個刷新的過程，從而實(shí)現(xiàn)任務(wù)的并行分離蛔趴。
