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

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

目前，市場上最好用的記賬APP非隨手記APP莫屬。

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

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

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

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

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

3、親自體驗隨手記APP之后的感想。

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

比如記賬APP的核心功能：

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

2、記賬的目的則是因為想了解自己的財務(wù)狀況 / 收支分布。

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

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

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

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

第一步體驗?zāi)壳笆袌錾现髁鞯挠涃~ App，提煉出共同點或是共同功能。

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

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

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

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

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

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

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

如下圖所示：

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

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

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

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

就是換一種適合在移動端交互的方式。

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

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

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

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

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