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

Исследование и анализ конкурентов

разобраться, каким образом бизнес клиента зарабатывает деньги.

Ориентируйтесь на описанный процесс, но не будьте его заложником.

Дизайн-процесс Вариаций возможных дизайн-процессов в интернете много, поэтому я остановлюсь на классическом варианте, который мы обсуждали ранее: 1. Погружение в задачу. 2. Исследование и анализ конкурентов. 3. Продумывание сценариев. 4. Создание фреймворка. 5. Поиск визуального стиля. 6. Дизайн-макет.

брендбук, то есть правила визуального взаимодействия человека с компанией.

Я, например, периодически покупаю архитектурный журнал AD и заглядываю на их сайт, таким образом расширяя запас визуальных паттернов. Помимо архитектуры, можно наблюдать за природой или дизайнерской техникой (от автомобилей до кухонных устройств). Благодаря этому вы постепенно развиваете свой визуальный вкус и можете найти интересную идею для нового проекта.

Например, при покупке билетов на сайте авиакомпании столбцы таблицы выглядели бы примерно так: сайт, заполнение формы (откуда, куда, кто и когда), поиск подходящего рейса, просмотр подробностей, оплата. Каждый шаг – это не обязательно отдельная страница, так как сценарий можно реализовать в рамках одного экрана. По горизонтали (строки) располагается следующее: цель пользователя, ключевое действие, настроение, возможные проблемы, решения. Цель пользователя. В данном случае подразумевается не глобальная цель (купить билеты), а локальная на данном этапе. Например, заполнить форму или подобрать подходящий рейс. Ключевое действие. Исходя из цели, можно определить ключевое действие. На этапе заполнения формы это будет переход к списку рейсов по выбранным параметрам. Настроение. Здесь нужно определить, что чувствует пользователь на каждом этапе, и постараться избежать недовольства или замешательства. Если несколько этапов подряд идут негативные эмоции, высока вероятность, что пользователь бросит работу с сервисом. Возможные проблемы. Чрезвычайно важный этап, над которым стоит хорошо подумать. Он может включать в себя как ошибки из-за невнимательности, так и непонимание интерфейса. Например, на первом этапе покупки билетов есть вероятность, что человек ошибется с выбором даты. Это критичная ошибка, а потому цель дизайна – помочь ее избежать. В данном случае не помешает несколько раз показать дату при поиске рейсов и перед оплатой. Таким образом, повышается вероятность, что пользователь заметит ошибку (особенно если помимо цифры вы добавите день недели). Возможное непонимание интерфейса решается тремя способами: упрощением, системой подсказок и сменой дизайнера. Стремитесь к первому и избегайте последнего. Мне удавалось находить до десяти потенциальных проблем на каждом этапе, и понимание таких вещей сильно упрощало дальнейшую работу. Благодаря этому все дизайн-решения подкрепляются конкретными причинами, а не случайно увиденными паттернами, и вы сможете аргументированно защищать их перед заказчиком и коллегами. Решения. Данный этап тесно связан с предыдущим. На каждую проблему нужно найти одно или несколько решений. Именно поэтому CJM сильно помогает в проектировании интерфейсов. Таблица 1. Пример CJM

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

Если же она продолжает сценарий пользователя, то открывайте новую страницу в текущем.

Поэтому в данном случае лучше закрывать окно по нажатию на иконку крестика или кнопку «Отменить».