🍨【人閱讀的 6 條準則】#設計心理 #圖像視覺

更新於 發佈於 閱讀時間約 4 分鐘
您好,感謝您的閱讀 :D
本專欄是圖解讀書會的文字版,此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,如果您喜歡或關注知識圖卡、知識圖解、圖卡設計、用戶體驗相關話題,歡迎追蹤本專欄。
圖解筆記《設計師要懂心理學》

01 大寫用於引起注意

也許你有聽說過,字母都大寫,或大小寫混和會難以閱讀,但實際上人們並非是以單詞來閱讀,而是透過識別字母來認出單詞的,而人們有三種閱讀方式,分別是,注視(停頓,fixation)、掃視(Saccade)、回視(regression)。
大寫用於引起注意
你可以看看圖卡,其中跳躍的弧線是眼跳,粉紅點代表注視或停頓處,掃視每次能看7~9個字母,在往下看時,會有10~15%進行回讀,你或許可以注意到,上述未提及字母大小,是的,字母大小寫並不會影響閱讀。
換言之,人們會感受到大寫字母難讀是因為沒有形成習慣,若習慣後,閱讀大寫會跟閱讀小寫一樣迅速。
👉 在製作圖卡或設計時,可以運用用戶尚未養成看大寫的習慣,將文章或標題用大小,或是要刪除文章時,彈出的提醒視窗用大寫提醒用戶。(此處指英文,若對應到中文,則是可以運用字號或加粗)

02 下標題可增加閱讀理解

在上一篇人觀察的12條準則中,有提到閱讀理解會受到用戶的心智模型影響。
下標題可增加閱讀理解
用戶並非是逐字逐句全部看完來理解內容,而是在大腦中會有預判,會受到用戶所具備的知識、閱讀視角(一篇文章,用戶扮演老師或學生,獲得的內容不同)、閱讀前說明、閱讀等級(難易度)影響。
因此,寫上有意義的標題,比如,現在本篇文章的 01 02 03 04 會至少讓用戶知道,原來這段文字是在講這個內容啊,閱讀理解會增加。
👉 這也是金字塔原理:結論先行的概念,讓用戶先清楚知道接下來要表達什麼,降低用戶辯別資訊的認知負荷——這件事對於製作圖卡或各種設計時非常重要,標題除了提升閱讀理解,也影響用戶是否會繼續閱讀喔!

03 襯線體與非襯線體在可讀性上沒有顯著差異

書中提到,許多人認為襯線體與非襯線體對於閱讀有差異,但其實研究指出,兩者在可讀性(閱讀理解、閱讀速度、使用傾向)沒有差異,除非使用裝飾性過強的字體才會影響閱讀
值得注意的是,當用戶覺得字很難閱讀時,會連帶判斷是閱讀的內容很難。
襯線體與非襯線體在可讀性上沒有顯著差異
👉 在製作圖卡或設計時,若有閱讀需求,盡可能別使用裝飾性太強的字體,避免用戶難以閱讀,而連帶讓內容難以被傳遞。

04 字號會影響可讀性

x 高度(x-height)是指字體小寫時的字母 x 高度,所以即使字號(大小一樣),兩個不同 x 高度的字,看起來大小也不一樣。
通常 x 高度越高,可讀性越高,但高到一個程度時,由於上升部與下升部會變短,反而變得不好辯別,因此要選擇適合的大小。
字號會影響可讀性
有文獻指出18pt與24pt對學習者是最有利的。
引自:閱讀行為眼動跟踪研究綜述
👉 在製作圖卡或設計時,要注意字號不能太小,文獻指出18pt與24pt對學習者有利的,給大家參考。(通常我會盡可能別小於12pt)

05 電腦閱讀用白底黑字是最佳組合

電腦相較於電子書. 印刷品而言,影像部穩定、常刷新,而且會反光,會造成眼部疲勞,此時可以用白底黑字+調大字體。
電腦閱讀用白底黑字是最佳組合
👉 在製作圖卡或設計時,也可以參考用白底+深色字,讓用戶閱讀更舒適。

06 每行字數多讀得快

