全部 108課綱概論素養面面觀職業試探升學專區時事焦點
精選文章
想成為超紅的設計師嗎?一次帶你讀懂UI/UX差異
#UX
# User Interface
# Photoshop
# Illustrator
# Fireworks
# 設計
更新時間   2024-04-26
瀏覽量   1,266
作者    張偉豪
責任編輯    李佳綺
你是否有聽過UI /UX的設計師行業,他們是最近幾年才出現的工作名詞,隨著科技網路的普及,人們在使用網頁和APP時會需要更好的介面和流暢度,UI還有UX就是乘著這股潮流興起的一項工作。

很多人會把UI和UX搞混,其實不太一樣,只是所學的東西有不少重疊的地方,會UX的人不一定有UI的美感,會UI的人也不一定會有UX的能力,雖然兩項相通但仍要搞清楚其中的差異,才能找到自己未來公司缺甚麼人才,或者是自己未來想走到哪個領域。

那麼讓我們來看看UI和UX到底是什麼,他們又有什麼差異。

何謂UI:

全名為使用者介面(User Interface),需要去考慮產品怎麼呈現,要考慮顏色、圖像、字體大小、按鈕設計、插圖、Icon等要素,讓使用者能夠更直觀的去找到自己需要的資訊(例如突顯重點訊息),同時保持整體風格一致,從概念到最後執行,設計出高品質的視覺觀感,範圍從平常的網頁到APP桌面都有,目前來說UI更著重在整體視覺上的設計。你可能會使用到Photoshop、Sketch、Illustrator、Fireworks等工具。

何謂UX:

全名為使用者體驗(User Experience),以使用者為中心,比起介面更多的是用起來的感覺,它其實是一連串嚴密地過程,通常會先分析市場,並且針對市場做使用者訪談,找出問題並嘗試改善。之後當UX設計出來後,會透過一些檢驗,像是真人測驗,能夠直接觀察使用者行為,並且收到使用產品的Feedback,接著再用這些反饋重新去修改或設計產品,所以UX設計師除了頁面以外,追求的是如何解決「使用者的問題」,進而安排整個網頁的內容規劃,點開網頁時要先出現何種內容,進入下一頁時的內容、版面安排、行動按鈕、導覽設計、整體轉換流暢度都是UX相關,必須要符合邏輯,創造出舒適的使用者體驗。除了Photoshop、Illustrator,可能會用到的工具有心智圖、Fireworks、InVision、Adobe XD、HCI系統等等。

差異小總結:

UI和UX的差別就像是,當你點進一個網頁,頁面質感高級,但是你花了半小時還無法達到預期的使用效果(例如修圖、發文),那麼網頁的UX就需要改進。如果今天頁面設計很差,可是內容一目了然,那麼是UI需要加強。而通常會先擁有UX後UI再根據UX擁有的框架去填補,需要很細緻的設計。UX比起設計更需要橫跨資訊、傳播、心理等學科,偏重消費者心理學的研究,專注在產品互動,雖然不是一定,但工作上較容易遇到程式語言。

共通點:

雖然UI和UX不同,但都必須了解當今的市場趨向,知曉公司的顧客群到底想要什麼,如此一來才能傳遞正確的訊息來吸引顧客,以現在來說,小公司其實沒有將UI和UX沒有分那麼開,老闆會希望兩項能力同時具備。

另外補充一點,雖然UI設計師是做網頁或APP的設計,但其實沒有一定要會程式語言,因為UI是專業分工下的產物,你必須要將設計稿做到最完善,每天花好幾個小時在頁面上修改。

UI/UX發展

前面提到,它是專業分工下的產物,是很細的領域,所以現今其實並沒有一個系很明確地叫UI/UX科系,不過因為主要還是美工設計,所以歸類在設計系底下。如果是UI可以從平面設計相關科別出發,如果是UX可以去找找看人機互動領域的科系(也能從UI轉UX),都能學習的話反而更好,因為當今設計師跟其它職業一樣,要求越來越高,光是了解使用者早已不夠,還需結合大數據分析、商業模式、數位行銷等領域,需要花費大量的時間去學習,同時還要擁有良好的語言能力與人際溝通能力,你必須和不同的部門去討論你的想法,以達成最終的設計成果,如果沒有溝通,那再好的設計也可能無用。

如果不是設計科系出生,其實也能夠自學,或是去外面的補習班找資源,另外,雖然不一定需要,你也可以學習HTML和CSS或是JavaScript等程式語言,會是很好的加分,學越多你的產值越大。

比起其他設計工作,UI/UX可能薪水不錯,但既然走到設計這行,實際上一樣會有經常性加班,或是趕工作進度的壓力,要有一定的心理準備。未來的路沒有說一定會到哪個領域,你必須透過大量嘗試找到適合自己的生涯。但如果你對於設計有興趣,不妨考慮看看UI/UX設計師,相信努力過程中你會有大量收穫。