Present ibp2
-
Upload
aleksey-kulakov -
Category
Documents
-
view
449 -
download
2
Transcript of Present ibp2
![Page 1: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/1.jpg)
1
Проектирование интерфейса, ориентированного на цели пользователейКулаков Алексей, директор компании JetStyle
![Page 2: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/2.jpg)
Чтобы интерфейс приносил
выгоду бизнесу, надо сфокусироваться на
целях бизнеса и потребностях пользователя
![Page 3: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/3.jpg)
Интерфейс это диалог Постановка на сайт похожа на должностную инструкцию продавца, только вместо продавца у нас робот. Поэтому нужно сделать так чтобы самым главным пользователям он успешно ответил на самые главные вопросы.
![Page 4: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/4.jpg)
Интерфейс это диалог Постановка на сайт похожа на должностную инструкцию продавца, только вместо продавца у нас робот Поэтому нужно сделать так чтобы самым главным пользователям он успешно ответил на самые главные вопросы.
![Page 5: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/5.jpg)
Интерфейс это диалогПостановка на сайт похожа на должностную инструкцию продавца, только вместо продавца у нас робот Нужно чтобы самым главным пользователям, он успешно ответил на самые главные вопросы
![Page 6: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/6.jpg)
Интерфейсом пользуются не организации, а люди Поэтому наша задача в том чтобы привести людей к такому осуществлению их целей, когда они счастливы, а бизнес получает выгоду.
![Page 7: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/7.jpg)
Интерфейсом пользуются не организации, а люди Поэтому, наша задача в том, чтобы привести людей к такому осуществлению их целей, когда они счастливы, а бизнес получает выгоду.
![Page 8: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/8.jpg)
Интерфейсом пользуются не организации, а люди Поэтому наша задача в том чтобы привести людей к такому осуществлению их целей, когда они счастливы, а бизнес получает выгоду
![Page 9: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/9.jpg)
Как этого добиться?
![Page 10: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/10.jpg)
1. Понять, чем мы торгуем
![Page 11: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/11.jpg)
1. Понять, чем мы торгуем2. Понять, кто наш клиент
и чего ему хочется
![Page 12: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/12.jpg)
1. Понять, чем мы торгуем2. Понять, кто наш клиент
и чего ему хочется3. Понять, в чем наша
выгода и как ее посчитать
![Page 13: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/13.jpg)
1. Понять, чем мы торгуем2. Понять, кто наш клиент
и чего ему хочется3. Понять, в чем наша
выгода и как ее посчитать
4. Построить сценарий посещения
![Page 14: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/14.jpg)
1. Понять, чем мы торгуем2. Понять, кто наш клиент
и чего ему хочется3. Понять, в чем наша
выгода и как ее посчитать
4. Построить сценарий посещения
5. Нарисовать прототип и протестировать его
![Page 15: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/15.jpg)
Этим мы сегодня и будем
заниматься
![Page 16: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/16.jpg)
У нас должна получиться
постановка на интерфейс, которая
заставит сайт приносить вам выгоду
![Page 17: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/17.jpg)
Чем вы торгуете?
![Page 18: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/18.jpg)
Что у вас за продукт?Товар или услуга. Так как ее называет ваш клиент
Чем вы на самом деле торгуете? То в чем состоит смысл вашего продукта, с т.з. клиента
Почему его покупают именно у вас? Ответ на вопрос, чем вы лучше всех, или на вопрос, что заставляет сделать выбор в пользу вас
![Page 19: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/19.jpg)
Что у вас за продукт?Товар или услуга. Так как ее называет ваш клиент
Чем вы на самом деле торгуете? То в чем состоит смысл вашего продукта, с т.з. клиента
Почему его покупают именно у вас? Ответ на вопрос, чем вы лучше всех, или на вопрос, что заставляет сделать выбор в пользу вас
![Page 20: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/20.jpg)
Что у вас за продукт?Товар или услуга. Так как ее называет ваш клиент
Чем вы на самом деле торгуете? То в чем состоит смысл вашего продукта, глазами клиента
Почему его покупают именно у вас? Ответ на вопрос, чем вы лучше всех, или на вопрос, что заставляет сделать выбор в пользу вас
![Page 21: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/21.jpg)
Что у вас за продукт?Товар или услуга. Так как ее называет ваш клиент
Чем вы на самом деле торгуете? То в чем состоит смысл вашего продукта, глазами клиента
Почему его покупают именно у вас? Ответ на вопрос, чем вы лучше всех, или на вопрос, что заставляет сделать выбор в пользу вас
![Page 22: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/22.jpg)
Что у вас за продукт?Мы продаем сайты, интерфейсы и мультимедиа
Чем вы на самом деле торгуете? Красотой неописуемойКонверсией
Почему его покупают именно у вас? Нас рекомендуют. Мы включаем голову при работе над интерфейсом.
![Page 23: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/23.jpg)
Что у вас за продукт?Мы продаем сайты, интерфейсы и мультимедиа
Чем вы на самом деле торгуете? Красотой неописуемойКонверсией
Почему его покупают именно у вас? Нас рекомендуют Мы включаем голову при работе над интерфейсом
![Page 24: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/24.jpg)
Что у вас за продукт?Мы продаем запчасти для машин ВАЗ оптовикам
Чем вы на самом деле торгуете? Лояльность клиентов и маржу
Почему его покупают именно у вас? Маржа выше Качество стабильноеПоставки предсказуемые
![Page 25: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/25.jpg)
Что у вас за продукт?Мы продаем пляжные туры
Чем вы на самом деле торгуете? Эмоциями Спокойствием во время отдыха
Почему его покупают именно у вас? У нас действительно вежливые и толковые менеджерыЗа человеческое отношение
![Page 26: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/26.jpg)
Что у вас за продукт?СМИ про здоровый образ жизни в Екатеринбурге
Чем вы на самом деле торгуете? Исчерпывающими сведениями о фитнес-клубах и спортивных залах города
Почему его покупают именно у вас? Потому что удобно искать. Потому что информации много.
![Page 27: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/27.jpg)
Что у вас за продукт?СМИ про здоровый образ жизни в Екатеринбурге
Чем вы на самом деле торгуете? Внимание пользователей Попадание в тусовочку
Почему его покупают именно у вас? Нет других профильных региональных СМИ. У нас можно купить рекламу на очень скромный бюджет
![Page 28: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/28.jpg)
Что у вас за продукт?Всего понемногу
Чем вы на самом деле торгуете? Товаром
Почему его покупают именно у вас? Да мы и сами не знаем. Мы ничем не лучше
![Page 29: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/29.jpg)
Что у вас за продукт?Всего понемногу
Чем вы на самом деле торгуете? Товаром
Почему его покупают именно у вас? Да мы и сами не знаем. Мы ничем не лучше
![Page 30: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/30.jpg)
Даже если вы «торгуете тем же самым, что и все остальные» все равно у вас есть преимущества.
Их надо просто вытащить из опыта продаж.
![Page 31: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/31.jpg)
Почему это важно
![Page 32: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/32.jpg)
Что у вас за продукт?Про это все рассказывают на сайте Это просто, эта информация есть
Чем вы на самом деле торгуете? А вот это на самом деле интересует посетителя
Почему его покупают именно у вас? И вот это тоже.
![Page 33: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/33.jpg)
Что у вас за продукт?Про это все рассказывают на сайте Это просто, эта информация есть
Чем вы на самом деле торгуете? А вот это на самом деле интересует посетителя
Почему его покупают именно у вас? И вот это тоже
![Page 34: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/34.jpg)
Кто ваш клиент?
![Page 35: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/35.jpg)
Под клиентом я понимаю человека, с
которым вы обмениваетесь пользой.
![Page 36: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/36.jpg)
Какие группы клиентов приносят вам наибольшую выгоду?
Наибольшая выгода, это не обязательно прибыль в деньгах
![Page 37: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/37.jpg)
Какие группы клиентов приносят вам наибольшую выгоду?
Наибольшая выгода, это не обязательно прибыль в деньгах
![Page 38: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/38.jpg)
Например, самые для нас важные группы клиентов
1.Заказчики из Москвы, которым нужен вменяемый и качественный постоянный подрядчик2.Заказчики из Екатеринбурга, которые выбирают у кого бы сделать сайт 3.Профессионалы нашего рынка, которые смотрят, что нового
![Page 39: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/39.jpg)
Например, для СМИ о котором мы говорили:
1.Посетители из Екатеринбурга, выбирающие для себя спортивные услуги2.Руководители и ком.диры фитнес-клубов3.Инструктора спорт-залов 4.Просто посетители из Екатеринбурга
![Page 40: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/40.jpg)
Например, для компании, торгующей автозапчастями:
1.Менеджеры по закупкам из магазинов Екатеринбурга 2.Менеджеры «С северов» 3.Мелкие оптовики
![Page 41: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/41.jpg)
Как выделять группы:
1.Группа клиентов, это те, кого интересует не то, что всех остальных
2.Нас интересуют те группы, выгоду от которых можно увеличить с помощью интеренета
![Page 42: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/42.jpg)
Как выделять группы?
1.Группа клиентов, это те, кого интересует не то, что всех остальных
2.Нас интересуют те группы, выгоду от которых можно увеличить с помощью интернета
![Page 43: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/43.jpg)
Как выделять группы?
Лучший способ — наблюдать за клиентами в естественных условиях
И классифицировать результаты
![Page 44: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/44.jpg)
Как выделять группы?
…Поскольку на это никогда нет времени и сил, просто спросите ваших продавцов
![Page 45: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/45.jpg)
Как еще точнее понять потребность пользователя?
Метод персон
![Page 46: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/46.jpg)
Персона — это типичный представитель группы ваших пользователей
![Page 47: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/47.jpg)
Как определить типичного представителя?1.Деятельность: чем занят пользователь?2.Взгляды: что пользователь думает о предметной области и вашем продукте?3.Наклонности: образование и подготовка пользователя?4.Мотивация: в чем мотив и контекст проблемы пользователя?5.Навыки: умения пользователя связанные с предметной областью
![Page 48: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/48.jpg)
Описываем персону1.Кто он (она)? 2.Чем он
занимается? 3.С какой мыслью
он пришел к вам? 4.Откуда? 5.Чем он
отличается от остальных?
![Page 49: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/49.jpg)
Надо выделить 1 ключевую персону, для которой мы делаем сайт
Вспомогательные персоны тоже важны, но они не имеют права мешать ключевой
![Page 50: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/50.jpg)
Чтобы выделить ключевую персону, надо понять от кого нам больше выгоды
![Page 51: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/51.jpg)
В чем наша
Выгода?
![Page 52: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/52.jpg)
Какую исчислимую выгоду бизнес собирается извлекать из сайта?
Как сайт должен изменить ситуацию?
![Page 53: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/53.jpg)
Цель это ответ на вопрос «Что мы хотим получить на выходе?»
![Page 54: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/54.jpg)
Правильная цель:1. Показывает пользу
которую получает бизнес от сайта
2. Глагол совершенного вида (Что сделать?)
3. Понятно, как ее посчитать
4. Чем уже, тем лучше
![Page 55: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/55.jpg)
Примеры целей:1. Увеличить
обращения 2. Увеличить
прибыль3. Снизить
издержки4. Отстроиться от
конкурентов5. Помочь
выиграть тендер
![Page 56: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/56.jpg)
Кроме целей нужно понимать имеющиеся ограничения
![Page 57: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/57.jpg)
Какие бывают ограничения?
1. Бюджет проекта2. Рекламный бюджет3. Ресурсы для
поддержки и наполнения
4. Невозможность внесения изменений
5. …
![Page 58: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/58.jpg)
Сценарий посещения
![Page 59: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/59.jpg)
До сайта: 1. С чего началась
ситуация для пользователя?
2. Как звучит его проблема?
3. Чего он хочет добиться?
4. Как он попал к нам? 5. Что он собирается
делать на сайте?
![Page 60: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/60.jpg)
На сайте: 1. На какие вопросы он
будет сознательно искать ответ?
2. На что будет смотреть и обращать внимание?
3. Как он будет сужать свой выбор?
4. Чем закончится успешное посещение?
![Page 61: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/61.jpg)
Диаграмма входов и целей
и прототипы
![Page 62: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/62.jpg)
Основные типы страниц1.Входная (landing
page) 2.«Страница
подогрева»3.Разводящая
и/или навигационная
4.Цель
![Page 63: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/63.jpg)
Про каждую страницу мы должны знать: 1.Точки входа внешние2.Точки входа внутренние3.Приоритетность элементов страниц4.Что на странице можно измерять
![Page 64: Present ibp2](https://reader033.fdocument.pub/reader033/viewer/2022060116/557ed33ad8b42ae27f8b4fd4/html5/thumbnails/64.jpg)
Из этого следует номенклатура элементов