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

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

您好,感謝您的閱讀 :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



留言
avatar-img
留言分享你的想法!
avatar-img
大吉嶺|閱讀行動派的沙龍
104會員
203內容數
圖解讀書會後的文字稿
2023/05/24
➡️ 本篇文章為如何使用Midjourney與PS製作Line表情包。 之前上架了一組 Line 表情包,將操作方式記錄。 可愛的白髮卡通少女貼圖 – LINE貼圖 | LINE STORE 正文開始 一、適用人群:無須基礎,操作難度低 二、注意事項: 1. 記得使用付費版 Midjou
Thumbnail
2023/05/24
➡️ 本篇文章為如何使用Midjourney與PS製作Line表情包。 之前上架了一組 Line 表情包,將操作方式記錄。 可愛的白髮卡通少女貼圖 – LINE貼圖 | LINE STORE 正文開始 一、適用人群:無須基礎,操作難度低 二、注意事項: 1. 記得使用付費版 Midjou
Thumbnail
2023/02/01
上周六我們共讀了《學習學習:快速變強4步法》,現在將部分內容,轉為文字稿,方便大家後續的閱讀與使用,以下整理有經刪減處理,把我需要的部分給節露出來,書中有很多實際舉例,非常推薦購買書籍。 讀這本書可以獲得的: 1. 一套完整且經測試的學習方法論 2. 達成輸入-思考-輸出-實踐的完整閉環
Thumbnail
2023/02/01
上周六我們共讀了《學習學習:快速變強4步法》,現在將部分內容,轉為文字稿,方便大家後續的閱讀與使用,以下整理有經刪減處理,把我需要的部分給節露出來,書中有很多實際舉例,非常推薦購買書籍。 讀這本書可以獲得的: 1. 一套完整且經測試的學習方法論 2. 達成輸入-思考-輸出-實踐的完整閉環
Thumbnail
2023/01/11
今天中午在其他讀書會分享《一人創業》裡的5提問—找到真正想做的事,也分享給大家。 《一人創業》是一本談論創業的書籍,它最特別的地方是:作者本身是日本創業導師,他帶領學員去找到真正在想做的事,用這件事來創業,用通俗的話來說就是,把熱愛當成工作。 有些人會擔心,做自己真正想做的事,真的能够謀生嗎?
Thumbnail
2023/01/11
今天中午在其他讀書會分享《一人創業》裡的5提問—找到真正想做的事,也分享給大家。 《一人創業》是一本談論創業的書籍,它最特別的地方是:作者本身是日本創業導師,他帶領學員去找到真正在想做的事,用這件事來創業,用通俗的話來說就是,把熱愛當成工作。 有些人會擔心,做自己真正想做的事,真的能够謀生嗎?
Thumbnail
看更多
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
閱讀書籍: 讀書變現的創作法則 書中提出四個盲點: 從頭到尾閱讀才算讀完 追求速度和數量,不注重效果 只看專業書,不看其他書 看完書沒有任何行動 這四項都是假觀念,只要書中的觀念能應用在生活中,就是有閱讀到書籍,並且,不必一定要花費大量時間一次看完,可以分多次觀看,長久的小進步大於突然的
Thumbnail
閱讀書籍: 讀書變現的創作法則 書中提出四個盲點: 從頭到尾閱讀才算讀完 追求速度和數量,不注重效果 只看專業書,不看其他書 看完書沒有任何行動 這四項都是假觀念,只要書中的觀念能應用在生活中,就是有閱讀到書籍,並且,不必一定要花費大量時間一次看完,可以分多次觀看,長久的小進步大於突然的
Thumbnail
《閱讀變現》 格格/方言文化 本書在探討如何閱讀以及如何寫出一篇良好的書摘及說書評的方式
Thumbnail
《閱讀變現》 格格/方言文化 本書在探討如何閱讀以及如何寫出一篇良好的書摘及說書評的方式
Thumbnail
從小我們就被教導要一個字一個字朗誦課文,因此養成逐行閱讀的習慣 對我而言,最大的困擾莫過於要考多益(75分鐘,100題的文章與題組) 做了幾回題目仍發現題目寫不完 我仔細思考問題出在哪: @單字量?足夠、9成都看的懂 @職場背景知識不足?工作5年了,商業模式、信件往來、報價...等,皆有掌握 @學測
Thumbnail
從小我們就被教導要一個字一個字朗誦課文,因此養成逐行閱讀的習慣 對我而言,最大的困擾莫過於要考多益(75分鐘,100題的文章與題組) 做了幾回題目仍發現題目寫不完 我仔細思考問題出在哪: @單字量?足夠、9成都看的懂 @職場背景知識不足?工作5年了,商業模式、信件往來、報價...等,皆有掌握 @學測
Thumbnail
這本《英文閱讀技術》是周昱翔老師的新作,曾分享過他的《6堂課學會英文速讀》,很開心又看到老師的新作品。此書中,他提出所謂 「6D閱讀法」,透過 6 步驟讓人徹底掌握閱讀內容。此外還針對旅遊、歷史、科技等眾多主題設計 24 篇閱讀測驗,方便直接演練所學。相當推薦給對英文「長文」苦手的人。
Thumbnail
這本《英文閱讀技術》是周昱翔老師的新作,曾分享過他的《6堂課學會英文速讀》,很開心又看到老師的新作品。此書中,他提出所謂 「6D閱讀法」,透過 6 步驟讓人徹底掌握閱讀內容。此外還針對旅遊、歷史、科技等眾多主題設計 24 篇閱讀測驗,方便直接演練所學。相當推薦給對英文「長文」苦手的人。
Thumbnail
此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,歡迎追蹤本專欄。 01 大寫用於引起注意 02 下標題可增加閱讀理解 03 襯線體與非襯線體在可讀性上沒有顯著差異 04 字號會影響可讀性 05 電腦閱讀用白底黑字是最佳組合 06 每行字數多讀得快
Thumbnail
此次書單是《設計師要懂心理學》,每周三與六與你一起共讀,分享書中100個與設計相關的心理知識,歡迎追蹤本專欄。 01 大寫用於引起注意 02 下標題可增加閱讀理解 03 襯線體與非襯線體在可讀性上沒有顯著差異 04 字號會影響可讀性 05 電腦閱讀用白底黑字是最佳組合 06 每行字數多讀得快
Thumbnail
當孩子拿到一篇文章的時候,家長該怎麼引導孩子進行閱讀重點整理呢! 孩子如果沒有經過組織力訓練,通常會讀到一半就停下來了... 另一種情況,孩子會把它看完,但看完【不代表是讀懂了】。 接下來教給家長一些可以幫助孩子閱讀整理的組織力技巧...
Thumbnail
當孩子拿到一篇文章的時候,家長該怎麼引導孩子進行閱讀重點整理呢! 孩子如果沒有經過組織力訓練,通常會讀到一半就停下來了... 另一種情況,孩子會把它看完,但看完【不代表是讀懂了】。 接下來教給家長一些可以幫助孩子閱讀整理的組織力技巧...
Thumbnail
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
Thumbnail
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News