UI使用者介面No.1:中國信託 六階段改版,擬真專員深得人心

UI使用者介面No.1:中國信託 六階段改版,擬真專員深得人心

數位時代 www.bnext.com.tw 2013-07-13 17:07

UI使用者介面No.1:中國信託 

六階段改版,擬真專員深得人心 

 

網站好不好用?最重要的是UI使用者介面,今年度剛剛改版的中國信託,得到UI最高分25分,背後來自六個階段、歷時15個月的詳盡規劃。

採訪.撰文/羅之盈 攝影/賀大新

 

「網頁乾淨清爽,功能目的明確,每個子項目都有不同的情境設計,具有關聯的功能擺放相近,使用者介面細膩貼心」,這個讓評審讚不絕口的企業網站,就是中國信託銀行。

2013年4月改版上線的中國信託銀行網站,經過六階段歷程,耗時15個月才完成。中國信託個金事業總處電子銀行部協理蘇美勳表示,改版是因為先前的架構用太久了,以及在每年所做的滿意度調查上,看到使用者反應介面不友善、找不到選單,「中國信託三分之一的客戶會使用網站,不管是銷售還是服務,這裡是串連全行服務非常重要的平台,所以我們這次才會花這麼久的時間,全面性地重新規劃。」

改版第一階段是調整資訊後台底層架構,第二階段開始進入UI使用者介面設計,中國信託參考國外網站,發現網站架構越走越簡單,朝向直覺式設計,不像以前放越多選單越好,現在在意的重點是多放選單沒關係,但需要簡單直覺,不能讓使用者找尋。

 

首度採用「眼球監測」

第三階段是檢閱網站後台使用資料,研究客戶最常用的功能有哪些,把它們排在明顯或容易找到的地方。其次是關聯性,假設用完A功能的客戶通常點選了B功能,就把AB放在一起。第四是諮詢國外的網站設計顧問,吸取國外實務經驗。接著歸納所有建議著手策劃新網站。

蘇美勳表示,「電子銀行部門會把大架構定義好,例如左欄是找功能,右欄是主選單或情境等類型,框架我們決定,再與各個單位一起溝通規劃」。

直到半成品網站設計完成之後,進入第五階段「眼球監測」。中國信託委外進行使用者行為的質化研究,追縱使用者目光與滑鼠軌跡,意外發現計畫中需要強調的功能,客戶連看都不看,立刻置換客戶感興趣的主題。微調的細項甚至在轉帳完成頁上,特別把金額字級放大,並且變成紅字,或是網銀登入區改成紅底強調。

最後是量化的網站實測,中國信託邀請網銀重度使用客戶和分行內的理財專員,全面測試網站,共搜集2000多份的意見回饋,才完成改版。

站內目前最多人使用的網路銀行頻道,登入後客戶可客製化「我的首頁」,自訂顯示項目,以日曆型式提醒投資理財的損益通知、信用卡繳款到期等事項。特別的是可以自訂「理財e達人」,選擇達人的名字,在主動寄送的郵件標題中,將可看到「你的理財e管家XXX提醒您」。蘇美勳表示,「自動化通路希望可提供人性化服務,長期都在說這個概念,我們就想乾脆提供類似真人的服務。e達人確實有效提高客戶對訊息的接受度,覺得是訊息專屬於我。」

「網站定位最早是降低成本,但現在降低成本是必然的,定位另外延伸出三個方面:一是客群經營,也就有多少客戶數;二是創造收益;三是為其他單位帶來潛在消費者,也就是所謂的營運部隊聯營,」蘇美勳說明。

中國信託的營運部隊包括分行理專、電話服務部門、網路通路,網站與分行合作關係建立於「業績收益雙方同計」,理專願意引導客戶使用網站,不方便到分行時可以使用網站下單,於是分行幫助網站提升客戶數。目前網銀使用人數已達280萬人,多數是由分行引介,而網站則是分行客戶的下單平台或資訊平台。

 

粉絲團經營「非本行客戶」

網站與電話服務部門的關係則是「建立客戶對接」,受制於台灣法規,有些金融商品不能網路購買,如果網友對產品有興趣,留下連絡方式,電話部門會在三小時內連絡。

自2011年6月開始經營的Facebook粉絲團,則是用來經營「非本行客戶」。中國信託期望主動經營社群,增進網友關係,塑造行銷加上服務的新管道。蘇美勳笑著說:「一開始很害怕粉絲團會變成吐槽平台,後來發現網友很友善,只要企業提供正面資訊,網友的互動也會是正面的。」目前粉絲團超過38萬名粉絲,影響力強大。

 

負責中國信託網站營運的電子銀行部門,以企畫、行銷人員為網站架構的主要設計者,所以由協理蘇美勳(左四)所帶領的團隊,女同事占有很高比例。 (更多精彩內容請見2013年7月號《數位時代》─ 智造科技TECH +。全國7-11、各大書店熱賣中!)

 

│延伸閱讀│

歡慶數位時代14周年

《創業贏家聖經-實戰版》 10萬本免費送 【最後倒數1個月】 按此立即下載

定價128元

**解析 9大商業模式:站穩創業第一步

**活用29種營運方法:賺進你的第一桶金

**探索5大付費模式:創造與客戶雙贏新關係

**取經23個創業成功案例:找出經營必勝方程式

**跟著全球10萬人一起動手:畫出你的獲利模式

