5分鐘解釋大家都想搞懂得UI/UX

UI（User Interface）指的是使用者介面，是整體看上去的感覺，是一個產品的呈現方式以及互動性，UI是專門針對電子產品或是網路物件而衍伸的詞彙。

UI設計 ... 哈利熊線上服務市集 > 哈利熊部落格>創意設計>網站設計系列>5分鐘解釋大家都想搞懂得UI/UX：什麼是UI/UX設計？UI與UX的差別又是什麼？5分鐘解釋大家都想搞懂得UI/UX：什麼是UI/UX設計？UI與UX的差別又是什麼？2021-03-092021-03-09網站設計系列,電子商務我們常常聽到大家將UI/UX放在一起，但其實他們代表兩種非常不一樣的東西。

今天，哈利熊就來帶大家了解UI/UX的差別！5分鐘解釋大家都想搞懂得UI/UX：什麼是UI/UX設計？UI與UX的差別又是什麼？Foster.fm的創同創辦人RahulVarshney曾經說過：「用戶體驗（UX）和用戶界面（UI）是我們領域中最混淆和誤用的術語。

沒有UX的UI就像畫家不加思索地將顏料拍到畫布上一樣。

而沒有UI的UX就像是沒有紙張匹配的雕塑框架。

出色的產品體驗始於UX，然後是UI。

兩者對於產品的成功都是至關重要的。

」雖然UI/UX代表不同的東西，但是在設計一個產品的時候，卻有著密不可分的重要性。

UX設計很像是產品的骨骼，著重於「產品用起來怎麼樣？」而UI設計則是血肉，是讓產品活起來的元素，著重於「產品看起來怎麼樣？」。

5分鐘解釋大家都想搞懂得UI/UX：UI與UX的差別是什麼？UX：如何創造更好更有效的使用者體驗UX（UserExperience）指的是使用者體驗，解決人們在產品使用上的痛點、提升使用者在產品使用的流暢性。

UX可以用於實體物品，也可以用於非實體的網路物件上，比如說網站。

身為一個UX設計師，我們可能會想的是：要如何改善網路購物的結帳流程？用戶需要完成的步驟有哪些？按鈕應該要放在哪裡？這樣的用戶體驗是直接明瞭的嗎？所以身為UX設計師，我們可能需要完成的任務包括：了解使用者需求製作出客戶旅程地圖製作出客戶人物誌網站架構使用者流程任務流程總之，UX的目標就是創造一個有效、好用的使用者經驗。

UI：如何創造更直覺美觀的使用者介面UI（UserInterface）指的是使用者介面，是整體看上去的感覺，是一個產品的呈現方式以及互動性，UI是專門針對電子產品或是網路物件而衍伸的詞彙。

UI設計師可能會考慮到的是字體的大小、顏色、字型、標誌、按鍵的設計等等。

身為一個UI設計師，我們可能會想的是：網站要使用樣的什麼顏色與風格？按鍵要用什麼樣的動畫？要如何運用對比的顏色增加文字的閱讀性？所以身為UI設計師，我們可能需要完成的任務包括：設計品牌手冊色盤製作UI原型圖標集視覺設計檔案通常在產品開發的階段，UX設計會需要先做，再來才會進入UI的環節。

UX設計師會先設計出整個用戶流程的「骨骼」，UI設計師根據這樣的框架再加入美觀、互動性的元素。

UI/UX設計師的搭配由此可見，UI以及UX在本質上是兩種不同的東西，但是在產品設計流程中，卻需要UI/UX設計師密切的合作、搭配，才能創造出一個有效、成功的成品。

有許多產品看上去非常美麗，但是因為缺乏UX設計師系統性的架構，所以導致產品重看不重用，同樣的，也有許多產品非常好用，但是卻少了UI設計師的畫龍點睛。

推薦文章：UI/UX：表單設計的6大必學技巧網站UI/UX中「按鈕設計」的7大技巧！這樣做大大增加轉換率為什麼網站設計這麼重要？好的網站設計重要7元素 架設網站很貴？！其實低預算也能建立專業網站！ 官方網站便是像店面般的存在，而且比實體店Readmore 網站設計系列｜UI/UX：表單設計的6大必學技巧 網頁表單是我們常常會用到的功能，如何設計Readmore 網站設計系列｜網站UI/UX中「按鈕設計」的7大技巧！這樣做大大增加轉換率 按鈕是網站UI/UX設計中最重要的一環之Readmore 網站設計系列｜如何在網站設計中有效的運用留白效果：4大秘訣分享 留白是網站設計趨勢中一種被廣泛應用的手法Readmore標籤:視覺設計UI/UX設計網站設計網頁設計網站架設發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*留言顯示名稱*電子郵件地址*個人網站網址在瀏覽器中儲存顯示名稱、電子郵件地址及個人網站網址，以供下次發佈留言時使用。

{{#message}}{{{message}}}{{/message}}{{^message}}無法完成傳送程序。

伺服器回應為「{{status_text}}」(代碼:{{status_code}})。

請聯絡這個表單處理程式的開發者以改進相關問題。

進一步了解{{/message}}{{#message}}{{{message}}}{{/message}}{{^message}}傳送程序已完成。

即使伺服器的回應為OK，一樣可能不處理傳送工作。

請聯絡這個表單處理程式的開發者以改進相關問題。

進一步了解{{/message}}正在傳送... Searchfor... 關於我們哈利熊是台灣最有趣的線上服務市集！我們的目標是解決傳統外包市場與接案時的種種問題，打造一個方便、好用的服務平台，讓斜槓與需要服務的人都能在我們網站上安心下單、更有效率的合作。

加入我們！瀏覽服務： IT與程式設計 視覺設計 影片動畫 音樂音效 行銷與企劃 商業支援 文書翻譯 線上教學 生活趣味 哈利熊臉書Seemore標籤雲Chatbot FB行銷系列 Instagram Logo Logo動畫 SEO工具 seo策略 TEDTALK WooCommerce youtube系列 互聯網 企業e化 健身 創業 命果報 咖啡 品牌建立 哈利熊是什麼 商業開發 嘉義 國外業務開發 在地商家seo 居家工作 工作效率 廣告文案 復古風格 心理測驗 技術SEO 正能量 溝通 潛能 瑜珈 甜點 生氣 生活 生產力風格 用人 直播 翻譯外包 腦力運動 臉書廣告 自由工作者 資安 連假 銷售近期文章 做好這6個電商行銷手法，你也可以輕鬆創造流量 不想再被平台抽成，WORDPRESS網站串金流其實超簡單? SEO專題：工程師最常犯的SEO優化錯誤 SEO專題：該如何面對即將到來的Google六月演算法更新？ 戶外運動好去處｜精選台灣北部休閒登山步道 近期留言「暴怒的人」在〈生氣的時候怎麼辦？8種讓自己冷靜下來的方式〉發佈留言「何正良」在〈數位轉型系列｜三個小插畫秒懂「數位轉型」不只是數位化！〉發佈留言「張愛玲」在〈行銷策略系列｜2021你一定要知道的行銷5大趨勢〉發佈留言「HoliBear哈利熊」在〈LinkedIn行銷系列｜2020年你一定要知道的十大LinkedIn數據〉發佈留言「JoeLien」在〈LinkedIn行銷系列｜2020年你一定要知道的十大LinkedIn數據〉發佈留言