Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Постановка на лэндинг

4e56f77922526f5f307728f1adc92bf5?s=47 Kulakov
April 09, 2020

Постановка на лэндинг

Учебный материал, для работы над первым интерфейсом

4e56f77922526f5f307728f1adc92bf5?s=128

Kulakov

April 09, 2020
Tweet

More Decks by Kulakov

Other Decks in Design

Transcript

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

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

    Цели сайта Цели бизнеса Лендинга Хотелки
  3. На выходе – интерфейс 1.Навигация 2.Сценарии 3.Компоновка экрана (прототип) 4.Контент-план

    5.Требования к функциональности 6.Оформление
  4. Цель и задачи человека Цель — это то, ради чего

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

    купить» «Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей Цели = глаголы
  6. Основные задачи бизнеса (относительно сайта) Получить оплату заказа Зарегистрировать пользователя

    Добиться заполнения формы Получить данные опроса Получить разрешение на подписку Продать новый тарифный план
  7. С какими метриками работает лэндинг? Увеличить конверсию в целевое действие

    Снизить показатель отказов Помочь продавцу в продаже Вовлечь во взаимодействие Спровоцировать вирусное распространение
  8. Сценарий «как есть» Как возникла проблема у человека Как он

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

    перешел к ее решению Какие шаги ему надо предпринять 
 с помощью нашего приложения /сайта Как он получил профит, 
 и чем ситуация стала лучше Куда он пошел после сценария
  10. Самый главный экран для персонажа Что он увидит? Что он

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

    не отстаивали Первые прототипы не заслуживают вашей веры Это просто лопата, чтобы копаться в реальности
  12. Landing – постановка В каком контексте находится человек до посещения?

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

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

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