etrader_main_img

Owner:E.SUN Commercial Bank Co., Ltd
Category:Web RWD + iOS/Android App
Goal:Improve RWD UI & UX, modernize customer service image, and increase emotional design.
Ability:Sketch, Character design, HTML5, CSS3, Jquery
Provide a conceptual reference map, not a final formal design.

Competitive product analysis, build website and App UI
etrader_flow
etrader_flow

依照客服中心彙整的資料加上自己進行的競品分析統整後,重新設計整體風格並改善體驗流程,使用多一點的圖像元件或是表格的方式替代原先冗長的回應文字訊息,將使用率低的項目從介面上排除,讓使用者精準聚焦在主要服務項目上。

Character & Emotional design
Yu_design01
Yu_design01 Yu_design02 Yu_design02

客服中心依照企業形象,將智能客服定位為一位有朝氣、有氣質的女性形象,也因使用在網頁跟手機上的大頭照若無任何線條或線條過於複雜,都將造成視覺辨識不易的影響,在這方面人物設計的後續調整花費了較多的心思。

在情感設計上,先以客服中心較常使用的回應訊息做為發展基礎,但僅有表情難以完整表達確切情感,因此逐步加入手勢表達客服中心欲傳達之情感意象,最後更加入文字訊息,讓客服中心在回應用戶時,能以貼圖在第一時間快速表達,縮減用戶等待客服回應的時間。三組發展歷程的圖示皆能在不同應用場景下讓客服中心做使用。

Conversation design
etrader_guideline
etrader_guideline

為了讓客服中心能更有概念的去引導用戶對話的方向,在這個專案中我藉由BotBonnie平台建置簡易的腳本範例,建議客服中心在語義上及設計元件使用上該如何搭配會有比較好的成效,同時也將設計chatbot腳本簡易守則的研究成果分享給設計部門做為未來應用的參考,期望未來智能客服的對話交互模式能有所提升,為用戶帶來更親切、快速方便的體驗。