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

更新 發佈閱讀 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會員
39內容數
設計 + 程式,是一個出版對設計和程式的學習影片和教學文章,目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤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樣超實用旅遊好物!減緩我的焦慮感。
Thumbnail
去歐洲真的是又興奮又緊張。網路上常說歐洲治安不好,行前說明會時領隊也提醒:「不要背後背包,隨身物要放在前面比較安全!」 但出國玩總是想打扮得美美的啊~而且隨身總得帶些實用小物:雨傘、濕紙巾、小瓶水、萬用藥膏……體積雖小,但零零總總裝起來也不少。我在蝦皮購買了這4樣超實用旅遊好物!減緩我的焦慮感。
Thumbnail
開箱 3 套深受 0-6 歲寶寶喜愛的互動式童書,包含 Bizzy Bear 推拉書、小小音樂大師有聲書、Poke A Dot 泡泡書,有效提升寶寶閱讀興趣與親子共讀時光。搭配蝦皮雙 11 購物攻略,教你如何鎖定免運、折價券、高額回饋,並透過蝦皮分潤計畫,將日常購物開銷轉化為穩定育兒基金,聰明消費。
Thumbnail
開箱 3 套深受 0-6 歲寶寶喜愛的互動式童書,包含 Bizzy Bear 推拉書、小小音樂大師有聲書、Poke A Dot 泡泡書,有效提升寶寶閱讀興趣與親子共讀時光。搭配蝦皮雙 11 購物攻略,教你如何鎖定免運、折價券、高額回饋,並透過蝦皮分潤計畫,將日常購物開銷轉化為穩定育兒基金,聰明消費。
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反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
Thumbnail
在這本書中,我們將向你介紹UX的核心概念和方法,從使用者研究到界面設計,再到使用者測試。你將學到如何站在使用者的角度思考,創建令人難忘的數位體驗。無論你是想入門還是深入研究UX,這本書都將為你提供寶貴的知識和靈感。準備好開啟UX之旅了嗎?讓我們一起出發吧!
Thumbnail
在這本書中,我們將向你介紹UX的核心概念和方法,從使用者研究到界面設計,再到使用者測試。你將學到如何站在使用者的角度思考,創建令人難忘的數位體驗。無論你是想入門還是深入研究UX,這本書都將為你提供寶貴的知識和靈感。準備好開啟UX之旅了嗎?讓我們一起出發吧!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News