Top.Mail.Ru
? ?

nobelfaik


Блог Игоря Штанга

light gray is the new white, dark gray is the new black


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


festival.newyorker.com/faq/


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


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

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

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

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

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

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


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

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


Записи из этого журнала по тегу «верстка»



  • 1
Аккордеон в FAQ вообще не очень хорошая идея, т.к. неудобно искать по ключевому слову браузерным поиском (ну типа хочешь узнать, можно ли например с собакой, и ищешь на странице упоминание dog или pet).

для нынешних мобильных сайтов неактуально

(Анонимно)
Но в аккордеоне проще и быстрее найти вопрос, на который тебе нужен ответ. FAQ не тот раздел, который читаешь от начала до конца как статью.

  • 1