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

您好,感謝您的閱讀 :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
為什麼會看到廣告
大吉嶺|閱讀行動派
大吉嶺|閱讀行動派
知識視覺設計師 👩‍🎨 持續分享圖解筆記丨成長思維丨高效學習法~陪伴大家共同成長 ❤️ 🎯 現為圖解出版社圖解/插畫師|認證企業實訓指導師 🎓 曾為可視化網站PM|微軟ERP導入顧問 📮 課程|商用圖解諮詢 👉[email protected]
留言0
查看全部
發表第一個留言支持創作者!