學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計

更新於 發佈於 閱讀時間約 3 分鐘

易用性 (Usability)

當你設計產品或者UI/UX的介面設計時候,你要思考你的方案或產品是否可以解決使用者的問題,你可以從易用性 (Usability)方面思考,主要想法能不能為使用者達到以下要點:

  • 精准度 (Effectiveness) - 有多快完成目標的時間
  • 效率 (Efficiency) - 達到目標沒有花太多時間思考
  • 學習能力 (Learnability) - 使用者多快能熟悉你的產品
  • 預防錯誤 (Error Prevention) - 警示和避免使用者犯錯的設計
  • 記憶力 (Memorability) - 下次開啟你的產品時候,使用者花多久去使用你的產品


通用設計 (Accessibility)

無論你設計一個產品,除了你有特定的使用者族群,你是否有考慮過其他使用者呢?

舉例: 你設計一個A產品,目標為年輕人可以使用,但或許其他年齡層也可能會使用到,當他們使用你的A產品會不會有其他問題呢?


影片教學

   

總結

易用性: 考慮使用者是否能達到你的設計目標或解決他們的問題難度

通用設計: 你的設計產品是否能解決涵蓋多方面的使用者


額外資源教學

如何用FIgma製作個人作品集教學 - https://vocus.cc/article/645c733dfd89780001ffe890

學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計 - https://vocus.cc/article/64637f74fd8978000175c0f8

前端教學架設TodoApp

- https://vocus.cc/article/64637f74fd8978000175c0f8

學習如何用HMTL5和CSS3,跟JayLin一起做一個NFT卡片完整課程 - https://vocus.cc/article/64637f74fd8978000175c0f8

更多相關教學文章

JayLinXR YT: https://www.youtube.com/@jaylinxr

JayLinXR IG: https://www.instagram.com/jaylin_xr/

JayLinXR FB: https://www.facebook.com/JayLinXR


