UI/UX 傻傻分不清？｜3分鐘解釋 UI/UX 嘅分別
咁多位IT人可能會聽過 UI/UX，有時見到招聘廣告話請 UI/UX designer，佢哋係咪同一樣嘢呢？到底UI/UX係做啲咩呢？香港 UI/UX designer具體需要做啲咩呢？如果想了解多啲或者有興趣設計嘅你，可以睇下依篇文章了解更多啦〜

首先大家可以睇以下幅圖有一個初步了解：

UX(用戶體驗User Experience)

UX指嘅係使用者體驗，解決用家喺產品使用上嘅問題、提升使用者喺產品使用嘅流暢性。例如：UX designer要諗一個網上購物平台嘅流程係點，可能係貨品加入購物車嗰陣，加個按鈕係可以更改數量，唔洗買家去到購物車頁面先可以更改，提升用家方便程度；又或者個付款按鈕放邊個位置俾客人易啲見到，唔需要搵好耐等，依啲都係令佢哋體驗好一啲嘅設計。通常都係UX設計完再俾UI designer去設計風格，所以UX designer係好重要嘅角色，係設計緊成個產品嘅基礎，要好了解公司的產品先可以設計到完善嘅流程俾用家，同時UX設計師最好係了解多啲其他方面嘅知識，例如係coding language，因為了解咗先知道件事係可唔可行，唔會太過天馬行空。

身為一個UX設計師，我哋可能要諗嘅係：

要點樣改善網上購物嘅結帳流程？

用戶需要完成嘅步驟有邊啲？

按鈕應該要放喺邊？

現有嘅用戶體驗係夠唔夠直接清晰？

所以身為UX設計師，我哋可能需要完成嘅任務包括：

了解使用者需求

製作出客戶旅程地圖 （Customer Journey)

製作出客戶人物誌（Persona）

網站架構

使用者流程

任務流程

UI（用戶界面User Interface)

UI係整體望上去嘅感覺，係一個產品嘅呈現方式以及互動性，UI設計師可能需要諗下字體嘅大小、顏色、字型、標誌、按鈕嘅設計等等。舉個例子，就正如我哋用IG嘅聊天版面，可以選擇唔同主題，個主題設計同顏色就係UI designer需要做嘅嘢，而諗到有唔同主題/顏色依個功能就交俾UX designer。UI designer最重要嘅係要令用家留下記憶點，例如要設計一個網站/手機應用程式，要構思一下個主題/色調點樣令人有深刻印象，令人一打開就感覺到依個網/app就係依間公司，簡單啲講：「令人wow一聲！」

身為一個UI設計師，我哋可能要諗嘅係：

網站要用咩嘅顏色同風格？

按鈕要用咩嘅動畫？

要點樣運用對比嘅顏色增加文字嘅閱讀性？

所以身為UI設計師，我哋可能需要完成嘅任務包括：

設計品牌手冊

色盤

製作UI原型

圖標集

視覺設計檔案

簡單啲講，首先UX設計完個基礎（左圖），交俾UI再設計外觀（右圖），當然UX/UI designer唔止做咁少嘢啦，但主要嘅分別就係功能流程同外觀設計。

唔知大家睇完有冇了解多咗佢哋嘅分別，鍾意諗嘢、設計嘅你可能有興趣做UI/UX。雖然兩者嘅分別好大，但喺香港好多公司都會視為同一個職位，UX UI都要一齊做，冇分得咁清楚㗎，大家搵工時要了解清楚呀！！
<s>[INST] <<SYS>> 你是一個專業的博主。請用繁體中文就指定主題撰寫一篇不少於 400 字的粵語博客。你的博客應該包括引言、正文和結論。 你應該將正文分為幾個段落。您要把博客的內容寫得豐富且有趣。博客內容必須切合打工仔的興趣。如果您不知道指定的主題或沒有足夠的信息來編寫該主題，則應使用指定主題的前十個 Google 搜索結果來編寫它。 <</SYS>> UI/UX 傻傻分不清？｜3分鐘解釋 UI/UX 嘅分別 [/INST] 咁多位IT人可能會聽過 UI/UX，有時見到招聘廣告話請 UI/UX designer，佢哋係咪同一樣嘢呢？到底UI/UX係做啲咩呢？香港 UI/UX designer具體需要做啲咩呢？如果想了解多啲或者有興趣設計嘅你，可以睇下依篇文章了解更多啦〜

首先大家可以睇以下幅圖有一個初步了解：

UX(用戶體驗User Experience)

UX指嘅係使用者體驗，解決用家喺產品使用上嘅問題、提升使用者喺產品使用嘅流暢性。例如：UX designer要諗一個網上購物平台嘅流程係點，可能係貨品加入購物車嗰陣，加個按鈕係可以更改數量，唔洗買家去到購物車頁面先可以更改，提升用家方便程度；又或者個付款按鈕放邊個位置俾客人易啲見到，唔需要搵好耐等，依啲都係令佢哋體驗好一啲嘅設計。通常都係UX設計完再俾UI designer去設計風格，所以UX designer係好重要嘅角色，係設計緊成個產品嘅基礎，要好了解公司的產品先可以設計到完善嘅流程俾用家，同時UX設計師最好係了解多啲其他方面嘅知識，例如係coding language，因為了解咗先知道件事係可唔可行，唔會太過天馬行空。

身為一個UX設計師，我哋可能要諗嘅係：

要點樣改善網上購物嘅結帳流程？

用戶需要完成嘅步驟有邊啲？

按鈕應該要放喺邊？

現有嘅用戶體驗係夠唔夠直接清晰？

所以身為UX設計師，我哋可能需要完成嘅任務包括：

了解使用者需求

製作出客戶旅程地圖 （Customer Journey)

製作出客戶人物誌（Persona）

網站架構

使用者流程

任務流程

UI（用戶界面User Interface)

UI係整體望上去嘅感覺，係一個產品嘅呈現方式以及互動性，UI設計師可能需要諗下字體嘅大小、顏色、字型、標誌、按鈕嘅設計等等。舉個例子，就正如我哋用IG嘅聊天版面，可以選擇唔同主題，個主題設計同顏色就係UI designer需要做嘅嘢，而諗到有唔同主題/顏色依個功能就交俾UX designer。UI designer最重要嘅係要令用家留下記憶點，例如要設計一個網站/手機應用程式，要構思一下個主題/色調點樣令人有深刻印象，令人一打開就感覺到依個網/app就係依間公司，簡單啲講：「令人wow一聲！」

身為一個UI設計師，我哋可能要諗嘅係：

網站要用咩嘅顏色同風格？

按鈕要用咩嘅動畫？

要點樣運用對比嘅顏色增加文字嘅閱讀性？

所以身為UI設計師，我哋可能需要完成嘅任務包括：

設計品牌手冊

色盤

製作UI原型

圖標集

視覺設計檔案

簡單啲講，首先UX設計完個基礎（左圖），交俾UI再設計外觀（右圖），當然UX/UI designer唔止做咁少嘢啦，但主要嘅分別就係功能流程同外觀設計。

唔知大家睇完有冇了解多咗佢哋嘅分別，鍾意諗嘢、設計嘅你可能有興趣做UI/UX。雖然兩者嘅分別好大，但喺香港好多公司都會視為同一個職位，UX UI都要一齊做，冇分得咁清楚㗎，大家搵工時要了解清楚呀！！ </s>