導(dǎo)語(yǔ)：“自選”作為金融類(lèi)產(chǎn)品的基礎(chǔ)功能，迭代至今已經(jīng)非常成熟了。放眼望去，市面上主流金融產(chǎn)品的自選功能似乎都大同小異，但是體驗(yàn)下來(lái)會(huì)發(fā)現(xiàn)，細(xì)分領(lǐng)域下的設(shè)計(jì)側(cè)重點(diǎn)卻有所不同。

一、把握需求

如果我們將“自選”轉(zhuǎn)化為熟悉的C端功能，它類(lèi)似于“收藏夾”、“關(guān)注列表”的概念，是用戶(hù)管理交易對(duì)象的重要陣地。除了常見(jiàn)的管理對(duì)象（交易概念中稱(chēng)作“標(biāo)的”）、管理分組外，“自選”還會(huì)存在對(duì)數(shù)據(jù)和使用習(xí)慣的管理需求。

• 站在業(yè)務(wù)視角：券商的核心優(yōu)勢(shì)在于“交易”，所以業(yè)務(wù)目標(biāo)自然為“交易”服務(wù)?！白赃x”相當(dāng)于一張快捷交易導(dǎo)航，我們提供的諸多功能都是在幫助用戶(hù)快速、便捷的調(diào)整這張表，直到它達(dá)到“為我所用”的程度。
• 站在用戶(hù)視角：不同交易習(xí)慣的用戶(hù)，對(duì)自選的操作頻率有高有低，在保證效率的同時(shí)，還需要讓每一類(lèi)用戶(hù)都能用的順手。

二、競(jìng)品調(diào)研

1. A梯隊(duì)：美港股券商，富途、長(zhǎng)橋

• 共同的設(shè)計(jì)側(cè)重點(diǎn)：功能的組織符合用戶(hù)心理模型，任務(wù)專(zhuān)一，功能精煉，不追求全面、追求使用效率。
• 共同的弊端：“管理分組”的交互設(shè)計(jì)不夠流暢。

富途“管理分組”采用的交互方案，初期學(xué)習(xí)成本是很高的，它雖然充分考慮了效率問(wèn)題，卻低估了用戶(hù)理解上的困難。（截止本文發(fā)布前，富途最新版對(duì)現(xiàn)方案做了視覺(jué)樣式上的更新，看來(lái)設(shè)計(jì)師也意識(shí)到了該方案目前存在著一些不夠清晰的地方，期待后續(xù)交互上的迭代。）

長(zhǎng)橋將分組的“新建、排序、刪除、重命名”拆的很散，理解上不困難，操作起來(lái)較為繁瑣。

2. B梯隊(duì)：平臺(tái)類(lèi)產(chǎn)品，騰訊自選、東方財(cái)富

• 共同的設(shè)計(jì)側(cè)重點(diǎn)：相關(guān)功能盡可能的聚合在一起
• 共同的弊端：當(dāng)用戶(hù)目前僅想完成一項(xiàng)任務(wù)時(shí)，產(chǎn)品每次都會(huì)同時(shí)提供多項(xiàng)任務(wù)，操作通常很難專(zhuān)注。用戶(hù)不可避免的會(huì)多花些時(shí)間和好奇，來(lái)理解與本次操作任務(wù)無(wú)關(guān)的信息

3. C梯隊(duì)：社區(qū)類(lèi)產(chǎn)品，雪球

設(shè)計(jì)側(cè)重點(diǎn)：管理標(biāo)的、分組與數(shù)據(jù)、使用習(xí)慣的設(shè)置完全分開(kāi)

一些細(xì)節(jié)問(wèn)題：比如“管理本頁(yè)股票”，在批量操作的場(chǎng)景下，底部欄卻存在不能批量操作的選項(xiàng)

小結(jié)：對(duì)三類(lèi)產(chǎn)品的競(jìng)品調(diào)研也驗(yàn)證了我們最初對(duì)需求目標(biāo)的把握，為券商類(lèi)產(chǎn)品設(shè)計(jì)“自選功能”，效率和流暢度是最關(guān)鍵的。設(shè)計(jì)目標(biāo)明確了，接下來(lái)我們看看目前都存在哪些問(wèn)題，以及對(duì)應(yīng)的解法。

