Westpac One 重設計 for Android

英文版本:https://medium.com/@dingzhouli/westpac-one-redesign-for-android-fcc97a4afd8

我是去年年初開始使用Westpac的官方app赴捞,超級好用惜浅。然后到了上個月它自動更新,名字變成了高大上的Westpac One儡首,體驗卻似乎沒跟上。結(jié)合Play Store上的用戶反饋和我這一個月每天的使用發(fā)現(xiàn)基茵,真心是改得一塌糊涂欧引。這里的一塌糊涂是指操作體驗听系,極端之卡、毫無利用到任何手勢操作、宛若給10寸大屏設計的迷你點按區(qū)域和讓人咋舌的零動效過渡涣澡。根據(jù)對細節(jié)部分的探究終于搞明白贱呐。直到我拖拽了Westpac網(wǎng)上銀行桌面網(wǎng)站的窗口時震驚了,也明白了入桂。原來這APP壓根就是個簡單封裝成應用的響應式網(wǎng)站奄薇!我承認Web App的牛逼,卻對不過大腦的封裝和低下的性能舉雙腳反對抗愁。

界面呢馁蒂,看起來還行,加了全新的色標系統(tǒng)蜘腌;無關(guān)痛癢的登陸頁自定義背景沫屡;新的置底Tab主導航和高頻出現(xiàn)的抽屜菜單。好像比老版本熱鬧了些撮珠、時尚了些沮脖。

登陸頁

這一部分我沒做重設計,因為真的很好用~

舊版界面 | 當前界面 | 當前界面(PIN)
----|-----


舊版界面

|
當前界面
|
當前界面(PIN)

許久以前芯急,Westpac的APP還是能保存用戶名的勺届,現(xiàn)在沿用了絕佳的Login with PIN的功能,讓用戶能自行設置五位短密碼登陸賬戶娶耍,酷炫吊炸天免姿。不過登陸界面自定義背景圖片的噱頭添置是為了向某些PM示好嗎?雖然我真的在三周內(nèi)換了三次圖片榕酒。

主界面

另一處變動是新增了一個瀏覽所有賬號種類(比如消費賬戶胚膊、儲蓄賬戶和信用卡等)的入口頁面,類似大家熟悉的Six Pack導航方式想鹰。咦紊婉,這和之前的APP太不一樣了,不過想想這根本就是個響應式網(wǎng)站我也釋然了辑舷。作為支持了Westpac四年的資淺用戶喻犁,我太明白不過究竟哪個設計更好了。事實上惩妇,其中只有一個賬號可以進行刷卡交易和對外轉(zhuǎn)賬株汉,移動端使用APP的情境更多的應該是即時查賬&轉(zhuǎn)賬,需要每次進去看到一個縱覽嗎歌殃?我想答案是否定的乔妈。對于桌面版,這可能是一個可以保留的氓皱、便于實施管理的界面路召。

舊版主界面 | 當前主界面 | 重設主界面
----|-----


舊版主界面

|
當前主界面
|
重設主界面

在重設中勃刨,和舊版類似,直接了當?shù)仫@示了主賬號記錄股淡。使用Material Design風格進行設計身隐,滑動Tab而非置底。秉承快速瀏覽+轉(zhuǎn)賬這兩個移動端核心功能唯灵,F(xiàn)AB此處可以幫助快速轉(zhuǎn)賬贾铝,而非需通過進一步的深入菜單實現(xiàn)。

我取消了滑稽的色標系統(tǒng)埠帕,這套看似直觀的組織方式需要相當長時間的使用去記憶垢揩,而且似乎只是為了新的Timeline設計的。我明白Timeline對于快速整體了解Transaction有所裨益敛瓷,可是它和針對每個賬號的其它界面內(nèi)容有太多重復性叁巨,同時用戶的賬號復雜性和差異化還不至需要時間軸去顯示每個賬號的流水。我對其存在意義表示嚴重懷疑呐籽。

導航:

導航?jīng)Q定高度锋勺,咳咳。除了剛才我們看到的置底Tab主導航狡蝶,針對每個Tab都有不同的菜單可以通過右上角的漢堡鍵呼出庶橱。雖然每個菜單五花八門各不同,卻有著一些驚人一致的功能性項目牢酵。

當前界面菜單設計| 重設全局Drawer設計|重設FAB展開
----|-----


當前界面菜單設計

|
重設全局Drawer設計
|
重設FAB展開

Payee記錄著你設置并保存的所有需常產(chǎn)生交易的第三方賬號悬包,當然了衙猪,同時你也能進行管理馍乙,比如刪除或編輯〉媸停看起來很好很溫暖丝格,可是Payee的意義不在于讓用戶把這個應用當成過家家游戲或者社交網(wǎng)絡,而是便捷支付棵譬。正如你看到的那樣显蝌,呼出FAB可以有效地把Paybee和支付流程結(jié)合在一起,完整入口被安置在Drawer里订咸,當然你也可以在drawer里進行針對特定Paybee的轉(zhuǎn)賬曼尊,這一切取決于你。

我不知道有多少用戶能很快區(qū)分account transaction, timeline和payment的區(qū)別脏嚷。近乎一致的內(nèi)容骆撇、排版和不痛不癢的細節(jié)差異。payment記錄了所有支出父叙,無論是對外的劃款還是用戶同一賬號內(nèi)的轉(zhuǎn)賬神郊,是的你沒看錯肴裙,這塊區(qū)域負責的內(nèi)容就是輸出所有出賬記錄其實在哦看來,Timeline和payment這兩塊更像是程序員自作聰明的意淫和炫技(其實也沒啥技術(shù)涌乳,湊數(shù)而已)蜻懦,而非設計師腳踏實地調(diào)研得出的產(chǎn)物。

