曾文靜，從 0 到 1 搭建京東金融 App 的界面和體驗(yàn)設(shè)計，現(xiàn)負(fù)責(zé)用戶增長相關(guān)設(shè)計和用戶體驗(yàn)優(yōu)化。前京東商城 UED 設(shè)計師，主導(dǎo)京東主站內(nèi)多個垂直產(chǎn)品的設(shè)計及迭代。

引言

曾文靜：「如果一個產(chǎn)品是一個故事，那設(shè)計就是一種語言、一種表達(dá)方式。做設(shè)計就是用合適的語言，把故事講得更精彩，因此，產(chǎn)品設(shè)計的本質(zhì)是傳遞有價值的信息，而非視覺上的嘩眾取寵?！?/p>

一、行業(yè)入門

中國互聯(lián)網(wǎng)行業(yè)，在經(jīng)歷摸索后逐漸進(jìn)入正軌，迎來了高速發(fā)展的時代。

在行業(yè)越趨向成熟、角色分工非常詳細(xì)的現(xiàn)在，各個崗位都越來越專業(yè)，用戶體驗(yàn)等互聯(lián)網(wǎng)人熟知的概念也從初期的無概念，到現(xiàn)在的老生常談，設(shè)計師也從一開始的掌握設(shè)計技法就能完成設(shè)計工作，到現(xiàn)在必須懂用戶體驗(yàn)、明確商業(yè)目標(biāo)等才能完成工作目標(biāo)。

曾文靜，京東金融體驗(yàn)設(shè)計負(fù)責(zé)人，在2012年大學(xué)畢業(yè)之后，就加入京東商城擔(dān)任視覺設(shè)計師，當(dāng)時她的工作是參與首頁運(yùn)營設(shè)計、頻道頁和垂直品牌的界面設(shè)計，大部分年輕的互聯(lián)網(wǎng)設(shè)計師，做的也就是這些事。

直到2014年，她把握住了機(jī)會，從0到1搭建了京東金融 APP 的界面和體驗(yàn)設(shè)計，這個過程，她完美的完成了從設(shè)計師到優(yōu)秀產(chǎn)品設(shè)計人的轉(zhuǎn)型。

成為資深互聯(lián)網(wǎng)人，這也是每一個年輕互聯(lián)網(wǎng)設(shè)計師的目標(biāo)。

設(shè)計師在提升專業(yè)技能的同時，還要汲取各方面的知識，只有堅持不懈的努力跟進(jìn)步，在機(jī)遇到來時，才能牢牢抓住，不讓著一切成為泡影。

二、和用戶講故事

互聯(lián)網(wǎng)設(shè)計和傳統(tǒng)設(shè)計的共性是通過和用戶講故事的方式提供服務(wù)，兩者的區(qū)別在于服務(wù)的媒介不不一樣。

將設(shè)計做的好看放在第一位，是作為設(shè)計師的天性，是很多剛?cè)胄械脑O(shè)計師都會犯的「錯誤」?；ヂ?lián)網(wǎng)設(shè)計往往是與用戶掛鉤的，聽到用戶的聲音、接觸用戶，是用戶體驗(yàn)設(shè)計的基礎(chǔ)。

說到用戶體驗(yàn)的重要性，曾文靜回憶道：「京東金融 App 2.0 「克制的白」上線的那個時刻，是對我的職業(yè)生涯影響最大的節(jié)點(diǎn)。在京東金融 App 1.0 時期，很少有用戶反饋設(shè)計和體驗(yàn)方面的問題，但在 2.0 階段，我每天都會看到各種各樣和體驗(yàn)相關(guān)的反饋、建議，有正向的，也有負(fù)向的，那個時候真正覺得離用戶很近，真正在為用戶做體驗(yàn)設(shè)計?！?/p>

曾文靜還分享了京東金融 App 在設(shè)計上的思路。

通過訪談和調(diào)研數(shù)據(jù)不難得知，金融類互聯(lián)網(wǎng)產(chǎn)品的用戶更在意的是「安全」、「收益」，這是金融類產(chǎn)品跟其他互聯(lián)網(wǎng)產(chǎn)品區(qū)別最大的地方。

