趣還錢app上線已有5個月了，從立項之初，再到確定原型、設(shè)計、開發(fā)、測試以及最后的成功上線僅僅用了43天（因為項目急，任務(wù)重，難度大。所以團(tuán)隊12個小伙伴也是頂著壓力，進(jìn)行全封閉開發(fā)，幸運的是自己也參與進(jìn)去，負(fù)責(zé)其中的設(shè)計部分，這里可以叫我打雜的，設(shè)計相關(guān)所有都要做，原因是團(tuán)隊就一個設(shè)計）

由于自己全程參與這個項目，所以對于這個項目自己相對還是比較了解。想針對趣還錢做一個系統(tǒng)性的項目總結(jié)，從最開始的1.0版本到現(xiàn)在的1.7版本，中間做了一些更新迭代，根據(jù)真實使用環(huán)境和用戶反饋，不斷的進(jìn)行否定和打磨，因為技術(shù)實現(xiàn)設(shè)計界面并不想象那么簡單，其中涉及到很多權(quán)限和適配等問題。就需要和開發(fā)小伙伴們一起商量尋找最合適的解決辦法……

以下為項目總結(jié)，具體內(nèi)容和設(shè)計，以線上為準(zhǔn)。

趣還錢是個幫助無卡人群信用管理的平臺，目前可以進(jìn)行小額貸款，1000-5000額度，有展期和分期還款功能，在其他平臺借了錢可以從這再借錢進(jìn)行還款管理。

簡單理解就是趣還錢是作為放款線上平臺，通過資本端提供資金放款給無卡用戶群體。

需求收集

隨著用戶消費習(xí)慣的養(yǎng)成，現(xiàn)在很多消費場景不再局限于傳統(tǒng)的信用卡借款分期消費，越來越多的消費支付新模式的出現(xiàn)，現(xiàn)在熟知的信用消費貸款的大平臺比如花唄、京東白條、百度有錢花……

當(dāng)多個借款平臺都存在賬單的時候，需要一個管理平臺轉(zhuǎn)為用戶進(jìn)行還款管理。

產(chǎn)品定位

趣還錢為用戶提供無卡人群信用管理，給用戶小額貸款。

在其他平臺借款通過趣還錢進(jìn)行展期、分期進(jìn)行還款，減輕用戶的還款壓力，不必為每個月的多個還款平臺待還賬單所困擾。

用戶場景

作為一款小額借款應(yīng)用，基于互金性質(zhì)又有著小型工具的屬性，讓用戶能夠更快捷方便的達(dá)到目的。

針對小額借款用戶做了分析：

用戶畫像

基本均為藍(lán)領(lǐng)，自由職業(yè)等門檻低、收入不穩(wěn)定、消費分散的用戶群，

通過小額借款想解決臨時急需、換賬單、還款自由等問題。

方案設(shè)計

快捷：產(chǎn)品體驗要少流程，讓用戶快速達(dá)到目的

易操作：無需用戶多余思考，使用簡單。

清晰：每個功能作用讓用戶盡量明確直白，避免產(chǎn)生歧義。

產(chǎn)品流程

信息結(jié)構(gòu)

綜上所述，作為賬單還款管理平臺，從用戶的使用場景出發(fā)，梳理信息構(gòu)架，為了給用戶帶來便捷的賬單管理和借款的使用場景。

基本分為5個tab：

Tab1-首頁：用戶進(jìn)入首頁直接可以申請借款和查看賬單，從最根本、最快速解決用戶問題。

Tab2-還款：具有目的性的讓用戶去還款和查看還款記錄等。

Tab3-添加：讓用戶最快效率的找到個添加第三方借款平臺。

Tab4-發(fā)現(xiàn)：給用戶提供了借款攻略、小貸資訊和活動。

Tab5-我的：更多的內(nèi)容功能入口。

原型設(shè)計

趣還錢要以親民易用、簡潔快速為主要的設(shè)計方向；整體界面設(shè)計從一開始就認(rèn)知品牌規(guī)范的重要性和特殊性，在確定品牌形象后，也給產(chǎn)品的設(shè)計提供了很大的設(shè)計方向和依托。

