前言

嗨呦我是 Jasmine,歡迎來到「茉亞方舟」

看了上次的職位介紹文章你是否對於成為 UI 、UX 或 UI/UX 設計師感興趣,但不知道自己適合往哪個方向前進呢?

面臨選擇障礙的男子
「好像都很有趣耶,要選哪個好呢?」

UI 、UX 、UI/UX 設計師各要做什麼?看圖大解析!

一、番茄醬罐的謬誤

下面這張圖相當常見,很多人在解釋什麼是 UI/UX 的時候都會拿出這張番茄醬罐的圖來說明,說左邊的是 UX 右邊的是 UI,但其實這樣的說法是錯誤的

事實上,這兩個罐子都是 UI,不過左邊開口朝下的罐子比右邊的明顯多了「UX」的思維,設計者因為考慮到「使用者」在取用番茄醬的「便利性」,以及巧妙地利用了「地心引力」讓剩餘的醬料集中到瓶口,讓人即使在所剩不多的「情況」下也能輕鬆擠出醬料,而不用倒過來等半天,甚至還有許多殘留物造成浪費,是較為友善使用者(User Friendly)的聰明設計!

開口分別朝上與下的番茄醬罐
這兩種罐子,你喜歡哪一款呢?

二、左腦 V. S. 右腦?邏輯思考 V. S. 視覺設計?

「當 UX 設計師是不是要比較靠左腦做事?邏輯思考要很強嗎?

下圖是人類左右腦所負責的工作區域分布,一般來說,左腦主要掌管的是「科學」、「邏輯」、「分析」、「溝通」等等的能力,比較偏理性思考的部分;

而右腦則是掌管「藝術」、「感覺」、「創造力」、「情感」相關的部分,也就是人家常說的「理性腦」、「感性腦」的差別。

大致上來說,UX 設計師的工作時常需要透過分析一些質性和量化的資料去發想解決方案,因此相對地「邏輯思考」和「解決問題」的能力就要比較強,觀察力要敏銳一些!

UI 設計師則比較專注在「美感」和「資料易讀性」,包括字體、顏色、版面編排等等,因此會動用到比較多「右腦」的腦力!

左右腦的分區圖片
左右腦的分區

三、淺談UX 和 UI 設計師的分工

UX V.S. UI 設計師的工作-1
UX V.S. UI 設計師的工作-1

這張圖的左邊是 UX 設計師的工作內容,主要有 Persona(人物誌)、User Stories(使用者故事)、User Research(使用者研究)、Usability Testing(易用性測試)、Wireframe(線框稿)等等,使用者研究可能會給專職的 User Researcher 去做,而 Wireframe 的部分則有很高的機會是和 UI 設計師一起討論出來的;

右邊則是 UI 設計師負責的項目,有 Wireframe(線框稿)、Layout(版面配置/佈局)、Visual Design(視覺設計)、Branding(品牌形象設計),我是認為後面兩項應該交由專職的視覺設計師去做,雖然都是設計師,但這兩個其實是不同的專業領域!

不過有些公司真的會把設計的工作都交給同一個人負責(尤其是 UI/UX 設計師),在求職時要問清楚~

如果對於設計師在團隊的分工想更加了解的話,可以參考這篇文章

四、常見的工作分配

UX V.S. UI 設計師的工作-2
UX V.S. UI 設計師的工作-2

上面這張圖清楚地標出了一些 UX 和 UI 設計師常見的工作內容,我們可以再次確認,「UX 設計師」負責的是比較偏向前期的研究工作,例如數據分析、繪製架構圖、Wireframe(線框稿)、使用者分析等等;

而「UI設計師」則要負責產品的視覺設計、內容編排等比教偏向圖像設計與呈現方式的工作,兩者的合作其實相當緊密,甚至有部分會一同討論完成,兩者的分工其實沒有絕對,實際狀況看各家公司怎麼分配哦!

往下滑開始測驗!!

測驗開始!我到底要做哪種設計師呢?

在有了基本的了解後,開始今天的測驗吧!

歡迎來到「茉亞方舟」!

這裡有個專屬 UI、UX 設計師的性向測驗,

希望能幫助到你釐清自己的屬性、找出適合自己的職涯定位!

Your Name
Your Email
1. 你是個善於邏輯思考的人嗎?
2. 你是個細心的人嗎?
3. 你對於流程規劃有興趣跟能力嗎?
4. 你喜歡發現與嘗試新的設計風格嗎?
5. 你擅於與人溝通、團隊合作嗎?
6. 你的表達能力好嗎?
7. 你喜歡製作漂亮的圖更勝於畫架構圖嗎?
8. 你擅長向人說明自己的想法嗎?
9. 你是否常發現問題並試著想辦法解決呢?
10. 你是個有耐心的人嗎?
11. 你喜歡和人討論議題嗎?

結語

恭喜你完成測驗!

不過這個測驗僅是大致分類,結果僅供參考,Jasmine 還是鼓勵大家把兩個領域的知識和技能都學起來,畢竟工作內容可說是密不可分,懂的越多就越合作順利,成長的機會也越多哦!

覺得有趣的話不妨分享給身邊的朋友,並訂閱「茉亞方舟」,讓我分享更多知識給你!

現在的你有沒有對自己更了解一點呢?

歡迎在底下留言你是什麼設計師!!!

我是 Jasmine,我們下次見!