Цитаты из книг автора «Илья Сидоренко»

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

Обычно первые наброски сайта я делаю от руки, а к графическому редактору перехожу только после того, как определюсь со структурой. Сделав один или два экрана, беру паузу, а после пытаюсь найти недочеты. Таким образом, я продвигаюсь до футера, после чего могу сделать еще несколько итераций по улучшению сайта. Итог. Дизайн необходимых макетов готов и прошел несколько этапов доработки.

премиальные бренды, то легко заметить: в основном они используют черный или золотой. Это не догма, тем более что наш главный конкурент – Wheely – уже использует черный. Поэтому, чтобы выделиться, нужно придумать нечто иное: например, добавить дополнительный цвет (золотой, желтый?) или взять красный в качестве основного. Неожиданное решение, но оно может сработать. Так, авиакомпания Virgin Atlantic Airways использует красный, предлагая услуги бизнес-класса.

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

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

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

Чтобы определить требуемую структуру сайта, достаточно выписать все сущности, которые и

дизайнеры берут первые попавшиеся иконки, не задумываясь об их визуальном посыле. Посмотрите, какие возможности по кастомизации предлагает Google – вы можете настроить стиль иконок и выбрать наиболее подходящие; также интересные варианты предлагает сайт Flaticon. Основные параметры, с которыми можно поэкспериментировать, – это цвет, заливка или контур, закругленные края и т. п. В-четвертых, типографика. Шрифт с засечками хорошо подходит для рассказывания историй, поэтому его использует Medium. Для технологической компании он будет неуместным (посмотрите сайты Apple, Microsoft, Amazon).

Дизайнер должен думать в рамках сценариев, а не экранов. Не важно, сколько у вас экранов, – важно лишь то, насколько удобно пользователю решать свои задачи при помощи вашего сервиса. Чисто логически кажется, будто удобнее всё делать в рамках одного экрана, но дизайнеры знают, что длинные формы лучше разбивать на несколько шагов. В дизайне нет фундаментальных правил, всё всегда зависит от задачи. В своей практике я использую Customer Journey Map для продумывания сценариев. Суть его работы я уже описывал в предыдущих главах.

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