[自譯]精簡(jiǎn)閱讀:Bigger Is Bigger

原文鏈接:Typography for Glanceable Reading: Bigger Is Better

原文作者:PAGE LAUBHEIMER

摘要:?jiǎn)蝹€(gè)瀏覽的詞應(yīng)該足夠大,在不壓縮寬度的情況下,大寫(xiě)優(yōu)于小寫(xiě)。

介紹

我們的一位讀者最近發(fā)送了一封郵件給我們說(shuō)顺囊,他的公司正在考慮在web上全部使用小寫(xiě)字母颠通,想要了解是否有研究能夠表明小寫(xiě)內(nèi)容的優(yōu)越性盾致。

他的情況并不是個(gè)例:事實(shí)上它反映了一個(gè)更大的“簡(jiǎn)化”字體設(shè)計(jì)趨勢(shì)奢赂,那就是更細(xì)排霉,更小偏竟,低字重煮落。典型的例子就是用于iOS的新字體。

與這種趨勢(shì)共存的踊谋,是在智能手機(jī)和智能手表上的單一場(chǎng)景時(shí)間越來(lái)越短州邢。手機(jī)上40%的場(chǎng)景都是微場(chǎng)景:它們只持續(xù)不到15秒,包括快速瀏覽通知褪子。智能手表的場(chǎng)景同樣簡(jiǎn)短量淌,涉及到快速的信息消費(fèi)。像AR和VR這樣的新技術(shù)嫌褪,會(huì)讓文字與環(huán)境疊加在一個(gè)復(fù)雜的環(huán)境中-這個(gè)時(shí)候能夠快速的分辨出文本和環(huán)境呀枢,是非常重要的。

定義:掃視是指快速閱讀短文本(通常1~2個(gè)單詞)

掃視通常是在人處于其他復(fù)雜任務(wù)中笼痛,快速的查看智能手表上的溫度和降水概率這樣的事情裙秋。查看1~2個(gè)單詞是一個(gè)獨(dú)立的瀏覽行為,不同于閱讀長(zhǎng)段的文本缨伊。


Apple Watch上的天氣預(yù)報(bào)一目了然摘刑,這種情況下,使用全大寫(xiě)支持刻坊,然而場(chǎng)景很重要枷恕,在一個(gè)長(zhǎng)標(biāo)題或段落中,全大寫(xiě)字體會(huì)降低可讀性谭胚。

為了支持短本文的快速閱讀徐块,我們需要?jiǎng)?chuàng)建清晰的內(nèi)容(在各種光環(huán)境下)未玻,易于閱讀和理解。哪些字體會(huì)更合適胡控?這就是本文探討的內(nèi)容扳剿。

閱讀與排版研究

MIT的Dr.Ben?D.Sawyer領(lǐng)導(dǎo)的Agelab/Clear-IP研究員們最近進(jìn)行了一項(xiàng)研究,研究字體的大小昼激,寬度庇绽,大小寫(xiě)是否會(huì)影響識(shí)別速度。研究人員像參與者展示了不同字體的字符串橙困,并測(cè)量了它們識(shí)別這些字符串是否是單詞和非單詞的速度瞧掺。(這項(xiàng)任務(wù)被稱(chēng)為詞匯決策,廣泛應(yīng)用于認(rèn)知心理學(xué))

他們研究的獨(dú)立變量是:

文本尺寸:蟹子睢(3mm)或大(4mm)

文本大小寫(xiě):全部大寫(xiě),或全部小寫(xiě)

文本寬度:壓縮或普通

因變量是閱讀時(shí)間的度量蛾方。

在所有案例中像捶,它們都是用了”Frutiger”作為字體,因?yàn)樗谥暗呐虐娴那逦匝芯恐斜憩F(xiàn)不錯(cuò)桩砰。

在研究中使用Frutiger字體拓春,顯示了不同條件下的字段

更大、更寬亚隅、大寫(xiě)的文本比更小硼莽、更窄、小寫(xiě)的文本要好

研究小組發(fā)現(xiàn)煮纵,對(duì)于可瀏覽的內(nèi)容懂鸵,更大的文本更好,在不考慮增加維度:

大尺寸優(yōu)于小尺寸

規(guī)則寬度優(yōu)于壓縮寬度

大寫(xiě)優(yōu)于小寫(xiě)

所有這些影響都有統(tǒng)計(jì)學(xué)意義(p<0.01)行疏,雖然人們已經(jīng)知道大尺寸的文字更容易辨認(rèn)匆光,但這項(xiàng)研究也表明大小寫(xiě)和寬度也很重要,小寫(xiě)字母會(huì)比大寫(xiě)字母多出26%的時(shí)間酿联,壓縮寬度會(huì)比正常寬度多出11.2%的時(shí)間终息。尺寸和大小寫(xiě)也有相互作用,小寫(xiě)字母的負(fù)面影響會(huì)因?yàn)樽煮w越小而加重贞让。

