2023-8-31 ui設(shè)計(jì)分享達(dá)人
一、什么促成了變革？
1、愛番番溝通工具是什么？
愛番番溝通工具是連接訪客和商家客服的在線咨詢工具，是一款智能客服產(chǎn)品，為企業(yè)提供“從流量到成交”全鏈路解決方案?？蛻糁恍柙诰W(wǎng)站增加一行代碼，就擁有了訪客從“進(jìn)站、瀏覽、溝通、成單、分析、建議”一站式的智能營銷解決方案。目前客服側(cè)有Windows端、Mac端、Web端、APP端。
2、如何找準(zhǔn)變革時(shí)機(jī)？
數(shù)據(jù)來源：《2021年中國智能客服行業(yè)研究報(bào)告》
3、如何抓住核心痛點(diǎn)?
通過深入了解客服工作環(huán)境、操作行為習(xí)慣、協(xié)作流程， 結(jié)合線上全流程體驗(yàn)問題分析及客戶滿意度調(diào)研，定位了舊版核心問題，主要表現(xiàn)為：
同時(shí)客服角色日常工作強(qiáng)度大、壓力大，易出現(xiàn)情緒不穩(wěn)定，探索全場景的貼心陪伴將成為產(chǎn)品設(shè)計(jì)情感化的切入口。
圍繞以上核心問題，通過降門檻、提效率、探索情感化等設(shè)計(jì)策略，最終提升產(chǎn)品滿意度，打造智能高效的流量轉(zhuǎn)化工具。
二、重構(gòu)設(shè)計(jì)策略
1、降門檻 · 框架重構(gòu)簡化信息復(fù)雜度
01. 會話場景重構(gòu)
如何讓信息有條理地組織、清晰易讀，是本次體驗(yàn)升級優(yōu)先要考慮的因素。我們首先針對核心會話場景進(jìn)行了信息重構(gòu)。
綜上，從而形成了新版的會話場景結(jié)構(gòu)。
02. 導(dǎo)航結(jié)構(gòu)重組
清晰的信息展示可有效降低操作難度及決策成本，舊版產(chǎn)品的導(dǎo)航結(jié)構(gòu)交疊復(fù)雜，將整體導(dǎo)航功能的一級、二級目錄，按照功能分類拆解重組，刪減冗余功能，同時(shí)結(jié)合客服場景的強(qiáng)訴求增加客服管理、服務(wù)模塊，從而形成新端結(jié)構(gòu)；
我們采用側(cè)邊導(dǎo)航欄形式，將上下布局改為左右布局，擁有更好的拓展性，為二級內(nèi)容提供更好的展示空間，同時(shí)導(dǎo)航、標(biāo)題和內(nèi)容的對應(yīng)關(guān)系也更加明確。
03. 升級統(tǒng)一的視覺感知
同時(shí)運(yùn)用色環(huán)建立輔助色彩，以15°遞增或遞減，選取類似色和鄰近色作為家族色彩主體，調(diào)和互補(bǔ)色與對比色，校正輔助色的HSB，達(dá)到色彩感官上一致。
通過升級統(tǒng)一的視覺感知，將整體界面進(jìn)行了煥新。
04. 構(gòu)建靈活統(tǒng)一的布局
愛番番溝通工具是一款跨多端的智能客服產(chǎn)品，我們需要打通一個(gè)適用多設(shè)備、認(rèn)知統(tǒng)一的設(shè)計(jì)框架，幫助用戶在多設(shè)備多環(huán)境中無縫銜接。采用響應(yīng)式布局，應(yīng)用4倍原則分別適配PC多端，讓信息呈現(xiàn)更具秩序感，更好的保證跨設(shè)備、多屏幕尺寸下的顯示效果；只需要開發(fā)一套代碼，小成本維護(hù)不同設(shè)備站點(diǎn)，保證跨終端設(shè)備下的體驗(yàn)一致性，降低操作門檻。
05. 打磨體驗(yàn)細(xì)節(jié)
我們希望在產(chǎn)品細(xì)節(jié)也能帶給用戶良好的體驗(yàn)，以會話區(qū)縮略圖體驗(yàn)為例：從定義、目的拆解，到用戶核心訴求：
內(nèi)容：多以企業(yè)產(chǎn)品/活動(dòng)介紹為主；
層級：由上至下或由左至右展示；
屏效：透傳產(chǎn)品標(biāo)題/活動(dòng)主體、兼顧最新消息；
速度：越快越好, 如文件過大，希望能明確預(yù)期。
結(jié)合縮略圖本身特性研究，如樣式、尺寸、比例、大小、格式、狀態(tài)、操作及圖片選擇器等維度以及機(jī)型適配，最終定義默認(rèn)縮略圖最大寬度和高度，一屏內(nèi)展示主體信息，內(nèi)容由上至下或由左至右的方式剪裁，超出則裁剪展示并明確【長圖】標(biāo)識、明確文件量大小，拓展圖片查看器功能及體驗(yàn)，同時(shí)沉淀設(shè)計(jì)規(guī)范，提升產(chǎn)品體驗(yàn)。
2、提效率 · 溝通前中后全鏈路提效
通過用戶訪談、問卷調(diào)查的形式，梳理記錄用戶在產(chǎn)品當(dāng)中關(guān)鍵的路徑體驗(yàn)問題，從溝通前中后全鏈路出發(fā)制定設(shè)計(jì)策略為客服提效降本。
01. 溝通前強(qiáng)化關(guān)鍵信息促決策
訪客列表強(qiáng)化關(guān)鍵信息，助力客服更有針對性的接待，提升溝通質(zhì)量；系統(tǒng)提供預(yù)置高頻、精細(xì)行業(yè)問答內(nèi)容，減少客服輸入步長，提升接待效率；強(qiáng)化訪客預(yù)輸入動(dòng)向，助力客服提前準(zhǔn)備溝通策略
02. 溝通中提升輸入效率&縮減留資步長
簡化客服輸入，強(qiáng)化智能回復(fù)話術(shù)推薦；優(yōu)化常用語快捷搜索操作，提升信息查找效率；簡化步長，訪客留資后系統(tǒng)自動(dòng)識別聯(lián)系方式有效性，并填充至線索信息，有效為客服減負(fù)。
03. 溝通后強(qiáng)化關(guān)鍵信息促轉(zhuǎn)化
強(qiáng)化【熟客】【線索】標(biāo)識，助力客服更具有針對性的接待；線索詳情強(qiáng)化線索跟進(jìn)階段，提升客服或銷售人員線索跟進(jìn)效率。
數(shù)字化時(shí)代，技術(shù)的革新也為智能客服賽道帶來了新的可能，通過運(yùn)用實(shí)體圖譜分析、知識圖譜推薦、自主學(xué)習(xí)等多種AI核心技術(shù)，自動(dòng)優(yōu)化溝通流程模型，打造AI智能問答助理，7*24小時(shí)在線，可在人工客服繁忙或非工作時(shí)間提供即時(shí)且準(zhǔn)確的回復(fù)，并通過需求聯(lián)想提供因人而異的智能化推薦，有效降低客服溝通成本。
3、探索情感化 · 全場景貼心陪伴
客服角色存在工作強(qiáng)度大、每日應(yīng)對重復(fù)性咨詢、工作效率低、離職率高、情緒不穩(wěn)定等問題，我們希望全新的愛番番溝通工具不僅好用，還能給客服繁重的工作帶來一些溫暖陪伴感知，基于日常使用場景，探索天氣提醒、時(shí)間提醒、生日祝福、節(jié)日祝福等情感關(guān)懷，提供更溫馨友好的服務(wù)，成為客服的貼心伙伴。
三、驗(yàn)證結(jié)果
經(jīng)過10個(gè)月的產(chǎn)品打磨及20次產(chǎn)品迭代，客戶滿意度及線索轉(zhuǎn)化率均顯著提升；圍繞客戶體驗(yàn)，獲得3項(xiàng)創(chuàng)新設(shè)計(jì)專利；2022年榮獲德國紅點(diǎn)品牌與傳達(dá)設(shè)計(jì)獎(jiǎng)（類別-數(shù)字化解決方案）、美國繆斯創(chuàng)意獎(jiǎng)-銀獎(jiǎng)。
四、寫在最后
綜上，設(shè)計(jì)賦能商業(yè)，不是用設(shè)計(jì)來改變商業(yè)策略，而是站在用戶和業(yè)務(wù)的視角，運(yùn)用專業(yè)的設(shè)計(jì)方法去挖掘產(chǎn)品和設(shè)計(jì)的機(jī)會點(diǎn)，助力業(yè)務(wù)持續(xù)健康向上發(fā)展，此次我們將愛番番溝通工具體驗(yàn)升級為例，分享設(shè)計(jì)如何為老牌產(chǎn)品革新延續(xù)價(jià)值，希望能給大家?guī)硪恍﹨⒖己蛦l(fā)。
我們正處于數(shù)字化快速變革的時(shí)代，愛番番溝通工具的升級才邁出了第一步，我們將持續(xù)打磨愛番番溝通工具體驗(yàn)，也在往更加智能化、人格化的方向?qū)W習(xí)和奮力邁進(jìn)，在滿足人們?nèi)粘贤ㄐ枨蟮耐瑫r(shí)，致力于讓溝通更加簡單、溫暖、智能和安全。
作者：百度MEUX
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com