在設(shè)計過程中，曾文靜的團(tuán)隊，會通過各種方式傳遞安全感給用戶，在這其中他們也遇到了很多挑戰(zhàn)，在設(shè)計過程中，面對很多專業(yè)的金融信息，設(shè)計師都需要花時間去消化，消化后再考慮如何通過「說人話」、「講故事」的方式將這些信息呈現(xiàn)給用戶，這是設(shè)計上有挑戰(zhàn)的地方，也是最有趣的地方。

其實(shí)，無論在哪個行業(yè)，在視覺表達(dá)上都有其難點(diǎn)，而設(shè)計師的存在就是將這些難點(diǎn)化解，將產(chǎn)品想象成一本故事書，講給用戶聽。

三、產(chǎn)品設(shè)計的本質(zhì)

曾文靜說：「產(chǎn)品設(shè)計的本質(zhì)，是傳遞有價值的信息，而非視覺上的嘩眾取寵?！?/p>

1. 降噪

「降噪」是京東金融 App 設(shè)計團(tuán)隊的核心理念。

因?yàn)榫〇|金融涉及多個業(yè)務(wù)線，針對的受眾也不同，在這個理念的基礎(chǔ)上，這個優(yōu)秀的團(tuán)隊也倡導(dǎo)設(shè)計師通過調(diào)研、數(shù)據(jù)、市場洞察，來針對不同受眾打造垂線產(chǎn)品的獨(dú)特個性。

2. 科技與產(chǎn)品設(shè)計

偉大的藝術(shù)讓人迷惑，而偉大科技加創(chuàng)意則讓事物清晰。

京東金融是國內(nèi)最早提出「金融科技」概念的產(chǎn)品。在2018年初，通過解構(gòu)創(chuàng)意方法，融入機(jī)器學(xué)習(xí)的科技能力，京東金融團(tuán)隊打造了一款可以供企業(yè)和個人用戶使用的創(chuàng)意生產(chǎn)工具，科技讓不同的用戶看到的創(chuàng)意廣告是不同的顏色、板式、甚至文案，這是科技和創(chuàng)意擦出的最有魅力的溫度。

創(chuàng)意是為了滿足大部分人對美的追求，而技術(shù)則能夠精準(zhǔn)的定位每個人對美的需求，這是科技的價值，可是產(chǎn)品設(shè)計的價值。

創(chuàng)造有價值、高效的產(chǎn)品是每一個互聯(lián)網(wǎng)人的目標(biāo)，其中離不開團(tuán)隊的協(xié)作，曾文靜說：「我們一些設(shè)計師在用藍(lán)湖，可以節(jié)省很多成本，提高和產(chǎn)品、研發(fā)協(xié)同的效率。非常期待藍(lán)湖能來給我們做一次宣講以及建立企業(yè)合作。」（藍(lán)湖：「必須去的！」）

3. 信息的合理呈現(xiàn)

科技是理性的，是冷冰冰的，雖然抱有「金融科技」的理念，但京東金融 App 在設(shè)計上非常人性化。

曾文靜說：「京東金融一開始沒有定位某種風(fēng)格，現(xiàn)在呈現(xiàn)給用戶的調(diào)性是一種自然而然形成的氣質(zhì)。我們在界面設(shè)計過程中更多的關(guān)注信息的合理呈現(xiàn)，以及顏色是否能幫助用戶有效的識別和重點(diǎn)的強(qiáng)調(diào)?！?/p>

配色是設(shè)計的難點(diǎn)，曾文靜分享了一個小經(jīng)驗(yàn)：

當(dāng)顏色怎么調(diào)都覺得不對時，先試著把頁面變成黑白灰的，通過黑白灰來思考頁面里哪些模塊需要強(qiáng)調(diào)和弱處理，把合理的黑白灰稿做出來以后，再試著把黑色換成某一種彩色。

這是個減法原則，當(dāng)顏色過于豐富時，我們的判斷力容易降低，這時從零開始做加法會讓事情變得簡單一些。

4. 提升效率

產(chǎn)品的價值在于效率的提升，在于解決問題。

尤其金融的產(chǎn)品服務(wù)，更需要將信息清晰、高效、客觀的傳達(dá)給用戶。

在這些場景下，過多裝飾性的視覺元素，或者夸張的氣氛渲染，是我們所盡量避免的。在整體上保持一個可信、科學(xué)、簡潔的產(chǎn)品氛圍，是我們最終追求的效果。

歡迎關(guān)注作者微信公眾號：「藍(lán)湖產(chǎn)品設(shè)計協(xié)作」