當企業產品遇上用戶設計體驗
當企業產品遇上用戶設計體驗
2014.03.11 | 創業

一般人對於企業產品的預期,可能僅停留在功能要強大、訊息要安全、能夠幫助企業提高工作效率。但現在已不同於過去,除此以外,人們開始更注重產品的用戶體驗。那麼,在面對企業產品的設計上,有什麼方法可以提升用戶體驗呢?

以下為大家介紹一些值得參考的企業產品設計案例(附截圖),以及設計Web App時的思考方向。

Web App 設計要點

1.配色

顏色是作為設計師傳達情感的主要元素之一,一個明確的品牌顏色,對信任度、認知度都會有大大的提升。顏色除了能為介面提升美感,也能作為功能上的輔助。在普遍頁面訊息量大的企業產品中,往往一個有顏色的按鈕就很容易吸引用戶的視覺焦點。

Lovely以橙色為主,藍色為輔,淡灰色為底色,淡淡的色調更讓人長時間使用也不覺得疲累,整體感覺和諧舒服,簡潔耐看。

 

Squarespace用的是黑白配,可說是使用黑白配色中的佼佼者。利用大面積的留白、高畫素的圖片,並配合著交互配色,讓你每次打開一個分頁時都存在驚喜,是筆者最喜愛的網頁之一。

 

連icon也盡顯Squarespace的品牌風格。

 

2. 視覺空間

經常會發現,很多設計師在設計Web App及Mobile App時,會被螢幕尺寸所限制住,只專注螢幕內顯示的所有訊息。要知道,網頁及手機介面設計不同平面設計之處在於­——前兩者在螢幕外有無限可能,你可以透過動畫,滑動到一個全新的介面,也可以透過上下左右滾動來查看更多內容。

一個視覺空間處理很棒的例子,來看看Dribbble

 

這個想法在螢幕尺寸有限的Mobile App上更能體現。對比下面兩個設計稿,左邊的留白空間是不是更大氣一些?

 

3. 減少線條

在扁平化設計中、間隔的處理上,嘗試多用色塊之間的對比來取代線條。減少線條可以讓你的介面顯得更簡潔。回頭你可以嘗試一下,在設計稿中儘可能的去掉線條,或許會有耳目一新的感覺。

 

4. 考慮不同尺寸 

由於大螢幕逐漸普及,以往定在1,000px寬度的網站已經不再能滿足於大螢幕下的呈現,因此在設計Web App中需要考慮在不同螢幕尺寸下,介面元素的展示方式。最基本的要求是要考慮好最大(1920×1080)及最小(1024×768)的場景。

這是2014年初的螢幕分辨率統計(資料來源自CNZZ)

 

Mailchimp在responsive的處理非常值得觀摩。

 

想更深入瞭解responsive,可以閲讀來自ISUX的響應式網頁設計一文。

對企業產品設計的啟發

簡單

儘管你的產品背後邏輯很複雜,但在呈現給用戶時務必要操作簡單而有效率。

Trello是一個多人任務協作的Web App,只需用滑鼠一拉,就能輕鬆將任務從一個階段移動到另一個階段。

 

Mailchimp是一個mail製作及追蹤的Web App。在製作過程都提供了一個可視化的模板,基本上只需Drag&Drop(拖拉)及輸入數值,便可完成設計及流程上的所有任務。

 

Invision是一個專為設計師快速製作交互模型的Web App。它的管理頁面在分組上十分方便,可以在任何地點增加分割線,然後Drag&Drop來移動圖片所在的組別。它的交互模形製作過程更是快速高效,而且可以一鍵生成連結發送給其他非Invision的用戶查看。

 

漸進式呈現

許多Web App都有一個通病,就是功能很多,同時又想一次把所有功能告訴用戶,結果就導致用戶第一次進來時,面對一個擁有龐大訊息量的介面,然後還有一大堆新手的提示。很多時候,用戶就會因為手足無措或在體驗中遇到一些挫折而失去了繼續研究下去的衝動。為了增強產品對用戶的第一印象,可以嘗試使用漸進式呈現的方式來展示介面。

以Trello為例,第一次登錄的介面上只會顯示一個項目,用戶很自然地會注意並點擊這個唯一搶眼的元素,進入項目後會顯示一個任務版,點擊其中一個任務再顯示任務詳情。

 

同樣是第一次使用,Trello對比Asana的表達方式是不是讓你輕鬆得多?

 

這種層層漸進式的設計手法能使介面保持簡潔,增強對用戶的第一印象,降低用戶的心理負擔。類似的思維,其實在網頁設計中經常會用到,例如Apple官網一開始只會顯示不同產品的入口,進入特定產品後可以根據自己的興趣點擊查看,去作更深入的瞭解,如果一頁密密麻麻的把所有產品訊息寫滿,這又會是另一種感覺了。更多關於漸進式呈現的說明,可以閲讀由ISUX推薦的設計師要懂心理學

手機式的體驗

