當企業產品遇上用戶設計體驗
當企業產品遇上用戶設計體驗
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前把握早鳥優惠,請參考活動網站

 

往下滑看下一篇文章
變局突圍的關鍵訣竅,銓鍇國際攜手生態夥伴分享雲端AI最佳解方
變局突圍的關鍵訣竅,銓鍇國際攜手生態夥伴分享雲端AI最佳解方

在國際政策搖擺不定、地緣政治衝突升溫、供應鏈加速重組,以及AI重塑產業結構的多重衝擊下,「韌性」成為企業持續成長的關鍵引擎,在這個關鍵時刻,能否從被動防守走向主動進攻,將成為企業競爭力的重要分水嶺。為協助企業強化營運韌性、穩健應對新局,銓鍇國際攜手Asgard、Nutanix、精誠資訊、雲悦科技與東元電機等夥伴,分享從雲端轉型、AI應用到資安防護的實戰經驗與最佳解方。

「我們期望協助企業降低風險,打造以『韌性』為核心的未來競爭力。」為此,銓鍇國際董事長暨創辦人何鴻汶表示將從三個面向著手:首先是推出生成式AI解決方案–AI CKompute –助企業化AI為成長動力;其次是提供雲端轉型專業服務,協助企業客戶將工作負載順利遷移到 Amazon Web Services(AWS)環境並持續優化;最後是攜手韓國DBSAFER為企業客戶打造全方位資安防護盾。

銓鍇國際董事長暨創辦人 何鴻汶
銓鍇國際董事長暨創辦人 何鴻汶
圖/ 數位時代

全球變局下的韌性營運關鍵第一步:做好上雲準備

研究機構Gartner預測,截至2025年底,95%新的工作負載將部署在雲端原生環境。這意味著,「上雲」不再只是選項,而是企業保持靈活與競爭力的關鍵基石。

為協助企業客戶更好布局雲端、發揮投資的最大綜效,銓鍇國際雲端顧問鍾文哲表示,CKmates團隊將從評估(Access)、產品組合探索與規劃(Mobilize)、遷移與現代化(Migrate and Modernize)三步驟切入,助企業加速上雲腳步。「探索環境、做好評估計畫,以及決定搬遷方法後,接下來將透過Rehost、Relocate、Repurchasing、Retain、Retire、Replatform與Refactor七個步驟展開遷移工作,驗證無誤後,即可正式切換到雲端生產環境。」

銓鍇國際雲端顧問 鍾文哲
銓鍇國際雲端顧問 鍾文哲
圖/ 數位時代

對於有低延遲、高性價比跟資料落地等合規需求的企業客戶,CKmates將協助其將工作負載搬遷到AWS亞太(台北)區域,例如,5小時協助雲悦科技(CloudXurf)將Xurf POS等工作負載從AWS亞太(東京)區域全數移轉到AWS亞太(台北)區域。

AWS亞太(台北)區域自6月開通以來,吸引許多公部門、金融業與製造業客戶評估、測試與計畫導入,例如,公部門開始評估透過AWS亞太(台北)區域提供Open Data下載、用來封存檔案,以及作為對外資訊網站;金融業則考慮用做資料分析,或者是機器學習訓練、反詐欺與洗錢分析測試;製造業則傾向以AWS亞太(台北)區域作為ERP on Cloud、EDA晶片製造模擬與IoT平台的關鍵平台。

協助許多企業現代化基礎架構的Nutanix資深技術顧問陳永恆指出:「傳統三層式資訊系統架構不是為未來打造的環境,因此,很難無縫支援企業AI應用、混合雲架構,以及打造雲端原生應用服務,為解決這個挑戰,Nutanix與AWS合作提供混合雲環境,讓企業客戶可以在任何地點、輕鬆運行應用程式、人工智慧與資料儲存。」

Nutanix資深技術顧問 陳永恆
Nutanix資深技術顧問 陳永恆
圖/ 數位時代

鍾文哲進一步表示,無論企業想要以公有雲或混合雲架構進行創新轉型,CKmates將憑藉豐厚的實務經驗,提供客戶所需的專業諮詢、上雲規劃、安全檢查、監控支援與教育訓練。