界面

1、主色調(diào)

產(chǎn)品的主色調(diào)為黃色，由于黃色的屬性比較特殊，明度、純度都比較高，很不容易把控， 所以也需要很多的考量。黃色會給人一種易親近，易滿足，易交流的特點。也結(jié)合著小額借款的金融產(chǎn)品的特殊性，激勵用戶的新消費概念。

輔助色調(diào)為灰色和黑色，黑和黃本身就是一種對比比較強的色系，在界面重要內(nèi)容中運用少量的黑色、灰色會使界面主次分明，便于瀏覽和提高操作。

 

2、圖標(biāo)構(gòu)成

在界面中，圖標(biāo)的設(shè)計不容忽視，圖標(biāo)很多時候給用戶更多的引導(dǎo)和提高操作的熟練度。圖標(biāo)設(shè)計要與界面整體界面的設(shè)計保持相呼應(yīng)的效果，要有一定的代入感。通常情況下，圖標(biāo)要有簡潔、直白、易懂的特點。讓用戶再使用操作的時候，有一種輕裝上陣的感覺，減少用戶操作時候的操作和學(xué)習(xí)的成本，提高圖標(biāo)識別率是首先要考慮的。

3、占位符的運用

顧名思義，占位符就是先占住一個固定的位置，等著你再往里面添加內(nèi)容的符號。以往在幻燈片中運用的較多，隨著互聯(lián)網(wǎng)的快速發(fā)展，占位符在網(wǎng)頁，APP界面設(shè)計中也得到很多的運用，占位符的適當(dāng)運用能夠給界面增加更好的體驗。

當(dāng)頁面暫無數(shù)據(jù)或者網(wǎng)絡(luò)故障等原因，就需要占位符彌補頁面的空白而帶來不必要的尷尬，能夠給用戶一個能夠接受且溫馨提示的作用。

因為產(chǎn)品卡通形象是一只長頸鹿，所以在產(chǎn)品設(shè)計中加入長頸鹿的造型，而占位符恰是一個很好的突破口，將品牌形象和產(chǎn)品無縫結(jié)合正是以后要做的工作。

4、主體視覺

5、引導(dǎo)頁

確定卡通形象和主題視覺后，引導(dǎo)頁也需要將共通的元素相繼結(jié)合在一起，這次的結(jié)合擺脫常規(guī)的風(fēng)格，將插畫元素著重加在引導(dǎo)頁中，突出產(chǎn)品的年輕化，也是作為一種新的嘗試。

總結(jié)

參與了從立項到設(shè)計、開發(fā)、測試、上線全過程，雖然設(shè)計僅僅是整個項目的一部分，但是設(shè)計在其中起到的作用是很大的。團(tuán)隊也就十幾個小伙伴，所以從產(chǎn)品需求到原型確定、產(chǎn)品UI、品牌形象、插畫植入、再到最后設(shè)計規(guī)范及交互動效都是自己完成，雖然任務(wù)很重，和產(chǎn)品一邊進(jìn)行業(yè)務(wù)細(xì)化和方案討論來進(jìn)行視覺風(fēng)格的設(shè)計，一邊和發(fā)開小伙伴對于代碼如何更合實現(xiàn)效果進(jìn)行研究討論，從中獲益匪淺。

雖然項目現(xiàn)在仍是初始階段，很多細(xì)節(jié)尚存缺陷，但依然會不斷學(xué)習(xí)和投入精力，用設(shè)計在產(chǎn)品中切入更多的新創(chuàng)意、新想法，也希望獲得更多的反饋，爭取做個讀懂用戶的產(chǎn)品。

項目總結(jié)很簡短，還不夠具體、嚴(yán)謹(jǐn)，個人仍需要繼續(xù)努力，待提高能力。希望大家給予寶貴建議和提出自己看法，互相學(xué)習(xí)。

爭取做出更好的產(chǎn)品……