適度的使用動畫,能在情感上為產品加分不少。現今html5及css發展迅速,在網頁上經常能看到一些在手機上似曾相識的體驗,這種設計除了讓人覺得特別酷之外,還可以直接延伸到移動的另一端,作為一種體驗上的統一。

Squarespace的抽屜式的選單。

 

Teambition是中國的項目合作類Web App,它的收件匣有如iOS7的通知中心,整體設計也很簡潔易用。

 

結語

企業產品的目的是要服務於企業,服務於人。

一直相信,Apple及Google的極簡理念是給予設計師一個很好的反思點。要把複雜的企業產品設計得簡單有趣是很有挑戰性的。面對簡單,背後需要有強大的技術支持,以及設計師對改善人類生活中細節的關懷及執著,才能真正做到簡約而不簡單。

出自騰訊ISUX

**【活動預告】創業小聚****#39****
**3 月 19 日(週三) 19:00-21:00在犇亞國際會議中心。邀請你知我知好學網營運長林才越Eric、獎金獵人創辦人洛克仔Roxman、CWMoney共同創辦人謝明宏Alan、Muzik Online副營運長徐有鍵Ken、xBeacon創辦人陳洪典。以及曾擔任過天使投資人角色,目前在上海創業的黃紹麟Max,在本場活動將分享:從投資者轉變為創業者角色的心路歷程,以及提出長期對中國市場、對當地創業環境的觀察與剖析。詳見活動網頁

【延伸閱讀】UCD使用者中心設計高峰會
創新的發想往往來自於過往或是身邊的人的經驗,我們同時是生產者,,也是消費者,對於市場的求新求變.許多創新的巧思其實就藏在生活的細節裡,3/27(四)《UCD使用者中心設計高峰會》--數位時代的用戶體驗設計與實踐,邀請到Google Search的資深使用者經驗研究者Tomer Sharon、趨勢科技香港區與台灣區總經理洪偉淦、以及走著瞧Gogolook執行長郭建甫,為我們分享使用者中心設計在產品創新與市場策略的實務經驗。
同時下午將進行主題實作工作坊,帶來四大主題:「透過社群媒體找到有效的消費者研究對象」、「從消費者體驗旅程找到創新機會點」,「使用者中心的數位行銷」以及「電子商務的服務設計」,由美、星、台三地專家親自主持,帶領大家進行實作與演練成果。
活動資訊:2014.03.27(四)09:30~18:00
地點:台大醫院國際會議中心4樓
3/20前把握早鳥優惠,請參考活動網站

 

往下滑看下一篇文章
元健助聽器攜手 EVOX 啟動雲端革命:從電話到數據,打造可量化的客戶經營新模式
元健助聽器攜手 EVOX 啟動雲端革命:從電話到數據,打造可量化的客戶經營新模式

面對消費者注意力日益分散、行銷成本節節攀升的挑戰,企業能否在每一次互動中精準把握「關鍵時刻」,已成為站穩市場的決勝點。

台灣助聽器領導品牌元健大和(元健助聽器),不僅透過雲端服務優化配戴體驗,更攜手 E2 Nova 易得雲端(EVOX)打造企業級顧客互動平台,透過 EVOX CloudTalk 雲端電話總機與 EVOX Connect 全渠道雲端聯絡中心,元健助聽器成功的將傳統通訊互動內容轉化為可追蹤、可分析的數據資產,不僅大幅優化客服品質與內部溝通效率,更讓「電話」跳脫單純的服務功能,轉變為驅動營運成長與精算廣告投放效益的核心引擎。

人人買得起、願意戴的助聽器

在全球助聽器品牌中,元健助聽器是少數以「服務創新」來驅動產業變革的代表。董事長吳少暉看見使用者長年面臨的「貴、遠、醜」三大痛點,亦即價格負擔高、服務據點有限及外型選擇不足,決定將「提升助聽器普及率」定為品牌使命,直球對決這三大使用門檻。

EVOX-2.JPG
元健助聽器從產品、通路到服務模式全面重構助聽器的使用體驗,希望解決價格負擔高、服務據點有限及外型選擇不足等痛點。
圖/ 數位時代

為此,元健助聽器從產品、通路到服務模式全面重構助聽器的使用體驗。除了優化產品設計,廣泛佈建電商平台、電視購物等多元通路,主動挖掘潛在消費者外,亦於 2018 年率先推出雲端服務,透過 App 提供聽力檢測、調整助聽器設定等服務,不僅為使用者省去往返門市的時間與不便,也降低服務成本,讓助聽器從過去的高門檻醫療輔具,轉變為更多人可以負擔、可以使用的日常產品。

元健助聽器雲端布局的前瞻性,使其能較同業累積更多用戶數據與實戰經驗,形成難以複製的競爭優勢。如今,元健助聽器已是台灣助聽器與聽力服務市場上銷量第一的品牌,並以兩成市佔、全台 66 間門市為根基,將服務版圖延伸至泰國、馬來西亞、菲律賓、印度、日本及美國等海外市場。

