「大部分人以為產品外觀做得美觀就是一個好設計，但實際上成功的設計不能只是好看更必須要好用。」By Steve Jobs
互聯網的高速發展，使得愈來愈多品牌依賴網頁、APP來觸及消費者，但同時也衍生一個非常嚴重的問題：產品同質化。因此，品牌想要在芸芸網海中脫穎而出，單純依靠「好看」並不足夠，還需要精準地向消費者傳遞有效信息，以及兼顧消費者的體驗與感受。
而這也是品牌需要重視UX設計的主要原因!
什麼是UX設計?
在實際操作中，很多人經常將UX設計和UI設計混淆，甚至將其混為一談。事實上，UX設計和UI設計卻是兩個截然不同的概念：
UX設計相當於一個產品的骨骼，專注於「產品用起來的感覺是怎樣」，透過分析用戶在使用產品時所產生需求、回饋、感受、偏好等，對產品進行合理的設計和優化，繼而確保產品能為用戶帶來更流暢且舒適的操作體驗。
而UI設計則是產品的血肉，着重於「產品看起來怎麼樣」，主要針對產品的外觀視覺進行設計包括排版佈局、配色方案、icon設計以及字體設計。此外，UI設計還會涉及一些交互設計，比如透過增加UI元素的對比效果來加強產品的易用性。
香港網頁提醒，雖然UI設計和UX設計代表的意義不同，但是在設計一個產品時，它們卻有着密不可分的關係。品牌想要打造出讓用戶滿意的產品，不僅要確保整體視覺效果足夠美觀，更要重視網站帶給用戶的體驗，引導他們完成操作和任務，從而達成理想的商業目標。
如何快速提升產品的UX設計效果?
用戶在接觸和使用產品的整個過程都是非常主觀的，這意味着品牌想要提高產品的用戶體驗，避免不了研究用戶體驗。根據Jesse James Garrett 在《用戶體驗要素》一書中提到，用戶體驗包含的五個要素可以用五層模型來體驗，即戰略層、範圍層、結構層、框架層、表現層。
● 戰略層 → 確定產品目標和用戶需求
戰略層的制定決定了產品設計的基本走向，它是以企業目標為前提，根據產品目標和用戶需求來制定。明確表達「產品戰略」是保證產品具備良好用戶體驗的基石，當我們知道品牌和用戶對產品的期望和目標後，將有助於促進產品用戶體驗各方面的戰略確立和制定。
在這個階段，我們需要考慮三件事，即用戶 – 場景 – 需求，明確清楚產品要滿足什麼用戶在什麼場景下的什麼需求。
● 範圍層 → 考慮用戶需求的功能
範圍層的任務主要是決策產品應該做什麼和不應該做什麼，比如部分電商網站提供了一個功能，使用戶可以保存之前的郵寄地址，方便再次消費時可以直接點擊使用。而這個功能是否應該成為網站功能之一，就屬於範圍層需要解決的問題。
在這個階段，我們需要考慮產品應該為用戶提供什麼內容、功能和服務。
● 結構層 → 讓用戶輕鬆操作並完成任務
結構層的設計任務是對範圍層的功能和內容進行合理的分類，確定哪些類別應該出現在哪裡，從而幫助用戶更快地到達想去的地方。比如，電商平台通過交互設計把搜索商品、商品詳情、加入購物車、付款等功能組織，通過結構層來幫助用戶找到心儀的商品。
在這個階段，我們需要考慮哪些功能/內容可以歸類為一類，哪些功能是要區別分開
● 框架層 → 讓用戶看懂頁面信息
框架層的設計任務是通過優化設計佈局，將這些元素按照優先級排列並被安放在最合適的位置，讓用戶首次接觸產品時，知道應該從哪裡開始瀏覽以及什麼位置可以找到期望的設計元素。例如購物網站中廣告欄、按鈕欄、搜索欄的位置，大多是基於用戶瀏覽習慣來設計的。
在這個階段，我們需要考慮所有介面元素應該安放在介面中的哪個位置。
● 表現層 → 設計好看的介面
表現層的設計任務是將內容和功能等元素通過美學匯集在一起，讓用戶在首次接觸產品時，明白這是什麼、可以用戶來做什麼、現在是什麼情況、進行某操作後將會發生什麼等。
在這個階段，我們需要考慮產品整體的佈局和設計該如何呈現。
【總結】
上述五層模型關係密切且層層依賴，比如表現層的設計受到框架層的約束，而框架層的設計又會受到結構層的約束。而這種強依賴性和耦合性可以幫助我們在遇到UI設計效果不佳時，可以通過框架層、結構層，甚至更上層的設計中找出問題所在。
香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。
聯絡電話: 37499734 電郵地址: [email protected] 網址: www.hkweb.com.hk
