真的是拖了好久好久又開始寫這個隨筆了。原因是昨天老板請來了FuturistCircle的聯(lián)合創(chuàng)始人Lynn來做關(guān)于未來學(xué)的分享，終于讓這幾周枯燥的工作燃起了新的動力。

我猶記得上一篇隨筆還停留在渤海銀行手機(jī)銀行改版用研的最后階段，那時候在天津完成了用研報告，期待著全新交互階段的開始。那么這篇隨筆的開端我就來寫寫近一個半月時間內(nèi)的交互階段工作總結(jié)吧。

從天津一回來的時候，我對于交互階段的工作順序是完全模糊的，然后Amy就讓我?guī)兔κ崂碓日麄€App的框架，也就是繪制信息架構(gòu)圖。根據(jù)架構(gòu)圖我們會與行方去確認(rèn)改版后的手機(jī)銀行保留或者新添的功能，再針對新版的功能進(jìn)行架構(gòu)的重建。在繪制老架構(gòu)圖的時候，因為我們已經(jīng)完成了用研，所以我就會從用研的結(jié)果出發(fā)去看待當(dāng)前的信息架構(gòu)，自然就會發(fā)現(xiàn)很多問題，這些問題就會在之后信息架構(gòu)重建的時候特別注意。比如用研中我們了解到部分用戶覺得當(dāng)前App的賬戶掌控感不強(qiáng)，對應(yīng)到當(dāng)前的信息架構(gòu)圖中就是賬戶設(shè)置功能的層級藏得太深，那么在架構(gòu)重建的時候就要解決這個問題。

除此之外，我還覺得信息架構(gòu)圖的重要性經(jīng)常被入門或者初級設(shè)計師弱化。尤其是之前做申請留學(xué)作品集的時候，我會認(rèn)為一個App不就是主頁、功能頁、我的這三個類型的頁面么，主頁和我的頁面是一定有的，功能頁是由App的屬性決定的。確實，信息框架的整理難度不大，可變性也不大，就拿這次的銀行App來說，我去看20個競品的首頁導(dǎo)航欄，十有八九是主頁、金融、生活、我的這四個板塊，特點更突出的銀行可能會弄出點花樣，比如平安口袋銀行就把生活被并進(jìn)主頁中，還單獨(dú)拎出貸款作為一個主版塊，因為小額貸款是他們主打的一個功能。但是這不代表我們不用去思考，可以拍拍腦袋就確定一個項目的主版塊就是這么分類。當(dāng)然我也會覺得之前的不注意是因為在進(jìn)入設(shè)計公司之前我進(jìn)行的項目大多數(shù)不落地，缺乏真實的甲方需求，那么自然也就缺乏分類的硬性標(biāo)準(zhǔn)。這也給我們制作做作品集很有啟發(fā)，如果我們經(jīng)常瀏覽behance或者站酷就會發(fā)現(xiàn)，大部分的作品集會大版面地展示主要界面的UI，極少會做全套的界面，自然也就不會去設(shè)想不同板塊背后的內(nèi)容。如果對于UI設(shè)計師來說這么做無可厚非，但是作為一個交互或者用戶體驗設(shè)計師而言，展示的重點應(yīng)該放在邏輯。所以多做信息架構(gòu)圖的練習(xí)是個很有效的了解、思考不同產(chǎn)品的方法。

架構(gòu)梳理之后就會開始界面的設(shè)計。主頁四大版塊的界面設(shè)計是Amy和高歆帶著我做的。我會先根據(jù)用研結(jié)果以及競品分析結(jié)果，出一版初稿。她們會考核初稿內(nèi)容的可行性并進(jìn)行調(diào)整，調(diào)整的過程中也讓我了解到我經(jīng)常遺忘或者壓根沒注意的部分。就是一次次變相的查漏補(bǔ)缺。

下面三點是我印象最深刻的點。

1.要加入情感化設(shè)計。當(dāng)我們在設(shè)計生活版塊的充值部分時，她們提示我，在話術(shù)選擇時可以做一些變化。比如“父母話費(fèi)我買單”。這是一種不依賴技術(shù)的體驗提升。在冷冰冰的金融App中融入這般具有人情味的設(shè)計是很吸精的。用人可能認(rèn)為這種話術(shù)的設(shè)計是運(yùn)營的事，不是交互設(shè)計師的職責(zé)，但是我覺得設(shè)計師想通的，情感化設(shè)計在這里的體現(xiàn)是話術(shù)的改變，在其他地方的體現(xiàn)可能就是完全另一種樣子，但是背后的思想是一樣的。比如在通訊錄里面我們設(shè)置了親情賬戶，讓用戶可以快速給家人轉(zhuǎn)賬或者付款，這邊是在交互層面的情感化設(shè)計的體現(xiàn)。