從電話到數據:元健助聽器打造可量化的客戶轉換路徑

隨著服務版圖快速擴張,帶動元健助聽器的營運規模同步成長,挑戰也隨之浮現。吳少暉表示,傳統電話總機系統的建置與維護成本相當高,還可能因為突發狀況而導致服務中斷、流失商機,更重要的是,整體客戶服務流程缺乏可視性。

過往的廣告宣傳,僅能仰賴各門市店長回報新客來電數量,數據不即時且準確性不足,當成效不如預期時,更難以判斷問題究竟出在哪裡,是行銷文案不夠動人?或是門市服務需要再優化?為此,元健助聽器導入 EVOX CloudTalk 雲端電話總機,不僅省去主機建置與維運成本,更將每一通來電從「聲音」轉化為「數據」,從而提升整體服務效率。

透過 EVOX 的數位足跡,元健助聽器建立起一套從「曝光、點擊、來電到到店」的完整轉換路徑:從廣告投放帶來的網站流量、分店頁面點擊,到客戶實際撥打電話的行為,甚至每一通來電的接聽狀況與通話內容,皆能被 EVOX CloudTalk 完整記錄與分析。

吳少暉指出,現在團隊能以「來電數」作為評估指標,分析與比較不同行銷文案和廣告投放策略的成效,這讓元健助聽器成功擺脫過往「憑經驗、靠感覺」的決策模式,取而代之的是透過數據精準掌握不同區域與族群的需求差異,進一步優化行銷與服務策略,讓每一分行銷預算都能發揮最大戰力。

EVOX-3.JPG
元健大和董事長吳少暉指出, EVOX CloudTalk 讓公司能以「來電數」作為評估廣告投放成效的指標,讓每一分行銷預算都能發揮最大戰力。
圖/ 數位時代

EVOX Connect 帶來6大效益,讓客服成為營運成長引擎

在建立數據決策文化後,吳少暉進一步思考,如何讓每一通來電創造更高價值?過去由各門市自行接聽電話,不僅服務品質難以保持一致,也讓門市人員在現場服務與接聽電話之間分身乏術。因此,元健助聽器於 2023 年成立專責客服團隊,並導入 EVOX Connect ,將新客來電集中至客服部門,讓門市人員能專注於客戶到店後的體驗與售後服務。

吳少暉認為, EVOX Connect 為元健助聽器帶來六大關鍵效益。首先,自動輪派機制,兼具效率與公平:系統依照預設棒次自動分派來電給客服人員,解決過往搶線或來電分配不均的問題,顯著提升整體接線效率。

其次,動態狀態管理,服務永不中斷:當客服人員請假、離席或暫時無法接聽電話時,可暫時將服務狀態調整為下線,系統會自動將來電轉派給其他人員,確保服務不中斷。

第三,自動撥號機制,效率提升 5 倍:過去,客服人員有很多時間花費在手動撥號及等待接通上,而 EVOX Connect 的自動撥號功能可同時撥出多通電話,並僅保留成功接通的電話,大幅節省客服人員等待時間,也讓撥號效率提升 5 倍。

第四,嚴謹個資防護,強化企業合規: EVOX Connect 可集中匯入客戶資料與自動撥號機制,減少客服人員直接接觸完整顧客資訊的機會,不僅提升顧客個資安全性,也強化企業在法規與稽核下的合規能力。

第五,開放 API 整合,打造多元應用。 EVOX Connect 提供相當完整的 API 與技術文件,讓元健助聽器能與內部系統進行整合,發展更多元的應用場景。吳少暉舉例指出,目前與外部夥伴合作開發的 AI 客服系統,便是透過 EVOX Connect 所提供的 API 進行整合,讓非營業時間的來電可以交由 AI 客服即時回應,避免潛在商機流失,實現 24 小時服務不打烊的目標。

EVOX-4.JPG
元健大和與外部夥伴合作開發 AI 客服系統,並透過 API 介接 EVOX Connect ,讓非營業時間的來電可以交由 AI 客服即時回應,實現 24 小時服務不打烊的目標。
圖/ 數位時代

第六,通話錄音轉化教材,複製成功經驗:透過系統內建的通話錄音功能,讓元健助聽器可挑選優秀的客服互動案例並轉化為教材,協助各門市人員精進溝通技巧,讓服務經驗得以複製與傳承,進一步提升整體服務品質。

元健助聽器與 EVOX 多年的合作,已從單一品牌的數位轉型,擴展至母集團全面導入雲端系統的策略升級。這份信任,來自於雙方在企業文化與發展方向上的高度契合,以及 EVOX 系統在擴充性與整合性上的優勢,能滿足公司不同成長階段的需求。未來,元健助聽器將加速拓展海外市場,希望藉由 EVOX 建立單一管理後台,將客戶互動轉化為可持續累積的數據資產,為邁向全球市場奠定關鍵基礎。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
AI全球100+台灣20
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