真實(shí)案例 | 需求分析師如何設(shè)計(jì)出讓客戶滿意的系統(tǒng)界面?
軟件需求分析就好比是裝修房子,客戶把戶型告訴你,你去設(shè)計(jì)每個(gè)房間放些什么,如何放比較合理。如果把油煙機(jī)放到臥室去,那就亂套了。
先說(shuō)一下背景:客戶公司是做信用評(píng)級(jí)的,之前他們采購(gòu)了一套系統(tǒng),但是用了一年后并沒有把他們的業(yè)務(wù)真正管理起來(lái),很多分析師都不想用那個(gè)系統(tǒng)寫報(bào)告,因此基于讓分析師用系統(tǒng)高效的寫報(bào)告,也為了以后能有自己的數(shù)據(jù)中心,該公司決定重新招標(biāo),選擇新的軟件供應(yīng)商來(lái)為他們做系統(tǒng)。
很多做這方面軟件的供應(yīng)商都去找該公司的領(lǐng)導(dǎo)談合作,但最終真正讓客戶滿意的就兩家,其中一家是我們公司,另一家是一個(gè)新興公司(他們雖說(shuō)是新公司,但公司有評(píng)級(jí)這方面的人才,懂他們的業(yè)務(wù)),姑且先稱作B公司。
該公司負(fù)責(zé)采購(gòu)系統(tǒng)的負(fù)責(zé)人,不懂IT技術(shù),只管提需求,性格上是那種很難被說(shuō)服的人,年紀(jì)四十多歲,是公司高管。
他分別跟我們公司和B公司提同樣的需求,然后讓我們把原型圖展示給他看,他看過后再提出修改意見。就像他給了兩個(gè)廚師同樣的原材料,看誰(shuí)做的菜比較好吃,他就選誰(shuí)。
他看到B公司一些好的想法,也會(huì)告訴我們,讓我們?cè)偃ハ朐趺丛O(shè)計(jì),我猜他也同樣這樣把我們?cè)蛨D設(shè)計(jì)的好的想法告訴B公司。
以系統(tǒng)的個(gè)人中心為例,個(gè)人中心是分析師、部門主管、評(píng)級(jí)總監(jiān)的工作臺(tái),每個(gè)角色登錄系統(tǒng)后進(jìn)入各自的工作臺(tái)。
客戶給了兩份周報(bào),一份是部門主管的周報(bào),一份是評(píng)級(jí)總監(jiān)的周報(bào),兩份周報(bào)有相同之處也有不同之處,然后客戶再提供了幾張日常使用的Excel表格。
以上就是個(gè)人中心所有的原始資料。
第一版原型圖
- 框架:簡(jiǎn)單,無(wú)設(shè)計(jì)
- 顏色:黑白灰
- 原始表格:小豆腐塊,沒有完全展示所有的表格
將提供的Excel的表格(那時(shí)候還沒有提供周報(bào))直接復(fù)制粘貼到個(gè)人中心,做成很多塊“豆腐塊”,有些系統(tǒng)的工作臺(tái)也是這樣。
如圖所示:
由于后面還有幾大中心,在個(gè)人中心上我們并沒有花費(fèi)太多精力,先把意思表達(dá)出來(lái)。
后面的幾大中心的需求都過完后,客戶開始說(shuō)我們的個(gè)人中心不好,然后提供了部門主管與評(píng)級(jí)總監(jiān)的周報(bào)給我們。
第二版原型圖
- 框架:簡(jiǎn)單,無(wú)設(shè)計(jì);
- 顏色:黑白灰;
- 原始表格:小豆腐塊,展示所有的表格。
客戶提供了大概有二十多張表,我直接將表格畫到原型圖上,可以下拉滑動(dòng)。
第二版原型圖與第一版需求的差別就是將客戶要求的內(nèi)容都做進(jìn)去了,但客戶還是不滿意。
客戶認(rèn)為這些表格都堆疊在一起,不好看,然后我們的原型圖都是黑白灰,“很樸素”,客戶希望原型圖逼真一點(diǎn),為了讓這些表格堆在一起好看點(diǎn),為了滿足客戶原型圖高保真的要求,我們又做了處理。
第三版原型圖
- 框架:稍微設(shè)計(jì)了下
- 顏色:黑白灰+其他顏色
- 原始表格:大豆腐塊
換了一個(gè)框架,適當(dāng)?shù)募恿诵﹍ogo圖標(biāo),每個(gè)表格一行,這樣看起來(lái)不“擁擠”。
客戶看過后又說(shuō),每個(gè)表格一行太浪費(fèi)空間了,他要是要看所有的表格還需要不停拉滾動(dòng)條,太不友好了,操作也不方便。
第四版原型圖
- 框架:稍微設(shè)計(jì)了下
- 顏色:黑白灰+其他顏色
- 原始表格:有表格、有圖表、有文字
這次才靜下心來(lái)仔細(xì)去看客戶提供的周報(bào)和Excel,發(fā)現(xiàn)有些內(nèi)容諸如負(fù)面事件、新聞、研究報(bào)告這種其實(shí)屬于文字類消息,用表格展示不如有文字展示更直觀,還有些統(tǒng)計(jì)類的,不如用圖表展示直觀,還有一些需要操作的,只能用表格處理。
上圖中,點(diǎn)擊兩根柱狀圖,左邊的表格會(huì)變化。
但客戶看了后,還是不滿意,因?yàn)閷?duì)于高管來(lái)說(shuō),還不很直觀,他需要看更大局面的數(shù)據(jù),而且圖表太少太單一,而且他需要一個(gè)屏幕就能看所有信息,不需要下拉滑動(dòng)。
第五版原型圖
- 框架:稍微設(shè)計(jì)了下
- 顏色:彩色
- 原始表格:有表格、有圖表、有文字,圖形為主,不需要下拉滑動(dòng)
這版原型圖有柱狀圖、圓環(huán)圖,條形圖,每個(gè)圖形點(diǎn)擊進(jìn)去后,能看到詳細(xì)信息。
第六版原型圖
- 框架:結(jié)合評(píng)級(jí)總監(jiān)觀看工作臺(tái)的重點(diǎn)設(shè)計(jì);
- 顏色:彩色;
- 原始表格:原始表格做了歸納總結(jié),將評(píng)級(jí)總監(jiān)想要看的內(nèi)容表達(dá)出。
與之前的版本相比,這版原型圖站在評(píng)級(jí)總監(jiān)的角度去思考,他想要看什么,將他想要看的內(nèi)容從原始報(bào)表中歸納總結(jié)出來(lái),就不僅僅是堆砌上去。
需求分析師頭腦得靈活,不能是客戶給什么就做什么,這樣做出來(lái)的東西會(huì)很“傻”,高階的系統(tǒng)界面應(yīng)該是會(huì)思考的系統(tǒng)界面,把客戶想到的和不能想到的去做設(shè)計(jì),雖然你也不知這樣的設(shè)計(jì)客戶是否會(huì)滿意,但是至少給客戶的感覺是你是一個(gè)會(huì)思考的人。
一個(gè)個(gè)人中心經(jīng)過六次的修改,樣子看起來(lái)越來(lái)越好,也終于得到用戶的認(rèn)可,有時(shí)候覺得很慚愧,自己作為需求分析師,不能一下子給出讓客戶滿意的方案,還得讓客戶不斷的“挑刺”才能去做好,真的很慚愧。
作為需求分析師一方面內(nèi)心是想把產(chǎn)品做好,另一方面又需要考慮自身團(tuán)隊(duì)所需花費(fèi)的時(shí)間和成本以及風(fēng)險(xiǎn),很多時(shí)候客戶提的需求,就想以最少的代價(jià)去滿足,比如:第一版的原型圖,直接做表格,最簡(jiǎn)單的做法。
這次售前的需求調(diào)研為期一個(gè)月,在和客戶打交道的過程中也挺有收獲,希望我們能拿下這個(gè)項(xiàng)目,并把這個(gè)項(xiàng)目做好。
作者:Vi-Vi-Fu,微信公眾號(hào):vivifu12,愛總結(jié)的需求分析師
本文由 @Vi-Vi-Fu 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Pexels,基于 CC0 協(xié)議
看到那句不能是客戶給什么就做什么,太熟悉了?,F(xiàn)在經(jīng)常被客戶牽著走,然后被領(lǐng)導(dǎo)說(shuō)需求分析能力太爛…………哭
在我看來(lái),這更像是交互設(shè)計(jì)師修改原型的過程,請(qǐng)問你們公司對(duì)需求分析師的職責(zé)要求有哪些?包括交互設(shè)計(jì)嗎?
很棒
做的東西,要考慮度用戶角色和使用緯度,
嗯嗯,是的
這個(gè)文章其實(shí)沒有很好都闡述“如何”,還是停留在用戶需要什么然后來(lái)改什么,作為數(shù)據(jù)呈現(xiàn),首頁(yè)展示的就是全局性的“可視化”數(shù)據(jù)。至于改來(lái)這么多版本,個(gè)人感覺還是經(jīng)驗(yàn)不足造成的。
嗯嗯,是的,因?yàn)槲冶旧砥枨蠓治鲞@塊,產(chǎn)品設(shè)計(jì)不專業(yè),所以這篇文章純粹是分享我原型修改的一個(gè)歷程,很抱歉沒有產(chǎn)品設(shè)計(jì)的實(shí)質(zhì)性干貨。我說(shuō)的“如何”是界面設(shè)計(jì)者要站在客戶的角度去設(shè)計(jì)。