極大化AI綜效的關鍵:從單點解題轉向流程重構

根據麻省理工學院NANDA計畫於日前發布的〈The GenAI Divide: State of AI in Business 2025〉報告,高達95%的GenAI試驗專案沒有可衡量的投資報酬率,之所以如此與四個因素有關:首先是組織不熟悉AI無法將之應用到整體流程;其次是自建AI的成功機率僅三分之一、選擇外部夥伴或採用既有工具的成功率則有三分之二;再來是當前AI投資偏向前端銷售、輕忽後端營運自動化帶來的效益;最後是Shadow AI問題不斷,難以發揮企業級的AI綜效。

對此,肆佳科技執行長暨總經理王韋仁建議:「以AI解決單點挑戰的效益有限,建議從企業生產流程切入,串聯情境(Context)、流程(Process)與數據(Data),藉此消除數據孤島、取得可行動的洞察,逐步將企業流程從人工作業、自動化轉向人機協作新常態。」

舉例來說,全台最大的餐飲設備代理與維修服務商台新餐飲設備導入肆佳科技建置在AWS上的Asgard平台後,成功以智能客服分類檢單機制將案件響應時間從4小時縮短為1小時,以自動化工單建立、庫存預留、客戶回應提升80%自動化處理能力,以及成功降低30%人力資源投入,更好滿足客戶需求。
「透過將AI深植企業日常營運,不僅能將AI轉換成企業營運新『肌肉』,還可以進一步推動人機協作新常態,持續不斷優化營運績效。」王韋仁如是說道。

肆佳科技執行長暨總經理 王韋仁
肆佳科技執行長暨總經理 王韋仁
圖/ 數位時代

打造永續競爭力的三大關鍵:速度、成本與合規

當企業持續以雲端跟人工智慧等新技術創新突圍時,該如何平衡創新背後的「速度」、「成本」與「合規」議題?

東元電機財務暨管理中心數位發展處副處長蘇尊堯認為:「三者皆很重要,但以我們的核心商品–馬達–來說,合規是第一要務,必須在設計階段就確認合規事宜,爾後考量的是速度跟成本,以量大自動化、量少手動、關鍵技術不外包等原則,實現降本增效。」

精誠資訊AI+事業協奏長陳楷麒進一步以AI專案為例說明,創新速度跟資安合規就像汽車的油門跟煞車,缺一不可,必須視情境作調整。「我們在協助企業客戶進行AI創新轉型時,會將轉型活動跟企業營運願景與目標扣連在一起,極大化轉型效益。」

雲悦科技總經理鄭榮輝則認為,AI世代下的資訊基礎架構與開發模式將出現巨大變革,在這個狀況下,想保持營運韌性、實踐永續營運,打造AI驅動的現代化資訊系統架構十分重要。「AI是所有企業都不能迴避的話題,建議所有企業都開始付費使用,因為,AI不需要完美才能開始,要開始才會變得強大。」

「技術永遠是最簡單的一環,想要永續營運或者是創新突圍,必須從上到下的先建立觀念,從企業最關注的營運痛點切入,在這個過程中,保持競爭彈性、善用雲地的協同資源將更好發揮轉型綜效。」銓鍇國際業務處長李宗炎如是總結。

總的來說,在協助企業加速創新轉型與實踐韌性營運的過程中,銓鍇國際與生態夥伴不只是導入技術,而是協助企業客戶重新定義「韌性」,並以雲端為基石,AI為動力,在變局中找到持續前進、成長的方向。

東元電機財務暨管理中心數位發展處副處長 蘇尊堯(左1)、精誠資訊AI+事業協奏長 陳楷麒(左2)、雲悦科技總經理 鄭榮輝(中)、銓鍇國際業務處長 李宗炎(右2)、數位時代副總編輯 趙郁竹(右1)
東元電機財務暨管理中心數位發展處副處長 蘇尊堯(左1)、精誠資訊AI+事業協奏長 陳楷麒(左2)、雲悦科技總經理 鄭榮輝(中)、銓鍇國際業務處長 李宗炎(右2)、數位時代副總編輯 趙郁竹(右1)
圖/ 數位時代

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂Vibe Coding
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