Захотелось мне обновить свои знания по фронтенд-разработке, которые у меня застряли на уровне CSS времен Internet Explorer 6 9, а также принципов веб-дизайна примерно тех же годов. Начать решил с книги Стефани Стимак «Дизайн для разработчиков». Судя по названию, это должна была быть именно та книга, которая мне нужна. Но, как оказалось, ожидал я от нее слишком многого, и в первую очередь в этой книге не хватило глубины материала.

По задумке книга охватывает все этапы создания дизайна веб-сайта, начиная с анализа аудитории и до построения проработанного макета, который отдают разработчикам для реализации. И поскольку в названии написано, что книга рассчитана на разработчиков, то я ожидал там увидеть больше технических подробностей, особенно и про те этапы, где разработчик действительно может пригодиться. В итоге оказалось, что примерно треть книги автор и так, и сяк пишет о том, как важно знать пользователя, что надо проводить исследования на живых людях, показывать им макеты и заготовки на каждом этапе разработки. Я с этим даже не спорю, но при чем тут разработчик? Это скорее работа маркетологов.

В начале книги была интересная глава по основам композиции и дизайна, в которой было сказано про группировку объектов, их выравнивание, повторение и виды контраста. И на этом все прервалось.

Потом автор много говорит про пользовательский опыт (user experience, UX), но очень мало написано, как конкретно его можно улучшить. Про UX написано целых три главы, но в основном там речь идет о том, как важно исследовать аудиторию, чтобы пользователи говорили, что у вас плохо сделано на их взгляд. Из полезного перечислены способы для представления структуры разделов сайта. Для меня было удивительно, что это делают в том числе в Excel-е. А дальше идет долгий рассказ о том, что перед проектированием дизайна, который включает в себя выбор цветов, картинок и шрифтов, нужно разработать wireframes (в переводе они так и называются вайрфреймы; почему его не перевели как «каркас», хотя вроде бы это и короче, и общепринятое обозначение, оставим на совести переводчика, но при чтении глаз за это слово цепляется), и что эти самые вайрфреймы бывают разной степени подробности.

После всего этого начинается самое интересное; к этому моменту мы уже находимся на середине книги. Дальше в книге написано про использование сеток для размещения контента в несколько столбцов, упоминаются такие слова как CSS Grid и Flexbox, но они только упоминаются, не более того. Говорится о важности пустого пространства на странице, моделях чтения веб-страниц пользователями, а так же о том, как важно подстраивать дизайн под устройства с разным размером экрана (кто-то в этом сомневается?).

Небольшая глава посвящена анимации, но на уровне того, что неплохо было бы ее использовать, чтобы пользователь не скучал пока ждет выполнения длительной операции или анимировать кнопки на наведении на них курсора мыши.

Вот какие главы мне действительно понравились, так это главы про шрифты и цвета. Шрифты автор рассматривает подробно под микроскопом с точностью до пикселя, а в главе про цвета я наконец-то понял, как используют цветовой круг. В главе про цвета даются разные названия комбинаций цветов в зависимости от того, как они расположены друг относительно друга на цветовом круге, но не говорится, в каких случаях такие комбинации цветов используют.

Под конец книги приводится глава с примером построения дизайна одной страницы сайта, начиная с каркаса сайта (а как же исследования пользователей и построение структуры сайта в Excel, чему посвящена половина книги?) и до окончательного цветного макета. Потом создается еще два варианта дизайна этой страницы для планшетов и телефонов.

А заканчивается книга опять главой о том, как важно тестировать разработанный дизайн на живых пользователях, как важно собирать аналитику с помощью Google Analytics или чего-то подобного, кое-что сказано про A/B-тестирование.

В целом книга оказалась очень поверхностная с большим количеством воды именно с точки зрения разработчика (может быть для маркетолога она смотрится по-другому); полезная информация именно для разработчика оказалась сконцентрирована во второй половине книги.

В итоге какие-то полезные сведения я для себя вынес. Если я решусь переделывать дизайн своего сайта (или сделать отдельный сайт для OutWiker), то на нулевом уровне книга может оказаться полезной, хотя ожидал от нее большего. Зато на меня эта книга действовала как отличное снотворное — уже после прочтения пары страниц (с большими и цветными картинками) я начинал медленно моргать и пытаться не заснуть.

PS. Вы можете подписаться на новости сайта через RSS, Группу Вконтакте или Канал в Telegram.