(網(wǎng)經(jīng)社訊)最近在做一個(gè)供內(nèi)部使用的語(yǔ)料分析工具，主要針對(duì)電商交易流程中的客服聊天記錄和交易評(píng)價(jià)。 踩了不少坑，記錄一些心得，分享給大家。
ToB電商客服聊天產(chǎn)品
開(kāi)啟一個(gè)新產(chǎn)品，首先當(dāng)然是定位你的產(chǎn)品，形成產(chǎn)品的感性認(rèn)知。講解ToC與ToB產(chǎn)品差別、不同行業(yè)ToB產(chǎn)品差別的文章汗牛充棟。
這里只再?gòu)?qiáng)調(diào)一遍：務(wù)必深刻理解你的產(chǎn)品服務(wù)的業(yè)務(wù)的整個(gè)邏輯，不僅熟記軀干，還要親身體驗(yàn)到每一個(gè)枝節(jié)。（有無(wú)數(shù)人強(qiáng)調(diào)，也有無(wú)數(shù)人犯錯(cuò)，這里面的教訓(xùn)可以再寫(xiě)一篇文章了。）
對(duì)于電商產(chǎn)品的篩選功能來(lái)說(shuō)，ToC，是決定用戶(hù)體驗(yàn)的核心功能之一，篩選漏斗做的越好，用戶(hù)觸達(dá)目標(biāo)商品的可能性就越大；ToB，則是最不能犯錯(cuò)的模塊，數(shù)據(jù)的精準(zhǔn)篩選是一切分析的前提。篩選功能看似簡(jiǎn)單，卻也有好些坑要填。
篩選的需求
要做好篩選，第一部當(dāng)然是確定好篩選的需求。
篩選需求一定要詳細(xì)了解到枝節(jié)
篩選需求的搜集，不是了解清楚有哪些篩選項(xiàng)就完了，結(jié)合數(shù)據(jù)庫(kù)數(shù)據(jù)，對(duì)每一個(gè)篩選項(xiàng)預(yù)期數(shù)量級(jí)、單項(xiàng)字節(jié)長(zhǎng)度范圍、是否可以標(biāo)簽化、是否需要多選，都應(yīng)當(dāng)清楚。這里前期的業(yè)務(wù)邏輯調(diào)研就發(fā)揮了巨大的作用。
最后綜合全部需求特征，構(gòu)筑你的目標(biāo)場(chǎng)景。
篩選模塊的功能設(shè)計(jì)
有了篩選需求，就開(kāi)始為篩選模塊設(shè)計(jì)功能。
常見(jiàn)的篩選功能：篩選-復(fù)選與全選、全局搜索與欄目搜索、篩選記錄與快捷清除。
復(fù)選與全選功能取決于業(yè)務(wù)使用需求。
全局搜索一般用于單條搜索，在業(yè)務(wù)路徑清晰的ToB產(chǎn)品中不多見(jiàn)，欄目搜索的需要取決于當(dāng)前篩選欄內(nèi)的條目數(shù)量，一般來(lái)說(shuō)條目數(shù)量>20當(dāng)前篩選欄就得有搜索了。
篩選記錄與快捷清除功能主要看篩選行為的頻次，如果在一次完整的分析流程中需要多次篩選，那么篩選記錄與快捷清除是一個(gè)收益很大的功能，否則這個(gè)功能就沒(méi)有什么必要。
由于我的產(chǎn)品的篩選功能是一個(gè)低頻功能，故沒(méi)有為產(chǎn)品規(guī)劃篩選記錄與快捷清除模塊，而對(duì)于聊天記錄的集合分析也用不上全局搜索，所以我重點(diǎn)規(guī)劃了復(fù)選與欄目搜索功能。
根據(jù)需求建立場(chǎng)景設(shè)計(jì)功能
篩選模塊的交互樣式設(shè)計(jì) 整體展現(xiàn)：平鋪還是彈出
要對(duì)篩選模塊進(jìn)行交互樣式設(shè)計(jì)，除了掌握條數(shù)字段等基本信息，我們還需要掌握用戶(hù)對(duì)篩選功能的使用頻次，C端產(chǎn)品需要大量的用戶(hù)調(diào)研確定用戶(hù)層次，而B(niǎo)端還是對(duì)業(yè)務(wù)現(xiàn)狀的理解。
淘寶網(wǎng)篩選
平鋪是指將篩選項(xiàng)完全羅列在當(dāng)前頁(yè)面內(nèi)，我們熟知的淘寶網(wǎng)就是采用這種模式，對(duì)于淘寶網(wǎng)來(lái)說(shuō)，篩選是個(gè)常用功能。
這樣展現(xiàn)的好處是篩選更為直觀，操作便捷，篩選效率更高。可以看到這種展現(xiàn)樣式有一定的限制，那就是展現(xiàn)條目本身是標(biāo)簽或者可以標(biāo)簽化，要么條目的最大字節(jié)長(zhǎng)度在較低的水平，總體數(shù)量可要控制在一個(gè)合理的區(qū)間，如果篩選條目數(shù)量多到一屏放不下，則需要考慮彈出式篩選，甚至是將將篩選獨(dú)立成頁(yè)。
百度高級(jí)篩選
彈出式的代表是下拉列表，百度的高級(jí)篩選正是這種樣式，對(duì)于百度搜索，搜索條件篩選依附于全局搜索，是專(zhuān)家用戶(hù)才會(huì)使用的功能，并且一次搜索一般只需一次篩選，所以設(shè)計(jì)采用下拉列表，并隱藏在高級(jí)篩選中。
當(dāng)篩選條目數(shù)量較多時(shí)，一個(gè)額外的空間更為友好。而如果篩選功能的使用頻次較低，將它隱藏在下一個(gè)層級(jí)，為關(guān)鍵信息預(yù)留更多位置也是很合理的。
欄目搜索的樣式
由于篩選條目數(shù)>20，故我們?yōu)楫a(chǎn)品篩選添加搜索。
欄目搜索既可以放置在下拉列表頂端，也可以與篩選框整合。
搜索位于下拉列表頂端
搜索位于篩選框內(nèi)
下拉列表頂端使搜索功能更加明顯，但是要多占一行位置；與篩選框整合的話，在篩選框內(nèi)閃動(dòng)光標(biāo)也可以提示搜索功能的存在（以目前的用戶(hù)教育水平，光標(biāo)閃動(dòng)交互提示完全足夠）。
我個(gè)人傾向于使用第二種，無(wú)論哪種，注意保持整體交互風(fēng)格的一致性便好。
如此長(zhǎng)的商品名——古老的復(fù)選框
在實(shí)際設(shè)計(jì)商品篩選時(shí)，超長(zhǎng)的商品名配上復(fù)選需求讓商品篩選十分麻煩。淘寶寶貝名長(zhǎng)達(dá)40~50字，而且由于重要信息一般在整個(gè)名字的中部，所以簡(jiǎn)單省略是不可取。
可如果檢點(diǎn)做成下拉篩選框，這里就有一個(gè)交互體驗(yàn)問(wèn)題，單條名稱(chēng)如此之長(zhǎng)，商品篩選又通常是個(gè)集合，以至于用戶(hù)選到后面完全忘記自己選擇了什么。
一番思考后，我搬出了常用于上個(gè)時(shí)代的雙篩選欄，配合搜索使用。
雙篩選欄
這個(gè)雙篩選欄常見(jiàn)于一些大型分析軟件（SPSS、ArcGIS等）中，它很好地解決了忘記自己選擇了什么、是否選擇完全的尷尬。
商品篩選——隱藏的商品編號(hào)
需求中提到，需要用商品編號(hào)（ID）定位商品，但是放置一串串相似的數(shù)字在篩選框中，這個(gè)用戶(hù)體驗(yàn)可太差了（長(zhǎng)數(shù)字的可讀性太低）。
你猜用戶(hù)會(huì)不會(huì)瘋掉？
為了解決這個(gè)問(wèn)題，我與前端小伙伴商量了一下。最后的解決方案是商品ID在篩選框中不顯示，但可以通過(guò)搜索匹配出來(lái)。
數(shù)字匹配名稱(chēng)
總結(jié)
ToB產(chǎn)品的篩選相對(duì)于ToC來(lái)說(shuō)通用性要弱很多，比起用戶(hù)體驗(yàn)從有到優(yōu)的優(yōu)化，很多時(shí)候是在解決從無(wú)到有的過(guò)程。
情況越是復(fù)雜多面，九月要注重前期的調(diào)研和信息搜集，盡可能考慮好每一個(gè)問(wèn)題。（來(lái)源：人人都是產(chǎn)品經(jīng)理 文/汪知浩 編選：網(wǎng)經(jīng)社-電子商務(wù)研究中心）
