Robinhood:使股票交易變得更簡單的設(shè)計(jì)策略

1 評論 8248 瀏覽 34 收藏 11 分鐘

Robinhood自推出以來,這款友好型投資應(yīng)用app已經(jīng)積累了比E-Trade更多的用戶數(shù)量。Robinhood對交易不收取任何費(fèi)用,其成功的關(guān)鍵在于其干凈易用的產(chǎn)品設(shè)計(jì),這種設(shè)計(jì)模式本身也已得到了認(rèn)可。

下圖為Alex Bond:Robinhood產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)leader,才華橫溢的小姐姐一枚,本文融合了對小姐姐采訪的部分內(nèi)容。

對許多人來說,買賣股票的想法會觸發(fā)豪豬式。

豪豬式反應(yīng):豪豬是一種生活在非洲的動物,身上長有硬而尖的鋼刺。天氣寒冷的時(shí)候,它們就聚在一起互相取暖。但是當(dāng)它們靠近時(shí),身上的刺會刺痛對方使它們立刻分開,分開后因?yàn)楹渌鼈冇謺墼谝黄?,聚在一起因?yàn)橥从址珠_,這樣反復(fù)數(shù)次,直到最后找到最佳距離——對于股票買賣來說就是找到買賣時(shí)機(jī)的最佳平衡點(diǎn)的反應(yīng)。

如果之前股票平臺的交易太復(fù)雜、太昂貴,而現(xiàn)在讓你做這件事的平臺感覺與之前的平臺完全不同,這就是Robinhood取得如此成功的原因。

自2015年推出以來,這款超級友好型投資應(yīng)用app已經(jīng)積累了比E-Trade更多的用戶數(shù)量,價(jià)值近60億美元。在其他競爭對手收取交易費(fèi)用的情況下,Robinhood對交易不收取任何費(fèi)用,其成功的關(guān)鍵在于其干凈易用的產(chǎn)品設(shè)計(jì),這種設(shè)計(jì)模式本身也已得到了認(rèn)可。在2015年,Robinhood成為第一家獲得Apple設(shè)計(jì)獎的金融服務(wù)公司。

29歲的Alex Bond已是Robinhood產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)的leader,致力于幫助公司不斷改進(jìn)其產(chǎn)品,來看看她闡述的使交易變得更加平易近人的設(shè)計(jì)策略。

Robinhood的設(shè)計(jì)策略是什么?

縱觀歷史,設(shè)計(jì)決定了什么產(chǎn)品適合什么人,就像裁縫制衣規(guī)則規(guī)定了某些階層的人可以去哪里,或者他們屬于哪里。設(shè)計(jì)其實(shí)是一種表達(dá)你被允許成為什么樣的人,以及你能使用什么樣的內(nèi)容的簡略表達(dá)方式。

在現(xiàn)代,這也并沒有發(fā)生什么不同。當(dāng)你查看傳統(tǒng)的金融經(jīng)紀(jì)賬戶時(shí),無論是登陸頁面,還是產(chǎn)品本身,產(chǎn)品的設(shè)計(jì)都會讓客戶感到非常疏遠(yuǎn),產(chǎn)品變得沒有情感。

我不知道它是有意的還是無意的,但是它會造成一個(gè)后果:就是這種難以理解的設(shè)計(jì),會讓你覺得這款交易并不適合你,也或者因?yàn)檫@種復(fù)雜的設(shè)計(jì)讓你覺得所付出的那些費(fèi)用不值得。我覺得在傳統(tǒng)股票交易設(shè)計(jì)中,就好比在一池水中,不斷的往里面丟了很多東西,反而把水弄臟了,讓它看起來很深,摸不著頭腦。

在Robinhood中,我們意識到設(shè)計(jì),超越了文字,傳達(dá)了產(chǎn)品是為誰而設(shè)計(jì)的。我們專注于產(chǎn)品的友好設(shè)計(jì)、吸引人的設(shè)計(jì)。

我們利用簡單的顏色去除盡可能多的信息,以便用戶清楚地了解正在發(fā)生的事情。

Robinhood的設(shè)計(jì)通常以筆和紙開始。

Robinhood的主要色彩美學(xué)是明亮的叢林綠色,我們通常不會把這種顏色與金融服務(wù)聯(lián)系在一起。Alex Bond解釋了這種獨(dú)特設(shè)計(jì)背后的想法。

傳統(tǒng)的股票市場上,綠色代表著上漲,紅色代表著下跌。這是一個(gè)非?!翱臁钡囊曈X提示,但是在錯誤的應(yīng)用程序中,它會讓人感到恐懼和冰冷。我們希望我們的產(chǎn)品更具有活力,為年輕一代去做設(shè)計(jì),而不僅僅是典型的原生綠色。

我們利用簡單的顏色去除盡可能多的信息,以便用戶清楚地了解正在發(fā)生的事情。例如:在app中設(shè)計(jì)了晝夜模式,反映市場開放和關(guān)閉的時(shí)間,而不是傳統(tǒng)的表達(dá)自然時(shí)間變化。

總之,在我們的設(shè)計(jì)中,盡量去除裝飾,并使用顏色作為主要的交互反饋手段告知用戶當(dāng)下正在發(fā)生事情的方式。

在我們的工作中,我們參考了本世紀(jì)中葉的Swiss design。我們將回到基本問題,針對當(dāng)代用戶的行為模式進(jìn)行觀察,重新思考和迭代功能。

Robinhood的極簡界面使用顏色來傳達(dá)市場中正在發(fā)生的事情。

所有設(shè)計(jì)問題的核心是什么?

所有設(shè)計(jì)問題的核心是:“這到底是要解決什么問題?”

(1)你怎么知道用戶想要什么?

