Slide 1

Slide 1 text

Как спроектировать лэндинг

Slide 2

Slide 2 text

Сегменты Целевая аудитория Персоны Сценарии Требования Источники Входы Выходы Метрики Цели сайта Цели бизнеса Лендинга Хотелки

Slide 3

Slide 3 text

На выходе – интерфейс 1.Навигация 2.Сценарии 3.Компоновка экрана (прототип) 4.Контент-план 5.Требования к функциональности 6.Оформление

Slide 4

Slide 4 text

Цель и задачи человека Цель — это то, ради чего он вообще действует. Желаемый образ будущего. «Как все стало» Задачи — это шаги, которые он предпринимает для достижения цели Сценарий — это последовательность действий при решении задачи

Slide 5

Slide 5 text

«Купить телефон Honor у нормального продавца» «Выбрать, какую беговую дорожку купить» «Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей Цели = глаголы

Slide 6

Slide 6 text

Основные задачи бизнеса (относительно сайта) Получить оплату заказа Зарегистрировать пользователя Добиться заполнения формы Получить данные опроса Получить разрешение на подписку Продать новый тарифный план

Slide 7

Slide 7 text

С какими метриками работает лэндинг? Увеличить конверсию в целевое действие Снизить показатель отказов Помочь продавцу в продаже Вовлечь во взаимодействие Спровоцировать вирусное распространение

Slide 8

Slide 8 text

Сценарий «как есть» Как возникла проблема у человека Как он перешел к ее решению Какие шаги ему надо предпринять 
 без вашего приложения или сайта Как он получил профит,
 или почему у него не получилось Куда он пошел после завершения сценария

Slide 9

Slide 9 text

Сценарий «как станет» Как возникла проблема у человека Как он перешел к ее решению Какие шаги ему надо предпринять 
 с помощью нашего приложения /сайта Как он получил профит, 
 и чем ситуация стала лучше Куда он пошел после сценария

Slide 10

Slide 10 text

Самый главный экран для персонажа Что он увидит? Что он должен 
 понять / сделать? Что нам нужно на выходе? Как человек попал сюда? Какой у него мотив?

Slide 11

Slide 11 text

ДОЛЖНО БЫТЬ НЕСКОЛЬКО ПОКОЛЕНИЙ ПРОТОТИПОВ Чтобы вы их сравнивали, а не отстаивали Первые прототипы не заслуживают вашей веры Это просто лопата, чтобы копаться в реальности

Slide 12

Slide 12 text

Landing – постановка В каком контексте находится человек до посещения? В чем проблема пользователя? Какая цель и ожидания персонажа от сессии в интернете? На какие вопросы пользователь ищет ответ? Какие барьеры нам надо снять? Какие аргументы у нас есть? На какую метрику работает страница?

Slide 13

Slide 13 text

Что почитать Книги для начинающих Норман Д. Дизайн привычных вещей Купер А. Психбольница в руках пациентов Круг С. Не заставляйте меня думать! Общая 
 методология Раскин Дж. Интерфейс: новые направления в проектировании компьютерных систем Мандел Т. Дизайн интерфейсов

Slide 14

Slide 14 text

Что почитать Паттерны взаимодействия Тидвелл Дж. Разработка пользовательских интерфейсов Юзабилити- тестирование Головач В. Юзабилити- тестирование по дешевке
 www.usethics.ru/lib/ testing_by_the_cheap.html Проектирование 
 веб-сайтов Джонсон Дж. Web-дизайн: типичные ляпы и как их избежать Нильсен Я. Веб-дизайн. Книга Якоба Нильсена