Mary Dyson(2004)曾針對行寬進行研究,發現當單欄每行100字符時,用戶閱讀的速度最快,而採取分欄且每行45-72字符時,用戶最喜歡該頁面。
分段會讓用戶閱讀時間增加,是因為每次到段末,用戶眼睛的掃視與凝視都會被打斷,每行都較短,閱讀全文被打斷的次數就多。
也就是說,若是閱讀速度重要,每行用100字符;若閱讀速度不重要,每行用45-72字符;若是文字過多,每行用45字符並分欄,讓用戶看起來比較舒服。
每行字數多讀得快
👉 製作圖卡或設計時,若有使用到大量字符,可按照是否需要閱讀速度來決定每行的字符。
週六更新【人記憶的 8 條準則】 :D
若喜歡本篇,請點愛心支持 :D
為什麼會看到廣告
圖解讀書會後的文字稿
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
本專欄是圖解讀書會的文字版,此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,如果您喜歡或關注知識圖卡、知識圖解、圖卡設計、用戶體驗相關話題,歡迎追蹤本專欄。此篇分享人觀察的 7-12條準則,前面的 1-6條請點擊此處文字。
作者蘇珊·溫欽克 (Susan M. Weinschenk)是行為心理學家,研究將心理學應用於設計(用戶體驗)30餘年,本書是她查找多本論文、書籍,反覆研究選出的理論、概念和案例,以及總結她於用戶介面設計的經驗教訓書寫而成,本書共提供100個設計師該懂的心理學,歡迎一起來共讀。
知識圖卡由邏輯思維(思考結構化)與設計思維(思考可視化)組成,前者是指知識萃取,後者是指視覺呈現,而圖解剛好可以滿足這兩件事,因此,如果你對製作圖卡有興趣,或對圖解有興趣,歡迎閱讀此篇文章。 本篇是思考結構化篇,本書提供幾個模型協助文本的結構化,有些文本甚至結構化後就可以直接放在圖卡上,因為,結構
此為知識圖卡讀書會的記錄,如果有不清楚地請讓我知道唷。 前兩周,我們一起閱讀了《洋蔥閱讀法》,重點摘要如下: 1. 如何開始閱讀? 2. 閱讀的四種方法? 舉例:去尋找非暴力溝通的概念來源是哪本論文、書籍、去探究其原理及底層邏輯,觀察是否有雷同的概念在其他領域,並嘗試在各場景應用。
昨日,舉辦讀書會,今日再次將講稿改為文字檔。 這本書的內容為第4手知識,屬於經驗技巧型,彭小六整理其閱讀經驗,總結出的閱讀方法論(這本書並未去提煉出四種方法論的底層邏輯)。 本書分為四部分:閱讀的認知與心態、四種閱讀方法、一種筆記方法、兩種閱讀與變現方式 第一部分 閱讀的認知與心態
本專欄是圖解讀書會的文字版,此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,如果您喜歡或關注知識圖卡、知識圖解、圖卡設計、用戶體驗相關話題,歡迎追蹤本專欄。此篇分享人觀察的 7-12條準則,前面的 1-6條請點擊此處文字。
作者蘇珊·溫欽克 (Susan M. Weinschenk)是行為心理學家,研究將心理學應用於設計(用戶體驗)30餘年,本書是她查找多本論文、書籍,反覆研究選出的理論、概念和案例,以及總結她於用戶介面設計的經驗教訓書寫而成,本書共提供100個設計師該懂的心理學,歡迎一起來共讀。
知識圖卡由邏輯思維(思考結構化)與設計思維(思考可視化)組成,前者是指知識萃取,後者是指視覺呈現,而圖解剛好可以滿足這兩件事,因此,如果你對製作圖卡有興趣,或對圖解有興趣,歡迎閱讀此篇文章。 本篇是思考結構化篇,本書提供幾個模型協助文本的結構化,有些文本甚至結構化後就可以直接放在圖卡上,因為,結構
此為知識圖卡讀書會的記錄,如果有不清楚地請讓我知道唷。 前兩周,我們一起閱讀了《洋蔥閱讀法》,重點摘要如下: 1. 如何開始閱讀? 2. 閱讀的四種方法? 舉例:去尋找非暴力溝通的概念來源是哪本論文、書籍、去探究其原理及底層邏輯,觀察是否有雷同的概念在其他領域,並嘗試在各場景應用。
昨日,舉辦讀書會,今日再次將講稿改為文字檔。 這本書的內容為第4手知識,屬於經驗技巧型,彭小六整理其閱讀經驗,總結出的閱讀方法論(這本書並未去提煉出四種方法論的底層邏輯)。 本書分為四部分:閱讀的認知與心態、四種閱讀方法、一種筆記方法、兩種閱讀與變現方式 第一部分 閱讀的認知與心態
你可能也想看
Google News 追蹤
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
Thumbnail
這篇文章可以快速地幫助讀者了解以我為視野所提列的書中關於大腦在學習方面的重點,或是我認為有意義的知識點。某些重點是來自於書末的註釋。我會按照我自己的方式分類。 讀者可以花比較少的時間了解關於學習的一些重點。個人覺得只要是有學習需求(學生、考試、自學),這篇整理應該會有點幫助。喜歡的話請點愛心謝謝!
Thumbnail
本文介紹了書籍《深讀的技術》,提供了各章節的重點摘要與作者的心得感想。同時分享了另外兩本有關讀書方法的好書。內容涵蓋主動型讀書法、被動型讀書法、讀完後如何與書相處等多個主題。
Thumbnail
上一篇提到,可以將一本書先概括性的做筆記,過些日子回過頭來,看完自己摘要後,重讀一遍時,每一章節都做短一點的筆記,然後就可以停,不需要進一步。不是說一定不要,你真的很愛,要反覆看,每一行的紀錄,也是個人自由,這邊講的是一般情況。
Thumbnail
作筆記,但千萬不要狂作筆記。這是在講啥?簡單說,如果真的想要讀懂一本書,至少讀懂一些,那筆記就是必要的行為。但整本書寫滿密密麻麻的筆記就沒必要,除非你是大學生,下個月要期中考。
Thumbnail
本文介紹不同類型書籍的閱讀方法與注意事項,包括實用書、想像文學和歷史書的閱讀要點,深入探討實用性書籍的目的、方法以及影響,想像文學帶來的好處,以及歷史書的史實性問題以及閱讀歷史所能帶來的智慧。
Thumbnail
閱讀書籍: 讀書變現的創作法則 書中提出四個盲點: 從頭到尾閱讀才算讀完 追求速度和數量,不注重效果 只看專業書,不看其他書 看完書沒有任何行動 這四項都是假觀念,只要書中的觀念能應用在生活中,就是有閱讀到書籍,並且,不必一定要花費大量時間一次看完,可以分多次觀看,長久的小進步大於突然的
對於那些渴望從閱讀中獲取更深刻見解並提高寫作質量的人來說,手寫書目卡是一個強大的預寫作技巧。這種方法不僅有助於精選和整理閱讀時的想法,還能夠增強思考的深度和寫作的結構。如果你希望使你的學習過程更加高效並深化對知識的理解,手寫書目卡值得一試。下面是三個關鍵的理解,解釋了為什麼這個方法如此有效。 理解
Thumbnail
在學術寫作中,掌握「關鍵字閱讀」技術至關重要。 對於學術研究者來說, 有效地從大量的學術文獻中提煉出核心資訊是一項挑戰。 關鍵字閱讀不僅可以幫助你避免被不必要的細節所淹沒, 還能讓你更聚焦於與研究主題相關的資訊。 結合「書目卡 Bibcard」的使用, 這種閱讀方式能夠大大提高你的閱讀效
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
善用好讀的排版指南,提高使用者持續閱讀的意願。主軸將圍繞於好讀,雖與視覺排版相近,卻有些許的不同;本文所提及到的任何觀念,來自於經驗或是過去所學,不須奉為圭臬,而是理解與體會。
Thumbnail
這篇文章可以快速地幫助讀者了解以我為視野所提列的書中關於大腦在學習方面的重點,或是我認為有意義的知識點。某些重點是來自於書末的註釋。我會按照我自己的方式分類。 讀者可以花比較少的時間了解關於學習的一些重點。個人覺得只要是有學習需求(學生、考試、自學),這篇整理應該會有點幫助。喜歡的話請點愛心謝謝!
Thumbnail
本文介紹了書籍《深讀的技術》,提供了各章節的重點摘要與作者的心得感想。同時分享了另外兩本有關讀書方法的好書。內容涵蓋主動型讀書法、被動型讀書法、讀完後如何與書相處等多個主題。
Thumbnail
上一篇提到,可以將一本書先概括性的做筆記,過些日子回過頭來,看完自己摘要後,重讀一遍時,每一章節都做短一點的筆記,然後就可以停,不需要進一步。不是說一定不要,你真的很愛,要反覆看,每一行的紀錄,也是個人自由,這邊講的是一般情況。
Thumbnail
作筆記,但千萬不要狂作筆記。這是在講啥?簡單說,如果真的想要讀懂一本書,至少讀懂一些,那筆記就是必要的行為。但整本書寫滿密密麻麻的筆記就沒必要,除非你是大學生,下個月要期中考。
Thumbnail
本文介紹不同類型書籍的閱讀方法與注意事項,包括實用書、想像文學和歷史書的閱讀要點,深入探討實用性書籍的目的、方法以及影響,想像文學帶來的好處,以及歷史書的史實性問題以及閱讀歷史所能帶來的智慧。
Thumbnail
閱讀書籍: 讀書變現的創作法則 書中提出四個盲點: 從頭到尾閱讀才算讀完 追求速度和數量,不注重效果 只看專業書,不看其他書 看完書沒有任何行動 這四項都是假觀念,只要書中的觀念能應用在生活中,就是有閱讀到書籍,並且,不必一定要花費大量時間一次看完,可以分多次觀看,長久的小進步大於突然的
對於那些渴望從閱讀中獲取更深刻見解並提高寫作質量的人來說,手寫書目卡是一個強大的預寫作技巧。這種方法不僅有助於精選和整理閱讀時的想法,還能夠增強思考的深度和寫作的結構。如果你希望使你的學習過程更加高效並深化對知識的理解,手寫書目卡值得一試。下面是三個關鍵的理解,解釋了為什麼這個方法如此有效。 理解
Thumbnail
在學術寫作中,掌握「關鍵字閱讀」技術至關重要。 對於學術研究者來說, 有效地從大量的學術文獻中提煉出核心資訊是一項挑戰。 關鍵字閱讀不僅可以幫助你避免被不必要的細節所淹沒, 還能讓你更聚焦於與研究主題相關的資訊。 結合「書目卡 Bibcard」的使用, 這種閱讀方式能夠大大提高你的閱讀效