UI/UX哪裡不同?白話文一次搞懂UX/UI

UI/UX哪裡不同?白話文一次搞懂UX/UI

經理人 Managertoday
https://bnextmedia.s3.hicloud.net.tw/image/album/2021-04/img-1618212885-44072@900.jpg
UX (使用者體驗)設計和UI(使用者介面)設計如何定義、差別是什麼?UX、UI設計師的職能哪裡不同?本篇讓你一次搞懂UX和UI!
你是不是常常聽到「這個產品的 UX 做得怎樣」、「這個網站的 UI 如何如何」?到底 UX 和 UI 如何定義、差別是什麼?兩者之間又有什麼交集?本篇幫你一次整理好,讓你一次搞懂 UX 和 UI! UX 和 UI 有什麼不一樣? UX UI 定義 User Experience(使用者體驗),強調根據使用者習慣設計產品,可應用於實體和數位產品。 User Interface(使用者介面),主要設計介面上功能,強調便利性和美學,只應用於數位產品。 重點 從頭到尾,完整的使用者感受。 使用者在操作時的介面。 結果 透過實測和意見蒐集,確保產品每一步操作符合邏輯,可以解決使用者痛處,讓其使用產品時可以順利、滿意。 成功美化網站或 App 外觀,從按鈕、配色到打字系統,都能精美、順手的呈現於使用者眼前。 UX:使用者體驗 User Experience User Experience(UX)一詞出現於 1990 年代,由尼爾森諾曼公司發明,指的是使用者和一間公司「全面的互動體驗」,包括產品和服務。所以 UX 不僅限於數位產品,包括車子、街燈、刮鬍刀等都應該重視使用者體驗,才能不斷改善產品,端出更好的內容。 UX 設計專注設計「過程」,也就是使用者在使用某個產品時所獲得的體驗。 Amélie Mourichon on Unsplash UI:使用者介面 User Interface User Interface(UI)則聚焦於視覺層面,透過美化設計加強產品質感,是 UX 的其中一環。做 UI 非常重視設計美感,網站和 App 的按鈕、打字系統、整體配色都是重點,更重要的是如何做好視覺引導,讓用戶使用產品時不會產生疑惑,能夠「一看就懂」。 UI 設計的目的是做好產品的視覺引導,讓使用者「一看就懂」。 Alvaro Reyes on Unsplash 以下幾個比方,或許有助於你更加了解 UX 和 UI 差異: 有 UI 沒 UX,就像畫家不經思考就隨意潑墨到畫布上,沒人看得懂;有 UX 沒 UI,就像雕像有了雛形,卻沒塗上混凝土。 或者,你也可以說:UI 是馬鞍、拴繩,而 UX 則是騎馬奔馳的感受。 UX 和 UI 如何影響彼此? 那麼對於產品而言,究竟 UX 和 UI 哪個比較重要?答案是,一樣重要。 想像你在開發一款還沒人做過、可以解決許多人困擾的 App。一開始,你一定會找 UX 設計師,替你做市場調查,先了解用戶的困擾後,再開始規劃一連串使用者行為,以及最終期望的使用者體驗。 但等你的 App 做出來後,卻發現用戶在使用時,覺得介面上的字體非常不易閱讀,或是按鈕距離太近、很容易按錯,這時就不難了解到 UI 有多重要。好的 UI 設計就像蛋糕上的草莓,畫龍點睛,讓人更想擁有產品。 UX、UI 設計師職能大不同 雖然 UX 和 UI 相輔相成,但要精通兩者實在不容易,多數人只會專注發展其中一項,而不論想成為 UX 設計師、還是 UI 設計師,兩者同樣須具備開放心態、溝通技巧、團隊合作、同理心,以及問題解決能力。 以下從軟、硬實力兩方面進一步分析,UX、UI 設計師的差異: UX 設計師 UI 設計師 軟實力 好奇心、持續學習能力、批判性思考 適應力、創意思考 硬實力 市場調查、用戶行為分析、線框稿、原型、程式語言、資科邏輯 字體、圖像設計、用戶反應設計動畫、互動設計 至於待遇部分,雖然許多產業都有開 UX、UI 設計相關職缺,但每個產業的薪資水平不同,並沒有標準答案,所以不妨先從自己感興趣的產業了解看看吧! 資料來源/CareerFoundry 本篇不提供合作夥伴轉載使用