June 26th, 2020

Переверстка страницы FAQ

Дизайнер Дженсон Камби рассказал о переделке сайта The New Yorker Festival и в частности о том, как поменялась страница FAQ. Было и стало:


festival.newyorker.com/faq/


Автор описывает изменения очень коротко. Я хочу рассказать подробнее, потому что это классный кейс. Итак, что он сделал и почему это хорошо:


  1. В старой версии ответы были скрыты за аккордеоном, в новой они все на виду. Страница стала длиннее, но это неважно, потому что скроллить намного легче, чем кликать.

  2. Прошлый вариант выглядел статично и однообразно, так как состоял из одинаковых прямоугольных контейнеров. В новом дизайне текст освободили от плашек и добавили непрямоугольные иллюстрации. Композиция стала динамичнее и разнообразнее.

  3. Основной текст переходит из одной колонки в другую, еще плюс один прием к динамике. Удачное решение для длинного материала.

  4. У страницы появился заголовок. Он крупный, красный, набран другим шрифтом, поэтому хорошо контрастирует с основным текстом. В предыдущей версии текстовый контраст был слабым.

  5. На контраст работают и картинки. Даже в небольшом размере они заметно отличаются от текста тоном и пластикой.

  6. Вопросы набрали строчными буквами, чтобы их было легче прочесть.


Как результат, страница похожа не на панель управления, а на статью.

Делайте как Дженсон.