我曾在一些公司工作過,那里的研究會讓人覺得他們是個(gè)二流團(tuán)隊(duì),而領(lǐng)導(dǎo)層的許多決策都是基于受過教育的直覺。在Robinhood,我們的產(chǎn)品路線圖幾乎完全受我們研究團(tuán)隊(duì)的影響,而不是領(lǐng)導(dǎo)。當(dāng)我們開始解決問題時(shí),團(tuán)隊(duì)已經(jīng)對用戶和可能的產(chǎn)品進(jìn)行了基礎(chǔ)性研究和MVP驗(yàn)證,基于已有的數(shù)據(jù)和信息,做決策就變得容易多了。

(2)當(dāng)你在設(shè)計(jì)時(shí),你會問自己什么問題?

所有設(shè)計(jì)問題的核心是:“這到底是要解決什么問題?”這是大家可以隨時(shí)回頭去問自己的問題,在任何時(shí)候,它都可以幫助我們找到正確的解決方案。有很多方法可以讓我們的產(chǎn)品看起來很有吸引力,可以做出關(guān)于層次結(jié)構(gòu)、布局、類型和顏色的決定。

例如:沒有理由我們不能做一個(gè)五顏六色的app。但事實(shí)是,我們在Robinhood試圖解決的問題是體驗(yàn)清晰,而不是五顏六色。我們需要打造產(chǎn)品的路徑清晰、友好和關(guān)聯(lián)性,這也是我們做設(shè)計(jì)決策的原則,它讓我們排除了一些雖然很好,但不能解決具體問題的干擾項(xiàng)。

設(shè)計(jì)策略的視覺表現(xiàn)

大家都知道做一款交易型的證券app,通道買賣還是一項(xiàng)較為復(fù)雜的任務(wù)。而Robinhood使用了動畫引導(dǎo)來幫助客戶定位app的核心功能,快速輕松的獲得產(chǎn)品體驗(yàn)。

Robinhood采用了material design風(fēng)格達(dá)到輕體驗(yàn)設(shè)計(jì)目標(biāo),擅長使用滑動手勢來實(shí)現(xiàn)快速導(dǎo)航,使用色塊的區(qū)分來強(qiáng)化客戶對股票及其個(gè)人持倉組合重大變化的認(rèn)知。

1. 顏色傳達(dá)關(guān)鍵變化

Robinhood大膽使用色塊和排版,特別是在個(gè)人持倉組合和股價(jià)顯示上充分創(chuàng)建視覺層次結(jié)構(gòu),將重點(diǎn)放在客戶的注意力上并減少信息混亂。

例如:股價(jià)在一分鐘內(nèi)的波動,而股價(jià)對客戶個(gè)人持倉組合的影響,對于建立客戶對產(chǎn)品的信任至關(guān)重要。Robinhood非常好的使用顏色來幫助客戶從視覺上觀察股票價(jià)格趨勢,加強(qiáng)認(rèn)知,一目了然地了解到價(jià)格是漲還是跌。

大致規(guī)則是:

  1. 股價(jià)走高或個(gè)人投資組合表現(xiàn)良好,則視覺背景設(shè)置為綠色背景搭配淺綠色圖表;
  2. 股價(jià)走低,個(gè)股或者個(gè)人持倉組合的背景層次由綠色變?yōu)榧t色;
  3. 閉市期間,購買頁面的背景顏色為黑色;開市期間,購買頁面的背景色又變回白色。

2. 卡片體現(xiàn)可發(fā)現(xiàn)性

Robinhood使用卡片模式來對信息進(jìn)行分組,主要是股價(jià)、最新消息和通知。卡片用于新聞更新,并標(biāo)有綠色徽章以指示未讀事件或消息的數(shù)量,客戶可以通過簡單的向左滑動來輕松取消卡片。

卡片和動畫的有機(jī)結(jié)合來強(qiáng)化人機(jī)交互的結(jié)果反饋,當(dāng)客戶點(diǎn)擊股票時(shí),卡片將以動畫形式過渡,從其初始位置開始填充填充屏幕。股價(jià)由較大的數(shù)字和圖片來表示,兩者都會在票價(jià)發(fā)生變化時(shí)用動畫的形式提示客戶。

還有一點(diǎn),Robinhood擅用“Snackbar”這種輕量級的反饋機(jī)制來實(shí)現(xiàn)某些交互結(jié)果的展現(xiàn),例如:當(dāng)客戶從自選股列表中添加或刪除了一支股票后,Snackbar常以一個(gè)小的彈出框的形式,出現(xiàn)在手機(jī)屏幕下方通知用戶的操作結(jié)果。

而所有的用戶體驗(yàn)都是基于產(chǎn)品的設(shè)計(jì)策略,為誰設(shè)計(jì)?專注于什么而設(shè)計(jì)?這種設(shè)計(jì)到底是要解決什么樣的問題?

Alex Bond提到了“一池水”的隱喻,在現(xiàn)代的股票app設(shè)計(jì)中,也就好比在一池水中,我們會不斷的往里面丟很多東西,但是最終的設(shè)計(jì)目標(biāo)應(yīng)該是不要把這一池水弄臟了,讓用戶看起來水很深,仍然需要它清澈見底、賞心悅目。

Robinhood進(jìn)一步閱讀請參考《騰訊都參考的證券app:輕金融下的體驗(yàn)式設(shè)計(jì)》。

 

作者:小平哥,證券互聯(lián)網(wǎng)產(chǎn)品狗,4年產(chǎn)品摸爬打滾,微信公眾號:產(chǎn)品公園。

本文由 @小平哥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 好的股票軟件需要一個(gè)優(yōu)秀的股票圖形引擎。簡書 搜索 EStockChart

    來自廣東 回復(fù)