你的 UI 決定我的 UX

更新 發佈閱讀 3 分鐘
vocus|新世代的創作平台

視覺,是吸引我們目光的第一要素。

感受,是決定我們願意停留多久的關鍵。

生活中大大小小的事都脫離不了視覺,映入我眼中的所有畫面都像是 UI 使用者介面;打開抽屜衣服的擺設、晚餐餐桌上的擺盤、汽車上的儀表版、個人的穿著以及給人的感受,都能夠用 UI 、UX 做解析。

好比說我的穿搭,怎麼配色、搭配甚麼皮帶、甚麼鞋子、上衣跟褲子的剪裁,整體結合起來就是 UI ,也就是使用者介面,我在每個人的眼中都是他們的使用者介面。

而和我相處後的感覺、聊天過程中的感受、後續對我這個人的評價,就像是 UX,也就是使用者體驗,體驗的好就會擁有眾多的粉絲 (朋友),體驗的深回流率就高 (喜歡找你聊天)。

每個人都可以比喻成一個產品,有記憶點、引人注目的 UI 加上使用感受良好的 UX,在市場就能為自己帶來很多機會。

做設計的人其實很需要有產品的思維,不然很容易陷入美感的框架,如果可以接觸到銷售報告、素材的轉換率,透過數據的分析來覆盤,常常可以發現到設計端的想法跟實際消費者的想法有一定的落差。

有質感的產品不一定賣的好,賣得好的產品在設計眼中可能毫無美感,所以擁有產品思維的設計,要從末端開始研究,也就是針對的對象是誰。

比如說如果要賣保健產品,那 landing page 的銷售頁面字體就不能太小,因為你的客群可能是長輩,但字體太大就失去了設計的質感,這就是 UX 的部分。

UI 可以靠練習跟經驗來累積,但 UX 需要的是你對生活有沒有感覺,你對遭周事物的觀察入不入微,時刻去感受你的感受,每個生活中的流程體驗都是一段 UX,設計常提到 Insight 這個詞,中文意思指的是洞察。

也可以說你的 Insight 決定你的 UI 且影響你的 UX,其實洞察力說穿了就是你的生活感知力,那要怎麼培養這個能力呢 ? 最簡單的方式就是『 活在當下 』,並且對你好奇的事、有疑問的事花點時間做『 深度思考 』,長久下來你的感受力一定會明顯提升。