2. 金融類產(chǎn)品的嚴(yán)謹(jǐn)性。其實任何設(shè)計過程與結(jié)果都應(yīng)該是嚴(yán)謹(jǐn)?shù)模窃诮鹑贏pp中尤為明顯。因為涉及到金錢這個敏感的話題，所以設(shè)計過程中的宗旨就是一切設(shè)計的指向是特別明確的。我還記得當(dāng)時在設(shè)計一個類似余額寶的理財產(chǎn)品的展示區(qū)域時，我們?nèi)齻€人關(guān)于使用理財計算器的形式爭論了很久。最初我們在該區(qū)域放置了一個撥盤，用戶可以撥動來控制買入該理財產(chǎn)品的數(shù)值，系統(tǒng)根據(jù)撥盤上的數(shù)值計算預(yù)計收益?？雌饋磉@個設(shè)計很棒，用戶能夠輕松快速地了解到理財產(chǎn)品的收益情況，提升用戶購買理財產(chǎn)品的可能性。但是呢，最終考慮到理財有風(fēng)險，收益類的信息只是一個預(yù)測，不能保證用戶一定能得到這么多數(shù)值的金錢，所以最終我們還是刪除了這個設(shè)計，改為直接顯示該產(chǎn)品的近期收益率。越是真實的項目受到的約束與考慮的方面會越多，在嚴(yán)謹(jǐn)性面前，創(chuàng)意也要打折。

3. 側(cè)邊欄是全局性的。這個點源于，我們在設(shè)計我的版塊時，我的初稿是將個人設(shè)置、安全設(shè)置等設(shè)置類功能置于側(cè)邊欄，因為我想將設(shè)置類功能與信息類功能做一個區(qū)分，但是我們又考慮到的是，側(cè)邊欄一般不單純?yōu)橐粋€版塊服務(wù)，它往往在全局中存在，也就是說在任何板塊中都可以去喚起側(cè)邊欄來進(jìn)行部分功能的操作，所以側(cè)邊欄內(nèi)的功能也必須是在各個版塊中都有可能被喚醒的功能。這個故事的背后說明了我對各類組件常見的使用場景還不熟悉。在界面設(shè)計時，當(dāng)一個組件的某個功能與當(dāng)前需求匹配時就想著拿過來用，從而忽略了該組件的其他特性。當(dāng)然，當(dāng)時的我也疑問為什么一定要按照常用的方式走呢，明明這個組件在其他場景下也能發(fā)揮作用。這個問題其實是一個在用戶習(xí)慣和創(chuàng)新體驗之間尋求平衡的問題。就拿側(cè)邊欄來說，當(dāng)用戶已經(jīng)習(xí)慣去側(cè)邊欄里尋找全局功能時，你將切換頭像這樣的功能置于側(cè)邊欄就會導(dǎo)致用戶產(chǎn)生疑惑，甚至在想改頭像時找不到入口。

這三點是在我們一起設(shè)計四大主版塊的時候得到的啟發(fā)，但在這之后，過渡到自己負(fù)責(zé)某一板塊時，我發(fā)現(xiàn)我的啟發(fā)開始變少了，因為沒有人會時不時得來指正你，且面大量的界面，我也很難做到花時間去思考每一個細(xì)節(jié)。直到今天為止，我完成了注冊登陸（42）、轉(zhuǎn)賬（85），共127張界面，目前仍在繪制生活板塊的界面，估計這個項目結(jié)束能達(dá)到400張左右的界面量。由于我的不熟練，我可能需要大量參考競品的樣式再在他們的基礎(chǔ)上進(jìn)行修改，沒辦法每一個界面都向四大主板款那樣完全重新設(shè)計，思考每一個細(xì)節(jié)是否完美，這是我覺得很大的一個遺憾，我也在抽空的時間會時不時地回看之前設(shè)計的界面，發(fā)新問題了就改一改，能改一些就改一些，也算是亡羊補(bǔ)牢吧。

相比于之前的用研階段，當(dāng)前的交互階段確實機(jī)械且無聊了一點，我寫隨筆的熱情也確實減少了許多（懶是原罪）。但是周五Lynn帶來的分享讓我特別開心，因為又找到了讀MA時候那種可以想你所想，做你所在的感覺。羨慕他們可以成為自由工作者，在理想和面包之間掌控平衡是一個非常非常難的能力，既然我不想讓自己的理想落空，那么我也應(yīng)該去努力掌控這種能力。加油吧，就這樣。

還是一樣的結(jié)尾，希望這個隨筆系列還能繼續(xù)~~~~~~

下周？下下周？下月？見。