這項(xiàng)研究的結(jié)果表明周崭,更大的文字尺寸,大寫(xiě)喳张,常規(guī)寬度閱讀效果更好

這些結(jié)果顯示续镇,占用較大區(qū)域的字符更容易被辨認(rèn),因?yàn)樗鼈兒芸斓貟哌^(guò)一兩個(gè)單詞销部。但是這些發(fā)現(xiàn)并不一定適用于閱讀更長(zhǎng)的文本磨取。我們一般不推薦使用全大寫(xiě)人柿,當(dāng)用戶閱讀更長(zhǎng)的文字和完整句子時(shí)。全大寫(xiě)會(huì)降低可讀性并造成混亂忙厌。

將這些發(fā)現(xiàn)應(yīng)用于你的設(shè)計(jì)

作為交互設(shè)計(jì)師凫岖,很容易忘記人們并沒(méi)有把它的全部注意力放在我們的產(chǎn)品上,他們也沒(méi)有在中立逢净、安靜的環(huán)境中使用它們哥放。經(jīng)常分心,緊張爹土,或者三心二意甥雕。即使在次優(yōu)的條件下,字體設(shè)計(jì)也能很好地幫助用戶胀茵。例如社露,我們都知道在開(kāi)車(chē)的時(shí)候使用手機(jī)是危險(xiǎn)的,但我們的用戶還是會(huì)這樣做琼娘。雖然自動(dòng)駕駛會(huì)有一天讓我們擺脫對(duì)道路的關(guān)注峭弟,在開(kāi)車(chē)的時(shí)候能夠?yàn)g覽手機(jī),但我們還沒(méi)做到脱拼。所以設(shè)計(jì)快速瞒瘸,高效地閱讀重要信息,可能會(huì)挽救生命熄浓。此外情臭,AR/VR環(huán)境中的上下文信息,需要更容易辨認(rèn)赌蔑,讓用戶的注意力更多在周?chē)澜缰小?/p>

這里有一些要點(diǎn)可以運(yùn)用:

在需要被快速瀏覽的地方俯在,使用更大的字體。

在需要被快速瀏覽的地方娃惯,避免全部小寫(xiě)朝巫。

使用更大的標(biāo)題文本,避免全部小寫(xiě)石景。

盡量不要壓縮寬度和使用細(xì)體劈猿,特別是在會(huì)分心的場(chǎng)景下。

向用戶提供通知和反饋時(shí)潮孽,使用更大的字體來(lái)促進(jìn)快速閱讀揪荣。

在小字號(hào)的情況下,避免使用小寫(xiě)字母往史,因?yàn)檫@樣餓組合會(huì)讓問(wèn)題加劇仗颈。

全大寫(xiě)的可讀性和研究的局限性

在這一點(diǎn)上,你可能會(huì)問(wèn):既然表明大寫(xiě)優(yōu)于小寫(xiě),為什么我們不推薦使用全大寫(xiě)呢挨决?這項(xiàng)研究真正表明的是请祖,在獨(dú)立看一個(gè)單詞時(shí),更大的文本更容易辨認(rèn)脖祈,而不是上下文之間的句子肆捕。事實(shí)上更大字號(hào)的文本和全大寫(xiě)類(lèi)似。這表明對(duì)于可讀性而言盖高,越大越好慎陵,不管是什么維度。巧合的是喻奥,在Frutger字體4mm的小寫(xiě)字母大致等于3mm的大寫(xiě)字母席纽。

很多傳統(tǒng)的印刷理論都集中在如何提升和降低小寫(xiě)字母數(shù)量,以促進(jìn)可讀性撞蚕。事實(shí)上润梯,研究的作者也承認(rèn)“大寫(xiě)字母更容易出現(xiàn)擁擠和混亂”(傳統(tǒng)的研究是指Miles?Tinker的印刷易讀性)對(duì)于可讀性而言,全大寫(xiě)會(huì)比混寫(xiě)更難閱讀甥厦,所以這項(xiàng)研究似乎與傳統(tǒng)違背纺铭。然而這并不是第一個(gè)表明全大寫(xiě)優(yōu)越性的報(bào)告。目前這項(xiàng)研究并不會(huì)顛覆幾十年的印刷理論和認(rèn)知矫渔;他們只是簡(jiǎn)單地表明彤蔽,對(duì)于較小的字體摧莽,全大寫(xiě)可以減少單詞單獨(dú)出現(xiàn)時(shí)的易讀性缺陷庙洼。

這項(xiàng)研究的主要限制是,他并沒(méi)有測(cè)試第一個(gè)字母大寫(xiě)镊辕。也沒(méi)有在傳統(tǒng)的語(yǔ)境中檢查油够,只是單獨(dú)的比較單詞,語(yǔ)境也是語(yǔ)句可讀性的一個(gè)重要部分征懈,因?yàn)樯舷挛牡姆e累石咬,易讀性會(huì)提升。