《數位時代》230期雜誌精選

 

  • 進擊吧!智造科技 TECH+
    面對中國巨人崛起、數位科技帶來的全球產業變局,以硬體製造及供應鏈見長的台灣企業,努力以科技為盾、以服務設計為矛,轉型成為「智造科技」業,發現未來高獲利生存之道。
  • 應用加值:愛普生瞄準健康市場快步走
    70年前,精工愛普生集團以手錶起家,靠著多角化經營,建立龐大的製造帝國;70年後,愛普生大膽轉換與開拓,推出光感燃脂心率錶,搭配後端的健康管理服務,準備揮軍行動健康市場。 
  • 數位服務力年度總冠軍No.1:HTC宏達電
    逗趣影片帶頭,品牌好感度倍增 靠著使用者介面與網路口碑表現優異,2013年數位服務力不分類總冠軍,由行動裝置品牌HTC宏達電奪下,看得出HTC力拚品牌力的企圖心。 
  • UI使用者介面No.1:中國信託六階段改版,擬真專員深得人心
    網站好不好用?最重要的是UI使用者介面,今年度剛剛改版的中國信託,得到UI最高分25分,背後來自六個階段、歷時15個月的詳盡規劃。
  • iFit愛瘦身:圖文傳播觀念,40萬人齊喊讚!
    一個成立不到一年的粉絲團,粉絲人數快速上升,從一個月的15萬人,至今已累積超過39萬人,「分享」和「互動」是iFit在短時間內迅速崛起的關鍵。
  • 即時通訊行銷戰火熱開打
    擁有廣大的使用者基礎、即時推播行銷訊息、隨時不離身的媒介特性,三大理由讓即時通訊App成為企業品牌最新的行銷戰場。 
熱門文章
獨/台南22歲帥警養眼照曝光!他羞曝「常被女性報案人問」 廣大網友死會了
獨/台南22歲帥警養眼照曝光!他羞曝「常被女性報案人問」 廣大網友死會了

記者爆料網

水逆掰掰!水星要順行了 4星座「好運旺炸」鹹魚大翻身
水逆掰掰!水星要順行了 4星座「好運旺炸」鹹魚大翻身

TVBS新聞網

又是高3生開發! 自創「地震APP」下載破10萬
又是高3生開發! 自創「地震APP」下載破10萬

TVBS新聞網

祖克伯「老實說」Fb股價重挫15% 華爾街分析師示警:AI吹起大泡泡
祖克伯「老實說」Fb股價重挫15% 華爾街分析師示警:AI吹起大泡泡

中廣新聞

台餐飲集團「驚爆倒閉」!500人失業 30間門市一排倒
台餐飲集團「驚爆倒閉」!500人失業 30間門市一排倒

TVBS新聞網

台北也難逃?爆「台灣恐有規模8.7強震」 專家怒喊:不可能
台北也難逃?爆「台灣恐有規模8.7強震」 專家怒喊:不可能

TVBS新聞網

越震越斜! 「新成屋」遭控傾斜 住戶:常覺得暈
越震越斜! 「新成屋」遭控傾斜 住戶:常覺得暈

TVBS新聞網

癌症來臨前有徵兆?醫曝「5症狀」留意 疲倦、咳嗽別忽視
癌症來臨前有徵兆?醫曝「5症狀」留意 疲倦、咳嗽別忽視

TVBS新聞網

地震重創花蓮觀光業!遊客「全往南部走」 商家嘆:很怕讓員工放無薪假
地震重創花蓮觀光業!遊客「全往南部走」 商家嘆:很怕讓員工放無薪假

中天新聞

拍張我兒子新訓照片line過來? 軍官看「家長群組」對話傻眼...網虧:巨嬰部隊
拍張我兒子新訓照片line過來? 軍官看「家長群組」對話傻眼...網虧:巨嬰部隊

中天新聞

星巴克買1送1!超商「25元美式」來了 叫外送再享75折優惠
星巴克買1送1!超商「25元美式」來了 叫外送再享75折優惠

中天新聞

影/印度神童預言再中 最新預言警告台灣、美國、中國、印度小心10件事 特別注意5月
影/印度神童預言再中 最新預言警告台灣、美國、中國、印度小心10件事 特別注意5月

中天新聞

餘震破千起嚇壞!國師示警「這時間」前必受震動 勿掉以輕心
餘震破千起嚇壞!國師示警「這時間」前必受震動 勿掉以輕心

TVBS新聞網

破百萬下載!高三生自學開發「臺灣地震速報」APP 網狂讚:一人贏過國家隊
破百萬下載!高三生自學開發「臺灣地震速報」APP 網狂讚:一人贏過國家隊

中天新聞

獨家/神隱多時憔悴現身 NONO內湖餐廳買滷肉飯充飢
獨家/神隱多時憔悴現身 NONO內湖餐廳買滷肉飯充飢

CTWANT

快訊/嘉義通報!北市六條通女床上身亡 反鎖房內警破門仍傳憾事
快訊/嘉義通報!北市六條通女床上身亡 反鎖房內警破門仍傳憾事

中天新聞

快訊/國家級警報響了!5縣市大雨開炸 外出慎防強陣風、溪水暴漲
快訊/國家級警報響了!5縣市大雨開炸 外出慎防強陣風、溪水暴漲

中天新聞

暴雨還沒結束!全台大雨「這3天最猛」 北中南全逃不掉
暴雨還沒結束!全台大雨「這3天最猛」 北中南全逃不掉

TVBS新聞網

錯過要等1年!全聯買1水果「送保鮮盒」 婆媽手刀搶購
錯過要等1年!全聯買1水果「送保鮮盒」 婆媽手刀搶購

TVBS新聞網

今年4個月6警輕生死亡 網友感嘆「到底是什麼情況?」
今年4個月6警輕生死亡 網友感嘆「到底是什麼情況?」

中天新聞

98
0
分享