Typographers focus almost exclusively on designing texts that are meant to be read linearly (and typography guidelines follow this as well, telling writers to limit line length, use a certain font size, etc.). But if you look at the actual stuff happening in the reader’s mind as they interact with a book or webpage, linear reading is only one of many possible ways of interacting with a text. In particular, searching for things, flipping around, cross-referencing, and other “movement” tasks are quite common. For such movement tasks, the standard typographic advice seems like a poor choice. Some websites, like the English Wikipedia until this year (example), seem to design for such movement tasks by making the font size smaller, line length longer, etc., but this runs into the opposite problem where if someone does want to linearly read an article on such a page, it will be harder to do so. Other websites, such as the 80,000 Hours podcast website (example), seem to come to a compromise by designing for both kinds of tasks simultaneously (but by doing so fits neither task perfectly). I propose that the typography of a page should dynamically change to match the reader’s current task. This may be a bit disorienting at first, but skilled readers would be able to have the best typography in any situation. I don’t have a great idea for how to implement this in practice (I welcome suggestions), but one naïve idea is to have a button at the corner of the page that can toggle between “absorbing/linear mode” and “movement mode” (and possibly other modes; I’m interested in hearing what other cognitive tasks should be prioritized by the design of a page).
I don’t actually know how to design things, but here’s a simple prototype you can play around with: https://issarice.com/adaptive-typography (as is the case with all prototypes, I ask the user to please overlook any jankiness of the current implementation, and instead imagine you are interacting with a much more polished/idealized version of the same idea).
Typographers focus almost exclusively on designing texts that are meant to be read linearly (and typography guidelines follow this as well, telling writers to limit line length, use a certain font size, etc.). But if you look at the actual stuff happening in the reader’s mind as they interact with a book or webpage, linear reading is only one of many possible ways of interacting with a text. In particular, searching for things, flipping around, cross-referencing, and other “movement” tasks are quite common. For such movement tasks, the standard typographic advice seems like a poor choice. Some websites, like the English Wikipedia until this year (example), seem to design for such movement tasks by making the font size smaller, line length longer, etc., but this runs into the opposite problem where if someone does want to linearly read an article on such a page, it will be harder to do so. Other websites, such as the 80,000 Hours podcast website (example), seem to come to a compromise by designing for both kinds of tasks simultaneously (but by doing so fits neither task perfectly). I propose that the typography of a page should dynamically change to match the reader’s current task. This may be a bit disorienting at first, but skilled readers would be able to have the best typography in any situation. I don’t have a great idea for how to implement this in practice (I welcome suggestions), but one naïve idea is to have a button at the corner of the page that can toggle between “absorbing/linear mode” and “movement mode” (and possibly other modes; I’m interested in hearing what other cognitive tasks should be prioritized by the design of a page).
I don’t actually know how to design things, but here’s a simple prototype you can play around with: https://issarice.com/adaptive-typography (as is the case with all prototypes, I ask the user to please overlook any jankiness of the current implementation, and instead imagine you are interacting with a much more polished/idealized version of the same idea).