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