三、問(wèn)題與解法

1. 當(dāng)用戶(hù)精準(zhǔn)搜索一個(gè)標(biāo)的，并將其添加至自選后，并不能在當(dāng)前完成該標(biāo)的的分組

如圖所示，現(xiàn)在如果想完成上述任務(wù)，需要4步、且每次僅能將標(biāo)的添加至1個(gè)組。優(yōu)化后我們可以通過(guò)3步完成，且每次可以將標(biāo)的同時(shí)添加至多個(gè)組。

（注：Snackbar雖然源于安卓原生的MD設(shè)計(jì)系統(tǒng)，在IOS并無(wú)此原生控件。但是隨著二者在設(shè)計(jì)上日漸趨同，且控件的應(yīng)用上也早已互通有無(wú)，所以Snackbar在IOS的使用，合理即可，不必糾結(jié)于平臺(tái)差異。）

交互關(guān)鍵點(diǎn)：

• 想提升操作效率，不僅局限于步數(shù)、路徑的縮短，它還可能是場(chǎng)景的正確連結(jié)、重復(fù)操作的合并；
• 使用Snackbar，本質(zhì)上是給用戶(hù)選擇的余地。在操作a完成后的2-3秒決定是繼續(xù)進(jìn)行操作b，還是離開(kāi)當(dāng)前場(chǎng)景。

2.?A功能和B功能在自選場(chǎng)景分別有兩條觸達(dá)路徑，不過(guò)多路徑的存在不但沒(méi)有提升功能的使用體驗(yàn)，反而帶來(lái)了不小的認(rèn)知負(fù)擔(dān)

關(guān)于“冗余路徑”應(yīng)該保留還是去除，一直以來(lái)都存在爭(zhēng)議。討論這個(gè)爭(zhēng)議的前提是：冗余路徑雖然不是最優(yōu)路徑，但是滿(mǎn)足了特定場(chǎng)景下用戶(hù)的特定操作習(xí)慣。

當(dāng)“冗余”只是冗余、沒(méi)有任何增益時(shí)，也要敢于做減法；因?yàn)橥瑫r(shí)還需要考慮一點(diǎn)：出發(fā)前的選擇越多，用戶(hù)的決策時(shí)間越長(zhǎng)。

交互關(guān)鍵點(diǎn)：

在業(yè)務(wù)方提出為同一個(gè)功能再添加一條新的路徑時(shí)，我們必須要弄清楚，這條新路徑是為解決什么問(wèn)題存在的。不解決問(wèn)題的需求，大部分是對(duì)產(chǎn)品的無(wú)效堆砌。做好產(chǎn)品的“守門(mén)員”，給出專(zhuān)業(yè)的判斷，是交互設(shè)計(jì)師的重要職責(zé)之一。

3.?關(guān)于“自選”的設(shè)置功能，這里會(huì)討論到幾個(gè)典型的“欲速則不達(dá)”的交互問(wèn)題

1）對(duì)功能的整理和歸類(lèi)，是我們?yōu)橛脩?hù)留下的使用線索。如果推理時(shí)間過(guò)長(zhǎng)，說(shuō)明線索的指向性出了問(wèn)題。

• 問(wèn)題：將“管理分組”歸至“設(shè)置”，分類(lèi)不清晰；“數(shù)據(jù)項(xiàng)”Tab中的設(shè)置項(xiàng)沒(méi)有根據(jù)相關(guān)性進(jìn)行分組；
• 解法：在“設(shè)置”中去掉“分組” ；數(shù)據(jù)設(shè)置項(xiàng)根據(jù)相關(guān)性進(jìn)行分組 （指標(biāo)→顯示→排序）。

2）如果層級(jí) 1 包含層級(jí) 1.x，那么層級(jí) 1.x 的操作不應(yīng)放置在層級(jí) 1 的認(rèn)知區(qū)域。

