Jasmine Logo
Blog 01 Cover

UI/UX 是什麼?用最簡單的方式告訴你!

前言

嗨呦我是 Jasmine,關於這篇文的誕生,其實是因為每當身邊的家人和朋友(尤其是長輩們)問起我的職業時,他們一頭霧水的表情和反應我實在是看太多了啦!!

Confusing

以上這個場景是不是很常見呢?(苦笑

然而這又是一門深奧的學問,很難以三言兩語解釋清楚,所以常常最後都以「我是做網頁和 App 的啦~」草草結束掉,但其實這樣說並不正確,那只是我工作中的其中一部分啊!(只是這樣說大家比較能大概知道我在做什麼QQ

不過,想想當時我自己一開始自學 UI/UX 設計的時候,也是爬了好多文查了許多資料才終於搞懂這個概念,於是今天我想寫一篇文章來聊聊到底什麼是「UI/UX」,也當作是我的學習筆記,希望可以幫助在自學途中、以及對這門學問有興趣的大家!

準備好了嗎,我們要開始囉~

一、什麼是 UI?

UI 的定義是什麼?

UI 是「User Interface」的簡稱,中文是「使用者介面」,其實它的範圍很廣,不只是指手機、電腦上的 App、網頁,舉凡是能被使用者「操作」、「運作」、「給予回饋」的介面,都是 UI!

遙控器也是 UI?來看看幾個生活例子吧!

最簡單好懂的例子就是家裡最常見的「電視遙控器」、「各式開關」了!

Tv Remote Control
App UI
Switch

沒錯,他們都是 UI!不是只有網頁和 App 介面是 UI 哦!

我第一次釐清這個觀念是因為讀了「不是你太笨,是爛UI的錯!非設計師也該學的介面設計常識」這本書,裡面清楚地用圖片說明了我們日常生活中的 UI/UX 問題,不只是 UI 設計師必看,它淺顯易懂又有趣的敘事方式也相當適合每個人閱讀

這類案例最令我印象深刻的就是經典的的水龍頭和門把設計,你以為要推結果是拉,以為往左是熱水結果是冷水……呃?

Faucet

看看上面這張圖,你是否能直覺地判斷這兩個問題:

01 你知道哪個開關是調整冷熱水的嗎?

02 你知道哪個開關是調整水量大小的嗎?

Doorknob

再來看看這個很 Fancy 的門把,很漂亮,對吧?

但是光看照片我並沒有辦法判斷它是可以直接拉開,還是需要轉動哪個部分呢?

「嗯……覺得困惑,好怕把它弄壞啊!」一但使用者出現這樣的想法,可能這就不是一個足夠「好用」的設計了。

諸如此類違反直覺的操作方式令人啼笑皆非,當然這是因為我們是旁觀者,要是在現實生活當中遇到可是會令人覺得煩躁和生氣的,甚至水龍頭的不良開關設計還可能造成使用者燙傷的危險

所以說,好的 UI 真的很重要啊!!!(大喊

二、什麼是 UX?

好的,接下來來介紹大眾較難理解的部分–「UX」!

UX 的定義是什麼?

UX 原文是「User Experience 」中文是「使用者體驗」,意思是你在使用某項產品或服務的時候的任何「感受」、「感覺」

這裡要特別注意哦,UX 是一種「抽象」的概念!

我們常常聽到有人說:「我是在做 UX 的。」其實這個說法有點奇怪,因為事實上 UX 並不能被「做」出來,畢竟每個人使用同一項產品會有不同的感覺,你總不能拿一塊香菜口味的餅乾給討厭香菜的人吃,然後逼他說好吃吧!!(直接哭給你看啦)

那該怎麼解釋 UX 呢?來看看幾個生活例子吧!

舉個日常的簡單例子,今天你到一間餐廳用餐,從你第一眼看到這間餐廳,「UX」這件事就開始啟動了!

從一開始他的招牌、店名、LOGO,到你走進餐廳時聞到的氣味(可能是飯菜香或店家的香氛味道),再到服務生送上菜單、為你做介紹、你看菜單、點餐、等餐、品嚐,到最後的結帳、店家的「謝謝光臨」,這一切的一切,都是「UX」的一部分!(推薦閱讀:UX從新手開始:使用者體驗的100堂必修課)

Restaurant

以這個例子來說,「UX」說的是你整個用餐過程的「體驗感」

假如你到這間餐廳,外面寫著義式餐廳,進到裡面聞到的卻是麻油雞香味、菜單拿來寫的是泰國料理,你會不會覺得奇怪、甚至有被騙的感覺呢?更不用說服務生沒禮貌,連問個餐點問題都會被白眼,那可是會讓人覺得火冒三丈的!(用餐體驗極差,我只是想好好吃個飯啊……)

Angry Customer

相反地,如果從一開始到最後,服務生都對你親切有禮,讓你感到舒適愉悅、有尊榮待遇的感覺,餐點也符合期待,料多味美,結帳時櫃檯也很親切,不會有一絲不耐,你離開時他們還跟你微笑說「謝謝光臨,下次再來哦!」,你是不是會「覺得」這是個愉快的用餐「體驗」,把它收進口袋名單下次再來光顧呢?(順手 Google 給他個五星好評!

所以,這就是為什麼某些注重品質的餐廳會在最後請你填一份用餐問卷,表達感想,好讓他們可以更進步、讓客人有個舒適的用餐環境和體驗,提升餐廳的水準,因為客人用餐的開不開心是他們服務的核心重點,再者,品牌形象對他們來說很重要啊~

Waiter

同場加映!有趣的網路圖片

附上一張最近網路上很紅的廁所門 Icon 設計,圖中門上各有一隻大象和長頸鹿,分別代表男女廁,但……你看得出來哪個是哪個嗎?

Toilet Door

這樣的設計真的會讓尿急的人很崩潰啊!!開錯門就尷尬了一不小心就被抓去警局……人家只是想上個廁所啊(大哭

所以到底哪個是哪個?來人啊,上解答!

有網友表示:

大象是用鼻子噴水,就像男性小便的畫面,代表男廁

長頸鹿上廁所時都會會岔開腿,所以是女廁

嗯……但是這些動物的特徵並不分性別啊,這邏輯確定合理??

Blackman Confusing

所以簡單地說是這麼一回事

好啦,看完了這些案例,來統整一下究竟 UI/UX 是怎麼回事吧!

以下我用廁所門的例子來說明 UI和UX 的相對關係與對應結果:

廁所門(包含手把、動物圖標)= UI(「具象」且可操作的「介面」)

你看到廁所門、進去上廁所的感覺和想法= UX(「抽象」的「感受」)

你看到廁所門(UI)第一眼覺得很可愛,接下來卻感到困惑,甚至內急不知道該開哪個門,進而感到煩躁恨憤怒,覺得這真是間爛廁所(UX)!!

如此便構成了常見的「漂亮 UI 卻有著糟糕 UX 」的問題了!各位在做設計的時候不可不上心呀~

看完了這些案例,你有沒有被點通的感覺呢?

下次遇到有人問你「什麼是 UI/UX?」的時候,不妨用這些例子說明或直接分享這篇文章給他吧!簡單又好懂!

結語

謝謝你的閱讀,如果你也對於 UI/UX 相關的資訊感興趣,歡迎訂閱我的部落格

我會把最有趣、實用的知識分享給你:

如果你喜歡這篇文章歡迎幫我拍個5下小手給我一點鼓勵,也歡迎在底下留言和我說說你的想法、並分享給你身邊的朋友!(尤其是設計師們哈哈哈)

我是Jasmine,我們下次見!

本篇提到的好書推薦清單

你渴望力量嗎柴犬圖

知識就是力量,如果你對於本篇提到的書籍有興趣,就點擊以下連結豐富你的知識庫吧

你的大腦是報酬率最高的一項投資標的,因為智慧是永遠不會背叛你的資產!

搜尋
Jasmine Sie Pic

JASMINE SIE|捷思敏

嗨我是 Jasmine

熱門文章
限量免費禮物
寶藏資源
  • 課程一
  • 課程二
  • 課程三
    查看更多>>
  • 書籍一
  • 書籍二
  • 書籍三
    查看更多>>
  • 書籍一
  • 書籍二
  • 書籍三
    查看更多>>
標籤雲

在〈UI/UX 是什麼?用最簡單的方式告訴你!〉中有 20 則留言

    1. 沒錯~~好的產品用起來就很順手,每次發現服務或產品有貼心功能就很開心!!
      期待未來的各種產品都能讓用戶體驗越來越好~

    1. 近幾年真的開蠻多 UI/UX 設計的職缺,不過實際工作內容是否真的相關就要多注意了~
      很開心讓你對這個概念有多一點了解,祝你找工作順利!!

  1. 哇,原來UI/UX都是徘徊在我們日常生活中,
    長知識了,感謝版主的分享,我學習到了很重要的資訊!

    1. 嗨嗨~我自己目前是 UI/UX Designer,覺得是很有趣和前途看好的職業~
      這部分我在下一篇文章會做更詳細的介紹,請等等我><

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端