【UI閱讀筆記】以人為本的使用者中心設計

閱讀時間約 1 分鐘
《人本×互動設計》有溫度的思考,讓設計滿足使用需求
發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
「設計不僅僅是產品的外觀與感受,設計是關於產品如何運作。」 —史蒂芬·保羅·賈伯斯

關於「人本×互動設計」

市面上其實蠻少「只單純討論使用者中心設計 (UCD) 」的書籍,大部分都是只淺談一點然後就進入了網站架構或UI設計流程,也因為每本書籍的篇幅有限,「使用者中心設計」這個概念又比較抽象一點,能真正將這個概念從落地到實踐作完整論述的內容也是偏少。
但是《人本×互動設計》真的是完全都在討論「以人為本」的互動設計,透過前置的使用者資料蒐集與數據分析,教您如何畫出心理與概念化模型,讓設計師規劃UCD的時候,也能了解自己的規劃是為誰而做。
圖源自金石堂

本書適合什麼樣的人呢?

「以人為本」的使用者中心設計其實在各種與人相關的設計領域都適用!包含工業設計師、程式設計師…等等的,只要對於人本體驗有興趣的人都可以買來翻翻看。
且由於本書收錄相當多的案例,許多概念與流程化設計也使用了清楚易懂的圖表作介紹,初學者也能夠輕鬆上手!
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
60會員
20內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Chris Peng的沙龍 的其他內容
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
從零開始:給0經驗UI/UX轉職者的心靈雞湯與實用乾貨 在本來的行業感到迷惘 我是原白色,本來在一個跟UI/UX八竿子打不著的紡織領域,在人生迷惘非常久之後的2021年,某個可能是覺得「我受夠啦!」的時刻,或是「就要這樣一輩子了嗎?」的低谷心情,我開始了認真有了轉職的念頭,而且不僅止於想像...
Thumbnail
「Feedback 回饋」是最直接面向使用者的一種元件分類,最常被拿來討論「這個功能友不友善」,這篇會整理常見的回饋元件,包含:模態(警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress)、非模態(互動元件 Modal、對話 Dialog)。
Thumbnail
這篇主要整理常見的 Navigation 導覽元件,像是:選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
Thumbnail
我們部門有一個美工團隊,以前稱為媒體設計(MD) 後來改名為UI團隊 某日,來了一位UI專家(空降的主管)。他說 他專研UI與使用者心理學…..八拉八拉  軟體的操作畫面並不是這麼簡單,必須經過研究、觀察使用者,不斷修正才行…八拉八拉 根據我的觀察,他的團隊仍是美工團隊 所以先用部門同仁測試
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
從零開始:給0經驗UI/UX轉職者的心靈雞湯與實用乾貨 在本來的行業感到迷惘 我是原白色,本來在一個跟UI/UX八竿子打不著的紡織領域,在人生迷惘非常久之後的2021年,某個可能是覺得「我受夠啦!」的時刻,或是「就要這樣一輩子了嗎?」的低谷心情,我開始了認真有了轉職的念頭,而且不僅止於想像...
Thumbnail
「Feedback 回饋」是最直接面向使用者的一種元件分類,最常被拿來討論「這個功能友不友善」,這篇會整理常見的回饋元件,包含:模態(警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress)、非模態(互動元件 Modal、對話 Dialog)。
Thumbnail
這篇主要整理常見的 Navigation 導覽元件,像是:選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
Thumbnail
我們部門有一個美工團隊,以前稱為媒體設計(MD) 後來改名為UI團隊 某日,來了一位UI專家(空降的主管)。他說 他專研UI與使用者心理學…..八拉八拉  軟體的操作畫面並不是這麼簡單,必須經過研究、觀察使用者,不斷修正才行…八拉八拉 根據我的觀察,他的團隊仍是美工團隊 所以先用部門同仁測試