留言
avatar-img
留言分享你的想法!
avatar-img
JayLinXR
13會員
33內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
JayLinXR的其他內容
2024/11/17
本篇文章介紹如何使用Figma設計出高效的表單,適合各類設計師。文章內容包括2025最新UX/UI設計趨勢及實用技巧,並提供完整的教學視頻。學習重點包括介面熟悉度、色彩搭配、設計整體感以及對齊的重要性,助你提升設計效率和用戶體驗。立即訂閱頻道掌握未來設計技能!
Thumbnail
2024/11/17
本篇文章介紹如何使用Figma設計出高效的表單,適合各類設計師。文章內容包括2025最新UX/UI設計趨勢及實用技巧,並提供完整的教學視頻。學習重點包括介面熟悉度、色彩搭配、設計整體感以及對齊的重要性,助你提升設計效率和用戶體驗。立即訂閱頻道掌握未來設計技能!
Thumbnail
2024/06/01
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
2024/06/01
本篇文章將分享手機App設計教學,並往後介紹使用Flutter開發App的相關知識和技巧。透過這系列的分享,讀者將能夠學習如何利用設計和程式開發技能來製作一個App。文章中也提供了一些靈感來源和教學資源,幫助讀者進行設計和開發的思考和學習。
Thumbnail
2024/04/19
Heuristic 啟發式設計是用戶體驗設計的重要原則之一,涉及了許多與真實世界匹配、用戶控制、一致性和準則等方面,通過一些具體的例子解釋了這些原則的重要性。本文還提供了一些相關的視覺系統狀態和系統與真實世界匹配的例子,同時附帶了一些相關的教程和資料來源。
Thumbnail
2024/04/19
Heuristic 啟發式設計是用戶體驗設計的重要原則之一,涉及了許多與真實世界匹配、用戶控制、一致性和準則等方面,通過一些具體的例子解釋了這些原則的重要性。本文還提供了一些相關的視覺系統狀態和系統與真實世界匹配的例子,同時附帶了一些相關的教程和資料來源。
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
全球科技產業的焦點,AKA 全村的希望 NVIDIA,於五月底正式發布了他們在今年 2025 第一季的財報 (輝達內部財務年度為 2026 Q1,實際日曆期間為今年二到四月),交出了打敗了市場預期的成績單。然而,在銷售持續高速成長的同時,川普政府加大對於中國的晶片管制......
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
重點摘要: 6 月繼續維持基準利率不變,強調維持高利率主因為關稅 點陣圖表現略為鷹派,收斂 2026、2027 年降息預期 SEP 連續 2 季下修 GDP、上修通膨預測值 --- 1.繼續維持利率不變,強調需要維持高利率是因為關稅: 聯準會 (Fed) 召開 6 月利率會議
Thumbnail
這集跟大家初步介紹Next.js和如何安裝與設置最後製作一個作品集(Portfolio) 如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件 https://vocus.cc/article/645c733dfd89780001ffe890
Thumbnail
這集跟大家初步介紹Next.js和如何安裝與設置最後製作一個作品集(Portfolio) 如果對設計有興趣的朋友們可以看以下連結文章來學習Figma設計軟件 https://vocus.cc/article/645c733dfd89780001ffe890
Thumbnail
Todo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
Thumbnail
Todo App是一個很好學習程式語言的專案開始,JayLin來帶大家手把手用TypeScript | React | TailwildCSS 來做一個小專案
Thumbnail
學習易用性 (Usability)和通用設計(Accessibility) 區別
Thumbnail
學習易用性 (Usability)和通用設計(Accessibility) 區別
Thumbnail
今年我們家實習生執行了一個訪談計畫,要去研究 UX 的自學者在學習過程中遇到的困難。 在聆聽幾場訪談後,我更明確感受到許多朋友對於 UX 領域有這麼多方法論,不知道該如何下手學習的焦慮。 其中一個核心關鍵,也包括囫圇吞棗了這麼多理論方法之後,不知道該如何用一個作品來表達出來。 我認為在這個過程中,我
Thumbnail
今年我們家實習生執行了一個訪談計畫,要去研究 UX 的自學者在學習過程中遇到的困難。 在聆聽幾場訪談後,我更明確感受到許多朋友對於 UX 領域有這麼多方法論,不知道該如何下手學習的焦慮。 其中一個核心關鍵,也包括囫圇吞棗了這麼多理論方法之後,不知道該如何用一個作品來表達出來。 我認為在這個過程中,我
Thumbnail
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
一個UX設計師在成長過程中,除了設計思維的提升外,對於細節的掌握也需要特別的注意,尤其交付Wireframe和UI Flow時。一個系統化的自查表可以避免許多曾犯的錯誤ㄧ再發生,減少設計稿來回次數,也不用再穿防彈衣跟開發技術人員討論了。
Thumbnail
現實生活中的工作所做的產品,常常受限於老闆所想要的、或是某個客戶說想要什麼功能,就會照著這樣的需求去做設計開發。 而實際上打造成功的產品也是這樣的流程嗎?這是我一直很好奇的領域,成功打造出讓用戶愛不釋手、解決用戶問題、讓用戶生活更便利快樂的產品,從發想到設計是怎麼做的呢
Thumbnail
現實生活中的工作所做的產品,常常受限於老闆所想要的、或是某個客戶說想要什麼功能,就會照著這樣的需求去做設計開發。 而實際上打造成功的產品也是這樣的流程嗎?這是我一直很好奇的領域,成功打造出讓用戶愛不釋手、解決用戶問題、讓用戶生活更便利快樂的產品,從發想到設計是怎麼做的呢
Thumbnail
誰適合讀本篇? 1. Junior 產品經理 2. 想學Level 1的PRD 3. 想打造工具型產品的人
Thumbnail
誰適合讀本篇? 1. Junior 產品經理 2. 想學Level 1的PRD 3. 想打造工具型產品的人
Thumbnail
誰適合讀本篇? 1. Junior 產品經理 2. 想學PRD(User Story、Wireflow等) 3. 想打造工具型產品的人
Thumbnail
誰適合讀本篇? 1. Junior 產品經理 2. 想學PRD(User Story、Wireflow等) 3. 想打造工具型產品的人
Thumbnail
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
Thumbnail
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News