«Барьер» Дом-модель Прототипы Тестирование Главный экран «Если, То, Благодаря» Контент-план Основные метрики юзабилити action-plan Кликабельные прототип customer journey map Бизнес-модель Ограничения и требования Сегменты Целевая аудитория Персоны Сценарии Требования Каналы Входы Выходы Метрики Цели сайта Цели бизнеса Требования
Что он хочет услышать? Никому не интересно, что предприятие хочет рассказать. Наша задача понять, что хочет узнать целевой пользователь Какие цели у бизнеса? Какой пользы мы хотим добиться? [выход]
на самом деле торгуете? Эмоциями Спокойствием во время отдыха Почему его покупают именно у вас? У нас действительно толковые продавцы Мы по-человечески относимся к людям во время продажи и отдыха
Чем вы на самом деле торгуете? Лояльностью клиентов Маржой Отсутствием геморроя с поставками Почему его покупают именно у вас? Маржа выше Качество стабильное Поставки в предсказуемые сроки
что такая информация уже есть в наличии Чем вы на самом деле торгуете? А вот это на самом деле интересует клиента Почему его покупают именно у вас? И вот это тоже
Сколько их? И чем они друг от друга отличаются в поведении? Методики Анализ конкурентов, интервью с пользователями, наблюдения за пользователями, фокус-группы Результат Отчет с общими характеристиками ЦА Первичный анализ аудитории
в заданном контексте Активность, Возраст, Опыт использования интерфейса, Страсть к приключениям, Готовность тратить деньги на развлечения 1 переменная = 1 шкала Для каждой шкалы задаем размерность. Например: много/средне/меньше среднего/мало/нет На каждой шкале будет по нескольку точек – переменных для каждой целевой группы Выделение персонажей
пользователями о том, какие у них проблемы, и как они их решают. Или спросите продавцов про это Опрос: после этого можно составить опросник. Цель – выделить пересекающиеся контексты и проблемы пользователей, и на их основании разбить аудиторию Наблюдение: если есть возможность, понаблюдайте за тем, как пользователи взаимодействуют с вашим (или аналогичным) сайтом или услугой Что узнаем: 1. Кто наши пользователи 2. Цели и задачи наших пользователей 3. Контекст будущего использования нашего сайта 4. Ключевые и второстепенные персоны
работает, где живет, чем увлекается, сколько лет 4. История (как возникла проблема) 5. Цель (что сейчас хочу получить в итоге) 6. Опыт использования интерфейса 7. Функция персонажа в экологии продукта
и не увлекаться фичами 2. Решают проблему «Резинового среднего юзера» 3. Решают проблему эгоцентричного «Мне так удобно» дизайна 4. Помогают расставить приоритеты в разработке и не тратить время на редкие исключения
он вообще действует. Желаемый образ будущего. «Как все стало» Задачи — это шаги, которые он предпринимает для достижения цели Сценарий — это последовательность действий при решении задачи
для каждой персоны 2. Составляем таблицу персоны / цели 3. Ранжируем цели по важности 1 страница — 1 ключевая персона — 1 главная цель Все что мешает ключевой персоне — выкидываем
«Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей
«Узнать, как проехать к офису компании» «Убедиться, что меня не кинут» «Связаться с компанией, чтобы узнать какие у них условия и сервис» Примеры целей пользователей Цели = глаголы
ее решению Какие шаги ему надо предпринять без вашего приложения или сайта Как он получил профит, или почему у него не получилось Куда он пошел после сценария
ее решению Какие шаги ему надо предпринять с помощью нашего приложения /сайта Как он получил профит, и чем ситуация стала лучше Куда он пошел после сценария
Выбрать по набору характеристик 2 0 Понять, можно ли доверять магазину 0 1 Убедиться, что не переплатил 1 2 Получить консультацию продавца -1 2 Получаем вес требований Например, мы помогаем выбрать фотоаппарат
достоверные отзывы о сервисе достоверные отзывы о товаре возможность вернуть товар без переплаты инструкции в формате pdf понять, что покупать • • • • найти конкретный товар • понять, как пользоваться • • убедиться в качестве товара • • убедиться в надежности поставщика • • функция гарантирует получение ценности функция существенно помогает получению ценности
достоверные отзывы о сервисе достоверные отзывы о товаре возможность вернуть товар без переплаты инструкции в формате pdf понять, что покупать • • • • найти конкретный товар • понять, как пользоваться • • убедиться в качестве товара • • убедиться в надежности поставщика • • затраты 80 240 120 230 150 7000 15 время 9 12 8 40 24 2 1
дополнительных денег? Существующие у компании базы данных Накопленная известность бренда Большой объем уникальной информации Какая рекламная активность уже есть? Уже существующая офлайн реклама Проведение акций Бонусные программы Чем пользуются наши конкуренты? Откуда приходят посетители к местным / федерльным /мировым конкурентам? На что мы тратим рекламный бюджет? Контекст / SEO / Медийная реклама / Контент-поддержка
шагов пользователя по дороге к цели его визита) 2. Фиксируем артефакты (Объекты, которые встречаются в требованиях и сценариях решения задач) 3. Компонуем артефакты по экранам. Даем экранам называния. Так, чтобы по называнию экрана было понятно, что там происходит 4. Рисуем карту переходов
пользователя возникает проблема. Он ее мысленно формулирует и несет в интернет. 2. Потом из интернета попадает на какую-то страницу сайта 3. ...на которой его сценарий должен продолжиться 4. Такая страница называется landing page
один из нескольких сценариев. Например, главная страница сайта Нагревающие страницы — страницы, помогающие пользователю понять, что его выбор действительно хороший. Например, страницы обзорных статей, страницы сравнения товаров Сервисные и навигационные страницы — страницы, помогающие пользователю найти нужную ему информацию. Например, страницы результатов поиска, страницы визардов или страницы с фильтрами
многие вопросы Не заставляйте его повторять ненужные операции Важно, чтобы он быстро вспомнил логику навигации. Например, повторил заказ Хорошо бы проявить заботу и благодарность. Предложить скидку за повторную покупку, например Длительная продажа Часто пользователи покупают не при первом посещении Помогите им поделиться информацией Покажите, что они смотрели в прошлый раз Предложите подписаться на рассылку Помощь в телефонной продаже Очень важно уметь открыть одну и ту же страницу Очень важно иметь простую для объяснения по телефону навигацию: – Простые адреса – Внятную структуру отдельной страницы – Четкое зонирование Сайт должен показывать то, что подкрепит устное высказывание – Изображение товара – Наглядное сравнение – Конструктивные схемы
прототип главного экрана 3. Первый прототип точек входа 4. Карта состояний 5. Кликабельный прототип в устройстве 6. Альфа с реальными данными и юзерами
путешествуют и не умеют грамотно формулировать свои мысли и генерировать качественный контент, То мы решим проблему невозможности выразить себя и рассказать о своих впечатлениях красиво и эффектно Благодаря нативным средствам и помощникам, не дающим написать лишнее, и удобному интерфейсу, возможности легко обработать фотки, и механизму шаринга 1-я версия
путешествуют и не умеют грамотно формулировать свои мысли и генерировать качественный контент, То мы решим проблему невозможности выразить себя и рассказать о своих впечатлениях красиво и эффектно Благодаря нативным средствам и помощникам, не дающим написать лишнее, и удобному интерфейсу, возможности легко обработать фотки, и механизму шаринга 1-я версия «Не верю» (с) Станиславский
то автору будет проще формулировать свои мысли о путешествиях, благодаря тому, что мысль станет короче и понятней. Если мы создадим сайт, который будет помогать обрабатывать фотки, то у пользователя будут получаться приличные фотки, благодаря тому, что обработанные фотки будут выглядеть лучше. 2-я версия
своим друзьям в поездке, то мы решим проблему поиска компании для путешествий, благодаря тому, что друзья пользователя будут заранее писать о своих планах, и пользователь будет знать, куда и когда едут его друзья, и сможет к ним присоединиться 4-я версия
мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. 5-я версия
мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. Барьер сложность мешающая получить желаемое
мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. Барьер сложность мешающая получить желаемое Ценность то ради чего клиент отдает деньги
мы решим проблему доверия к информации о турфирмах и отелях, благодаря тому, что мы будем прозванивать клиентов через день после звонка в фирму и через неделю после тура. Тяжелая работа и серьезные затраты
задач, если до этого он никогда не видел интерфейс? Эффективность использования: После того, как пользователь научился пользоваться интерфейсом, насколько быстро он сможет выполнять задачи? Запоминаемость: Если пользователь работал ранее с сайтом, сколько он смог запомнить и не придется ли ему изучать систему снова? Количество и серьезность ошибок: Как часто пользователь ошибается при работе с системой, насколько серьезны эти ошибки? Субъективное удовлетворение: В какой мере пользователю нравится работать с системой?
Дизайн / Программирование / Тестирование Категория (В какой форме?) Классы объектов Новости / Товары / Акции Операция (Что сделать?) Действия и операции Послать заявку / Задать вопрос / Купить билет / Выбрать курорт Роль (Кому это надо?) Группы клиентов по потребностям Коммерческому директору / Системному администратору / Журналисту Проблема (Что случилось?) Ситуации, в которых может оказаться пользователь Все сломалось / Надоело самому обслуживать компьютер / Бизнес вырос
что сделать? Роли кому это надо? Проблемы что случилось? Интернет-магазины ✓ ✓ Форумы ✓ ✓ Блоги ✓ ✓ СМИ , Порталы ✓ ✓ Корпоративные сайты ✓ ✓ ✓ 5 оснований для навигации
Цели сайта Цели бизнеса «Черный ящик» AIDA(S) «Главные вопросы» Сегментация по шкалам Пирамида потребностей «Барьер» Дом-модель Прототипы Тестирование Главный экран «Если, То, Благодаря» Контент-план Основные метрики юзабилити action-plan Кликабельные прототип customer journey map Бизнес-модель Требования Ограничения и требования
этого польза) Цели сайта = Метрики (ранжированный список того, что мы можем посчитать) Ограничения (чего нельзя делать или превышать) Пользователь Сегменты аудитории (три основных группы) Персонажи и их цели (три типичных портрета) Успешные сценарии (самая длинная схема)
Выбрать по набору характеристик 2 0 Понять, можно ли доверять магазину 0 1 Убедиться, что не переплатил 1 2 Получить консультацию продавца -1 2 Получаем вес требований Например, мы помогаем выбрать фотоаппарат
достоверные отзывы о сервисе достоверные отзывы о товаре возможность вернуть товар без переплаты инструкции в формате pdf понять, что покупать • • • • найти конкретный товар • понять, как пользоваться • • убедиться в качестве товара • • убедиться в надежности поставщика • • затраты 80 240 120 230 150 7000 15 время 9 12 8 40 24 2 1
В чем проблема пользователя? Какая цель и ожидания персонажа от сессии в интернете? На какие вопросы пользователь ищет ответ? Какие барьеры нам надо снять? Какие аргументы у нас есть? На какую метрику работает страница?
Купер А. Психбольница в руках пациентов Круг С. Не заставляйте меня думать! Общая методология Раскин Дж. Интерфейс: новые направления в проектировании компьютерных систем Мандел Т. Дизайн интерфейсов
тестирование Головач В. Юзабилити- тестирование по дешевке www.usethics.ru/lib/ testing_by_the_cheap.html Проектирование веб-сайтов Джонсон Дж. Web-дизайн: типичные ляпы и как их избежать Нильсен Я. Веб-дизайн. Книга Якоба Нильсена
kulakov
hicard
lynteo
teba_eleven
kenichiota0711
toshihidemurata
abokadotyann
terencebasart
takaikanako
godlingkogami
root_recruit
usagimaru
kspace
deanohume
trallard
pwiseman
schroneko
soudai
carmenintech
.png){kind=avatar}
helenjbeal
csswizardry
codingconduct
andyhume
apolaine
yeseniaperezcruz
![Вход и выход [вход] В чем проблема и сомнения пользователя?](https://files.speakerdeck.com/presentations/8dc26da6a6a1453994b16581db1b0ac7/slide_10.jpg){kind=link}
![Вход и выход [вход] В чем проблема и сомнения пользователя?](https://files.speakerdeck.com/presentations/8dc26da6a6a1453994b16581db1b0ac7/slide_11.jpg){kind=link}
![jetstyle.ru [email protected] +7 912 68 88 119](https://files.speakerdeck.com/presentations/8dc26da6a6a1453994b16581db1b0ac7/slide_109.jpg){kind=link}