• 問(wèn)題：數(shù)據(jù)項(xiàng)Tab的“默認(rèn)數(shù)據(jù)”放在頂部導(dǎo)航欄，功能層級(jí)不匹配；
• 解法：功能層級(jí)調(diào)整至匹配。

3）如果用戶(hù)設(shè)置了一些項(xiàng)目，無(wú)法在預(yù)期場(chǎng)景看到對(duì)應(yīng)的效果，應(yīng)提前給與說(shuō)明。

• 問(wèn)題：完成數(shù)據(jù)項(xiàng)設(shè)置后，無(wú)法在豎屏看到全部生成效果；
• 解法：在數(shù)據(jù)項(xiàng)設(shè)置頁(yè)頂部進(jìn)行生成效果的說(shuō)明提示。

交互關(guān)鍵點(diǎn)：

注重“效率”是沒(méi)錯(cuò)的，比如上述case中看似有“效率”的Tab結(jié)構(gòu)。但是這里面隱藏著更多的“清晰”問(wèn)題。如果一個(gè)功能設(shè)計(jì)的讓用戶(hù)用不明白，也就談不上“效率”的提升。

4.?最后一個(gè)case我們看下互聯(lián)網(wǎng)產(chǎn)品中最常被忽視的細(xì)節(jié)-文案

場(chǎng)景1：批量管理標(biāo)的。

文案問(wèn)題：按鈕表意都是“刪除”，帶來(lái)的實(shí)際結(jié)果是不同的，存在歧義。

場(chǎng)景2：數(shù)據(jù)項(xiàng)設(shè)置。

文案問(wèn)題：沒(méi)有進(jìn)行規(guī)范化處理，增加了選項(xiàng)的理解難度。

交互關(guān)鍵點(diǎn)：

很多時(shí)候，一套語(yǔ)義清晰、邏輯順滑的文案，可以等價(jià)于某個(gè)功能優(yōu)化的迭代周期。實(shí)際功能點(diǎn)不變，只是替換文案，就能讓用戶(hù)用的清爽明白。這樣的“好買(mǎi)賣(mài)”，卻一直被嚴(yán)重低估。

四、總結(jié)思考

遇到同質(zhì)化較高的需求重構(gòu)時(shí)，初期應(yīng)扔掉“套路”思維，從用戶(hù)視角、業(yè)務(wù)視角推導(dǎo)出主要設(shè)計(jì)思路。帶著問(wèn)題去分析競(jìng)品，推敲競(jìng)品在此類(lèi)需求設(shè)計(jì)上的精細(xì)差異。不要對(duì)行業(yè)top給出的方案習(xí)慣性盲從，要經(jīng)過(guò)思考和反復(fù)論證，推導(dǎo)出最適合自己所負(fù)責(zé)產(chǎn)品的交互方案。

當(dāng)設(shè)計(jì)深入到細(xì)節(jié)，出現(xiàn)了可A可B的選擇時(shí)，回頭看看我們經(jīng)過(guò)深思熟慮推導(dǎo)出來(lái)的設(shè)計(jì)目標(biāo)。重新評(píng)估A/B方案是否符合目標(biāo)、是否有助益于實(shí)現(xiàn)目標(biāo)。沒(méi)有太多“怎么設(shè)計(jì)都可以”的方案，從我們的選擇中，也透露了決策的傾向。只是我們需要時(shí)刻確認(rèn)這種“傾向”在整體邏輯中是自洽的。

每一份交互輸出都應(yīng)該是有觀點(diǎn)的輸出，即使最終我們的觀點(diǎn)被業(yè)務(wù)方、協(xié)作方的諸多因素所淹沒(méi)，仍要保持、增進(jìn)自己提出觀點(diǎn)的能力。那些常被用戶(hù)生動(dòng)提起的、打造出特色和性格的產(chǎn)品，都是由一個(gè)個(gè)鮮明觀點(diǎn)鑄造而成的。

本文由 @cony的小書(shū)包 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議