Westpac的設計師可能略微高估網(wǎng)上銀行APP的使用情境了夕晓,我們看到桌面版上的所有功能幾乎原封不動地被囊括在這款APP里宛乃,雖然正如我所說,這是一個不過大腦封裝成APP的響應式網(wǎng)站而已蒸辆。例如過濾交易記錄的功能烤惊,這似乎更可能與打印形成關(guān)系。另外一個例子是申請/開通(新賬號吁朦、信用卡柒室、個人貸款等),這些申請和開通需要繁瑣的輸入步驟逗宜,即便Westpac已經(jīng)較合理地把它們組織為三到四塊雄右,體驗仍然不妥。在這次重設中我依然保留了過濾記錄的功能纺讲,刪除了申請/開通擂仍,期望APP聚焦于瀏覽和快速轉(zhuǎn)賬。

搜索

搜索放置頂部熬甚,完全沒有必要用冗長的詞匯去形容搜索行為逢渔。誰都能理解網(wǎng)上銀行的搜索功能的目標指向,至少絕不是淘寶熱賣商品乡括。所有Tab和搜索結(jié)果都可能需要的過濾功能也放在這邊肃廓。

當前界面搜索 重設界面搜索
當前界面搜索
重設界面搜索
重設界面搜索過濾 重設界面搜索結(jié)果
重設界面搜索過濾
重設界面搜索結(jié)果

直接搜索和搜索結(jié)果過濾被我拆分成了兩個步驟,搜索結(jié)果關(guān)鍵詞高亮顯示诲泌。在這里尤其要說明在當前APP的timeline部分出現(xiàn)的“指定賬號搜索”可以丟棄了盲赊,任何搜索行為僅作用于當前Tab范圍內(nèi),而非全局搜索敷扫。

總結(jié)

之前重設過Vodafone的app哀蘑,現(xiàn)在又是Westpac,這些都是我經(jīng)常使用的應用葵第。瑕不掩瑜绘迁,他們本身都有莫大的亮點。Westpac One的桌面版本推出也不過幾個月卒密,官方也承認有很多舊版本的主要功能沒有并入缀台,這依然是一個向前走的項目,相信它會越來越好栅受。往往只是一個小小的改進就讓我的使用體驗充滿了愉悅(自定義五位PIN快捷登陸)将硝,而由于我淺薄的認知恭朗,部分功能理解上的鴻溝導致了思路的出發(fā)點不同,這些重設只是我作為萬千忠實用戶之一依疼,總結(jié)個人使用感受得出的一點可能不那么經(jīng)得起推敲的看法痰腮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市律罢,隨后出現(xiàn)的幾起案子膀值,更是在濱河造成了極大的恐慌,老刑警劉巖误辑,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沧踏,死亡現(xiàn)場離奇詭異,居然都是意外死亡巾钉,警方通過查閱死者的電腦和手機翘狱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來砰苍,“玉大人潦匈,你說我怎么就攤上這事∽迹” “怎么了茬缩?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長吼旧。 經(jīng)常有香客問我凰锡,道長,這世上最難降的妖魔是什么圈暗? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任掂为,我火速辦了婚禮,結(jié)果婚禮上厂置,老公的妹妹穿的比我還像新娘菩掏。我一直安慰自己魂角,他們只是感情好昵济,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著野揪,像睡著了一般访忿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上斯稳,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天海铆,我揣著相機與錄音,去河邊找鬼挣惰。 笑死卧斟,一個胖子當著我的面吹牛殴边,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播珍语,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼锤岸,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了板乙?” 一聲冷哼從身側(cè)響起是偷,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎募逞,沒想到半個月后蛋铆,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡放接,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年刺啦,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片纠脾。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡洪燥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出乳乌,到底是詐尸還是另有隱情捧韵,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布汉操,位于F島的核電站再来,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏磷瘤。R本人自食惡果不足惜芒篷,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望采缚。 院中可真熱鬧针炉,春花似錦、人聲如沸扳抽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贸呢。三九已至镰烧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間楞陷,已是汗流浹背怔鳖。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留固蛾,地道東北人结执。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓度陆,卻偏偏與公主長得像,于是被迫代替她去往敵國和親献幔。 傳聞我的和親對象是個殘疾皇子坚芜,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,504評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件斜姥、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,024評論 4 62
  • 除了自薦铸敏,日報也接受專題主編的推薦缚忧,快去找你的專題主編推薦自己的文章吧~點擊文章標題可以閱讀全文,點擊作者名字可以...
    簡黛玉閱讀 16,488評論 25 82
  • 難得的假期杈笔,我多么希望能坐在家門前的小樹下闪水,吃你做的蛋炒飯,感受風拂過面頰的清涼蒙具。在一番掙扎之后球榆,我?guī)е?..
    荒蕪粉閱讀 470評論 1 0
  • 我穿行在人海, 帶著疲憊和彷徨禁筏。 我不記得從哪里出發(fā)持钉, 只知道我始終在路上。 我不能停止匆忙的腳步篱昔, 因為只有快過...
    shyaen閱讀 398評論 0 0