還需要更多的研究

正如我經(jīng)常在UX?Deliverables會(huì)上說(shuō)展示更多研究性成果卖哎,好的研究回答了一些問(wèn)題鬼悠,但也會(huì)提出一些新的問(wèn)題。如果沒(méi)有一項(xiàng)研究能說(shuō)明所有的情況亏娜,那就需要進(jìn)一步研究焕窝。混寫(xiě)會(huì)是下一個(gè)研究目標(biāo)维贺,理想情況下它掂,還會(huì)去研究其他類(lèi)型的字體,包括serif-sanserif溯泣,以及不同的字體特征虐秋。最后研究上下文中的字體變化如何影響我們的閱讀效率榕茧。

結(jié)論

想要讓文本(幾個(gè)孤立的單詞)能夠更好更快地閱讀,使用更大的字號(hào)客给,大寫(xiě)用押,普通寬度文本。然而不建議在標(biāo)題起愈,副標(biāo)題只恨,和完整段落下全大寫(xiě),因?yàn)檫€可能存在可讀性問(wèn)題抬虽。

References

Aries Arditi and Jianna Cho. 2007. “Letter case and text legibility in normal and low vision.Vision Research.

Ben D.?Sawyer,?Jonathan?Dobres,?Nadine?Chahine,?and Bryan?Reimer. 2017. “The Cost of Cool: Typographic Style Legibility in Reading at a Glance,”Proceedings of the Human Factors and Ergonomics Society AnnualMeeting 2017.

D. Ferreira, J. Goncalves, V. Kostakos, L. Barkhuus, A. K. Dey. 2014. “Contextual experience sampling of mobile application micro-usage”. InMobileHCI '14.

Miles Tinker. 1963. Legibility of Print.Iowa State University Press

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末官觅,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子阐污,更是在濱河造成了極大的恐慌休涤,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笛辟,死亡現(xiàn)場(chǎng)離奇詭異功氨,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)手幢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)捷凄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人围来,你說(shuō)我怎么就攤上這事跺涤。” “怎么了监透?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵桶错,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我胀蛮,道長(zhǎng)院刁,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任粪狼,我火速辦了婚禮退腥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘再榄。我一直安慰自己狡刘,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布不跟。 她就那樣靜靜地躺著颓帝,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上购城,一...
    開(kāi)封第一講書(shū)人閱讀 49,764評(píng)論 1 290
  • 那天吕座,我揣著相機(jī)與錄音,去河邊找鬼瘪板。 笑死吴趴,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的侮攀。 我是一名探鬼主播锣枝,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼兰英!你這毒婦竟也來(lái)了撇叁?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤畦贸,失蹤者是張志新(化名)和其女友劉穎陨闹,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體薄坏,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡趋厉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了胶坠。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片君账。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖沈善,靈堂內(nèi)的尸體忽然破棺而出乡数,到底是詐尸還是另有隱情,我是刑警寧澤矮瘟,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布瞳脓,位于F島的核電站塑娇,受9級(jí)特大地震影響澈侠,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜埋酬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一哨啃、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧写妥,春花似錦拳球、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春莱找,著一層夾襖步出監(jiān)牢的瞬間酬姆,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工奥溺, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留辞色,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓浮定,卻偏偏與公主長(zhǎng)得像相满,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子桦卒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 本文為閱讀《Head First HTML 與 CSS》的css部分的讀書(shū)筆記立美,方便回顧書(shū)上的知識(shí),另一篇為Hea...
    兼續(xù)閱讀 1,813評(píng)論 0 17
  • 1.塊級(jí)元素和行內(nèi)元素 塊級(jí)(block-level)元素方灾;行內(nèi)(內(nèi)聯(lián)悯辙、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 1,989評(píng)論 1 4
  • 9月22日 星期五 晴 今天是個(gè)特別的日子迎吵,我參加了班里積分后第一周的頒獎(jiǎng)會(huì)躲撰。積分前10名,突出表現(xiàn)獎(jiǎng)击费,...
    畢佳銘媽媽閱讀 480評(píng)論 0 0
  • 別讓問(wèn)題指揮你的大腦 看過(guò)老版的《畫(huà)皮》都知道蔫巩,多少孩紙被里面飄過(guò)窗簾后面的那個(gè)鬼影嚇破了膽兒谆棱。我朋友被嚇到生病住...
    如意ylm閱讀 212評(píng)論 0 4
  • 討厭一個(gè)人垃瞧,誰(shuí)都會(huì)有,然而我們討厭著坪郭,也會(huì)被討厭著个从。 有沒(méi)有想過(guò),討厭一個(gè)人的資格歪沃,你有嗎嗦锐? 被討厭著,就努力讓t...
    一簾舊夢(mèng)閱讀 247評(píng)論 0 1