今天25學(xué)堂繼續(xù)為了解讀群友的一些問題和大家的要求，給大家講解一些關(guān)于APP交互效果分析的案例和實(shí)戰(zhàn)型的操作經(jīng)驗(yàn)。

為了培養(yǎng)大家養(yǎng)成一個(gè)良好的學(xué)習(xí)APP交互效果分析的習(xí)慣，在此，25學(xué)堂以一款記賬APP為例來講解一下APP的重設(shè)計(jì)。

目前，市場(chǎng)上最好用的記賬APP非隨手記APP莫屬。

當(dāng)然學(xué)堂里也有漂亮的金融APP界面設(shè)計(jì)欣賞：漂亮的APP界面設(shè)計(jì)欣賞：金融理財(cái)類APP設(shè)計(jì)

隨手記APP，六年專注，2億用戶記賬理財(cái)?shù)谝徊?！出自金蝶團(tuán)隊(duì)，左手購(gòu)物拿滿東西，右手就能把賬記完。

第一招，這是學(xué)堂君教大家選擇合適的APP案例來學(xué)習(xí)APP交互效果。

1、同行業(yè)里比較出名的APP，也就是用戶數(shù)量大的APP。

2、迭代版本次數(shù)比較多的APP。

3、親自體驗(yàn)隨手記APP之后的感想。

第二招：梳理所開發(fā)APP的核心功能。換句話說也就是APP交互設(shè)計(jì)的路徑分析。

比如記賬APP的核心功能：

1、目的就是記賬或者查看收入和支出的報(bào)表。

2、記賬的目的則是因?yàn)橄肓私庾约旱呢?cái)務(wù)狀況 / 收支分布。

3、一般情況下則是在完成一筆消費(fèi)后，或者可能是晚上回憶一下整天的消費(fèi)統(tǒng)一記錄。

第三招：針對(duì)以上的核心功能重設(shè)計(jì)

各位童鞋務(wù)必記?。悍鞘滓δ?，不應(yīng)成為主路徑上的障礙。

下面就是某一位APP交互童鞋的實(shí)踐過程：

第一步體驗(yàn)?zāi)壳笆袌?chǎng)上主流的記賬 App，提煉出共同點(diǎn)或是共同功能。

舉例說明某一個(gè)點(diǎn)：密碼保護(hù)的功能，以及后面我們?nèi)绾蝺?yōu)化交互設(shè)計(jì)流程

它們都提供了密碼保護(hù)的功能，但也卻因?yàn)檫@個(gè)密碼保護(hù)功能使得記賬的操作多了很多的步驟。在這一點(diǎn)上，金蝶的 “隨手記” 做的不錯(cuò)，在密碼保護(hù)界面提供了快捷入口。然而從我個(gè)人的角度來看，我并不是非常喜歡在密碼保護(hù)界面多那么幾個(gè)快捷入口的方式，至少我希望在不影響實(shí)際體驗(yàn)的情況下，能使界面顯得更簡(jiǎn)潔一點(diǎn)。我反復(fù)思考后得出的結(jié)論是：密碼保護(hù)需要保護(hù)的是賬單隱私，而不是 “記賬” 這個(gè)行為。

可以做一個(gè)大膽的設(shè)定，打開 App 后，如果直接進(jìn)入記賬界面，可以為我節(jié)省很多操作的步驟，甚至減去了密碼保護(hù)界面點(diǎn)擊一次快捷入口的行為。

于是重新設(shè)計(jì)的界面出爐了。

當(dāng)我打開 App，呈現(xiàn)在我眼前的就是記賬界面，我可以直接輸入數(shù)字以后點(diǎn)擊對(duì)勾就完成一筆記賬操作。右上角有個(gè)查看報(bào)表的功能入口，當(dāng)我點(diǎn)擊這個(gè)圖標(biāo)的時(shí)候，會(huì)彈出密碼框，輸入密碼就可以進(jìn)入報(bào)表界面。

優(yōu)化的第一要點(diǎn)：智能一點(diǎn)點(diǎn)，就能提升用戶體驗(yàn)

回到此前思考的第二個(gè)問題，我記賬的目的是為了 “了解我的財(cái)務(wù)狀況” 。 所以預(yù)算功能及與其相關(guān)聯(lián)的提醒功能就變得尤為必要。我設(shè)想了一個(gè)叫做 “預(yù)算” 的功能，當(dāng)我設(shè)置了我每月的預(yù)算，并且每月的支出超出我設(shè)定的預(yù)算以后，那么在首頁(yè)的記賬界面，Titlebar 會(huì)變成紅色以警示你應(yīng)該省著點(diǎn)花錢。

如下圖所示：

至于我何時(shí)會(huì)記賬這個(gè)問題，因?yàn)樵诤芏鄷r(shí)候可能會(huì)存在我完成一筆消費(fèi)的時(shí)候記賬，因此我的想法是根據(jù)打開的時(shí)間來預(yù)判，比如午餐時(shí)間打開的話，分類圖標(biāo)則默認(rèn)選中 Food 選項(xiàng)。周末下午茶時(shí)間打開的話，分類圖標(biāo)則默認(rèn)自動(dòng)選中休閑類的選項(xiàng)，如果在程序開發(fā)上合入了智能學(xué)習(xí)的模塊，它甚至可以根據(jù)用戶的個(gè)人習(xí)慣，為每個(gè)記賬的時(shí)間作分類的選擇。通過使用預(yù)判的情況來減少我可能會(huì)去點(diǎn)擊的操作，從而減少不必要的步驟。

優(yōu)化的第二要點(diǎn)：為效率服務(wù)，在交互細(xì)節(jié)上的優(yōu)化

在查看報(bào)表界面的時(shí)候，會(huì)遇到一些需要切換年份，月份或者周為單位的時(shí)候，因?yàn)槭謾C(jī)屏幕在不斷變大的情況下，如果將 Tab 放置在頂部，單手操作的時(shí)候切換會(huì)變得不太容易。因此對(duì)于切換時(shí)間這個(gè)維度的操作，我也重新思考了一下，利用下拉手勢(shì)來解決。

就不再是橫向滑動(dòng)來切換，還是下拉tab塊來切換?？旖莘奖?

就是換一種適合在移動(dòng)端交互的方式。

優(yōu)化的第三要點(diǎn)：色彩和icon設(shè)計(jì)的調(diào)整。

打開APP之后，非常簡(jiǎn)潔的界面。采用線性簡(jiǎn)約風(fēng)格的分類圖標(biāo)。非常清爽。如下圖

針對(duì)每一個(gè)圖標(biāo)都做了一個(gè)彩色選中態(tài)的處理，溫和的顏色使界面顯得不單調(diào)的同時(shí)更具親和力。

分類 icon 眾多，視覺設(shè)計(jì)上保持統(tǒng)一的語言可以使整體APP視覺感更強(qiáng)。

以上就是今天學(xué)堂君跟大家分享一款記賬APP的重設(shè)計(jì)的APP交互設(shè)計(jì)知識(shí)。目的是教會(huì)大家學(xué)會(huì)去欣賞每一款優(yōu)秀的APP的交互細(xì)節(jié)。應(yīng)用到自己的APP當(dāng)中。