Design News

網頁設計新知

淺談UI/UX

Jul 21, 2021
目錄

網頁設計常說的UI/UX設計是什麼? 為什麼需要UI/UX設計師?

UI/UX其實是強調兩種不同面向的內容,但為何總是被相提並論呢? 

因為通常大多數的設計師會針對這兩方面都有一定的研究,但其實UI設計師未必會懂UX,反之UX設計師也不見的了解UI。

UX (User Experience)是什麼?

UX為使用者經驗,強調的是「使用者體驗的過程」。使用者體驗,是根據使用者的習慣,安排整個網站頁面的內容規劃,像是哪些區塊的內容要先在網站上出現,哪些按鈕一定要在哪,重大責任就是要確保產品從這一步流動到下一步符合邏輯。要辦到這點,UX 設計師用的其中一個方法就是實施真人測試,觀察使用者行為,檢查說得出來和沒說出來的使用障礙,經過不斷修改以創造出「最棒的」使用者經驗。例如說創造一個舒服的入門流程給使用者。

UI(User Interface)是什麼?

UI為使用者介面,設計頁面上的功能,顧及使用的便利性與整個設計的美學,維持並創造網站的美觀性。使用者介面設計師專精於「產品怎麼呈現」。他們負責設計每一個與使用者互動的網頁或畫面,然後確認 UI 在視覺上能傳達 UX 設計師展示的路徑。UI可以是將UX理念實踐的美學工程師,包括整個網站的顏色、字型、字體大小、配置安排。使用者與電腦之間進行溝通的介面,利用電腦的功能去「輸入」來達成「輸出」的成果,而輸入與輸出的規劃就是介面,透過介面來操作電腦完成所需。

簡單來說UX是大腦所想的,UI是眼睛所看見的,UX設計師設計的是一個「產品的使用感覺」,而UI設計師設計的是一個「產品的呈現」。兩者雖然密不可分,也確實很多中小企業會將兩者合併,下圖是最清楚也最簡單的表現方式。
而好的網頁設計至少需要符合以下幾點:
  1. 易用性:設計須符合使用者的需求並符合大部分使用者的習慣簡單操作,尤其是首頁,通常是使用者停留時間最長的頁面,可以盡量簡單並放置重要資訊提供給使用者快速了解。
  2. 網站外觀:視覺上較好的配置,如顏色、比例並且將重要資訊放在適當的位置,並可凸顯產品的品牌形象。
  3. 舒適性:讓使用者使用起來感覺是舒適的,除了基本功能介面配置外,加上一些小巧思,無論是文案、細微動畫,會提升使用者良好的回應。
  4. 響應式設計:可以提供電腦、手機瀏覽網站頁面,網站有響應式的設計,對Google搜尋引擎排名也會有正面的影響,也會讓使用者有更佳的瀏覽體驗。