A Critique of Book Design on the Web

Antoine Fauchié wrote a detailed analysis of the design of the website for Professional Web Typography. The article, “Un design de livre web,” is written in French, but I could understand it thanks to Google Translate. Although I haven’t talked about my design decision, Antoine pointed out a critical intention:

L’une des grandes originalités de ce livre web, c’est justement cette table des matières en pied de page, et non dans un menu dédié comme c’est souvent le cas. Les menus habituels sont encore majoritairement placés dans le header – dans la partie supérieure du site, avant le contenu – avec une adaptation en menu hamburger – les fameuses trois barres horizontales – pour des écrans plus petits. L’accès aux différents chapitres et sous-chapitres se fait très facilement, et quoi qu’il arrive l’arborescence est toujours visible.

En terme de design et d’ergonomie, ce choix de la simplicité est à mon avis le bon. Limiter les subterfuges dynamiques – menu sandwich, éléments de navigation qui n’apparaissent qu’au survol, introduction d’interactions issues du tactile – permet une grande accessibilité de l’outil, proche de celle d’un livre physique, papier.

To offer an accessible design, I moved away from the popular trend of hiding everything under the hamburger menu. The menu or the table of contents is always available on every page and readers don’t have to click on the hamburger to access it. In term of technical implementation, I was able to get away with the dependency of JavaScript.

Many thanks to Antoine for spending the time to write this article.