留言
avatar-img
老沈OS的沙龍
15會員
31內容數
老沈OS的沙龍的其他內容
2024/04/05
你知道西元出生年月日,隱藏一連串的數字密碼嗎? 能夠看出天賦與盲點,幫助你在許多角度都能提昇,有別於一般生命靈數,生命數字更著重在每一個數字的影響力以及所處在的低階、中階或高階的狀態。 每一個數字的狀態不同,融合在一起就會有不一樣的結果。 生命數字最基本的算法就是將你的西元出生年月日加先總起
Thumbnail
2024/04/05
你知道西元出生年月日,隱藏一連串的數字密碼嗎? 能夠看出天賦與盲點,幫助你在許多角度都能提昇,有別於一般生命靈數,生命數字更著重在每一個數字的影響力以及所處在的低階、中階或高階的狀態。 每一個數字的狀態不同,融合在一起就會有不一樣的結果。 生命數字最基本的算法就是將你的西元出生年月日加先總起
Thumbnail
2022/08/22
不管是食衣住行育樂到知識付費、線上課程、線上直播研討會等,都可以看到許多產品透過一頁式網頁再做宣傳。 市面上有非常多的工具可以製作『 一頁式網頁 』,因其目的性的不同,可以分為 : 專門製作一頁式網頁的工具,著重 A/B TEST、數據分析 電郵行銷為主的名單收集頁,以自動化行銷、銷售漏斗為強項
Thumbnail
2022/08/22
不管是食衣住行育樂到知識付費、線上課程、線上直播研討會等,都可以看到許多產品透過一頁式網頁再做宣傳。 市面上有非常多的工具可以製作『 一頁式網頁 』,因其目的性的不同,可以分為 : 專門製作一頁式網頁的工具,著重 A/B TEST、數據分析 電郵行銷為主的名單收集頁,以自動化行銷、銷售漏斗為強項
Thumbnail
2022/08/21
有經營電商的朋友免不了要設計各種行銷素材,不管是 FB、IG、Line@ 選單或是一頁式銷售頁的視覺等。 如果自己有養設計團隊倒是還好,但如果是剛起步的小賣家或是人力資源有限的小品牌的話,通常就會校長兼撞鐘,甚麼事情都自己來。 但隔行如隔山,不是設計專長的人做出來的素材就是有那麼點『 怪 』。
Thumbnail
2022/08/21
有經營電商的朋友免不了要設計各種行銷素材,不管是 FB、IG、Line@ 選單或是一頁式銷售頁的視覺等。 如果自己有養設計團隊倒是還好,但如果是剛起步的小賣家或是人力資源有限的小品牌的話,通常就會校長兼撞鐘,甚麼事情都自己來。 但隔行如隔山,不是設計專長的人做出來的素材就是有那麼點『 怪 』。
Thumbnail
看更多
你可能也想看
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
第一印象不只是產品的外觀、視覺,像是文案、聲音、氣味…都會令人產生印象。了解第一印象,可以讓我們從更廣的視角,去觀察和設計一個產品、一個品牌,甚至是一個廣告活動。另外,因為我們的產品是要給人們使用的,所以我們需要了解目標,才能更好地抓住人們的注意力,在短暫的時刻中留下印象。
Thumbnail
第一印象不只是產品的外觀、視覺,像是文案、聲音、氣味…都會令人產生印象。了解第一印象,可以讓我們從更廣的視角,去觀察和設計一個產品、一個品牌,甚至是一個廣告活動。另外,因為我們的產品是要給人們使用的,所以我們需要了解目標,才能更好地抓住人們的注意力,在短暫的時刻中留下印象。
Thumbnail
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
Thumbnail
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
Thumbnail
今年我們家實習生執行了一個訪談計畫,要去研究 UX 的自學者在學習過程中遇到的困難。 在聆聽幾場訪談後,我更明確感受到許多朋友對於 UX 領域有這麼多方法論,不知道該如何下手學習的焦慮。 其中一個核心關鍵,也包括囫圇吞棗了這麼多理論方法之後,不知道該如何用一個作品來表達出來。 我認為在這個過程中,我
Thumbnail
今年我們家實習生執行了一個訪談計畫,要去研究 UX 的自學者在學習過程中遇到的困難。 在聆聽幾場訪談後,我更明確感受到許多朋友對於 UX 領域有這麼多方法論,不知道該如何下手學習的焦慮。 其中一個核心關鍵,也包括囫圇吞棗了這麼多理論方法之後,不知道該如何用一個作品來表達出來。 我認為在這個過程中,我
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
大多數的人初次跟 UIUX 設計師合作時,總是摸不著頭緒,不知道實際上軟體領域的設計師們所產出的設計究竟該從什麼標準來討論。 而「設計師」這個名稱,讓人聯想到的幾乎都是「視覺設計」、「平面設計」的工作內容,例如廣告 Banner 的設計、名片的設計、Logo 或企業識別的品牌設計等。 老實說,就連剛
Thumbnail
大多數的人初次跟 UIUX 設計師合作時,總是摸不著頭緒,不知道實際上軟體領域的設計師們所產出的設計究竟該從什麼標準來討論。 而「設計師」這個名稱,讓人聯想到的幾乎都是「視覺設計」、「平面設計」的工作內容,例如廣告 Banner 的設計、名片的設計、Logo 或企業識別的品牌設計等。 老實說,就連剛
Thumbnail
隨著網路科技的精進,每天有上億筆資料被記錄在伺服器上,洩漏你我的數位足跡,企業主都想透過大數據挖掘市場商機,精準預測下一個爆品,實際上人們的消費動機極為複雜,決定購買的流程遠比他們能描述的還要細膩。
Thumbnail
隨著網路科技的精進,每天有上億筆資料被記錄在伺服器上,洩漏你我的數位足跡,企業主都想透過大數據挖掘市場商機,精準預測下一個爆品,實際上人們的消費動機極為複雜,決定購買的流程遠比他們能描述的還要細膩。
Thumbnail
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
視覺,是吸引我們目光的第一要素。 感受,是決定我們願意停留多久的關鍵。 生活中大大小小的事都脫離不了視覺,映入我眼中的所有畫面都像是 UI 使用者介面;打開抽屜衣服的擺設、晚餐餐桌上的擺盤、汽車上的儀表版、個人的穿著以及給人的感受,都能夠用 UI 、UX 做解析。
Thumbnail
視覺,是吸引我們目光的第一要素。 感受,是決定我們願意停留多久的關鍵。 生活中大大小小的事都脫離不了視覺,映入我眼中的所有畫面都像是 UI 使用者介面;打開抽屜衣服的擺設、晚餐餐桌上的擺盤、汽車上的儀表版、個人的穿著以及給人的感受,都能夠用 UI 、UX 做解析。
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News