Информационные и ментальные модели - WIAD 2015Yury Solonitsyn
Проектируя программное обеспечение, мы создаем его структуру, работаем над его архитектурой, в том числе информационной - создаем информационную модель. Человек, изучая программу, создает в своей голове ментальную модель - представление о нашем продукте, его возможностях и функциях. Наше представление и продукте и представление о нем в сознании пользователя встречаются в пользовательском интерфейсе, который при этом становится не просто способом взаимодействия с программой, но и учебным пособием.
Хорошая техническая документация окружает программный продукт - помогает его проектировать и продавать, помогает его осваивать, помогает его поддерживать и продолжать разработку.
Документация определяет User Experience или Customer Experience далеко за пределами пользовательского интерфейса.
Презентация к выступлению на встрече UX-специалистов в консорциуме Кодекс.
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
UX-design: main life hacks every engineer should know
Nick explained how beautiful design can be even worse than ugly one and explain:
• what is UX and where is its place in the design
• what is the difference between usability and UX
• what are the levels and stages of the UX
• what tools and techniques are used in the UX
Информационные и ментальные модели - WIAD 2015Yury Solonitsyn
Проектируя программное обеспечение, мы создаем его структуру, работаем над его архитектурой, в том числе информационной - создаем информационную модель. Человек, изучая программу, создает в своей голове ментальную модель - представление о нашем продукте, его возможностях и функциях. Наше представление и продукте и представление о нем в сознании пользователя встречаются в пользовательском интерфейсе, который при этом становится не просто способом взаимодействия с программой, но и учебным пособием.
Хорошая техническая документация окружает программный продукт - помогает его проектировать и продавать, помогает его осваивать, помогает его поддерживать и продолжать разработку.
Документация определяет User Experience или Customer Experience далеко за пределами пользовательского интерфейса.
Презентация к выступлению на встрече UX-специалистов в консорциуме Кодекс.
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
UX-design: main life hacks every engineer should know
Nick explained how beautiful design can be even worse than ugly one and explain:
• what is UX and where is its place in the design
• what is the difference between usability and UX
• what are the levels and stages of the UX
• what tools and techniques are used in the UX
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...IT Club Mykolayiv
- Промышленный дизайн + эгрономика + когнитивная психология = эффективные пользовательские интерфейсы?
- Кто он - наш будующий пользователь?
- Как превратить гадкого утенка в лебедя?
- В поисках серебрянной пули
- Юзабилити-попугай, или о единицах измерения удобства пользования
Доклад Ксении Стерниной (Руководитель UX-лаборатории компании Mail.ru) "Профессия UX-Researcher" на открытии Летнего обучения Русской Школы сервисного дизайна. http://ProductDesign.center
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianWonderfull
Русскоязычная версия гайда по дизайн-мышлению, разработанная командой лаборатории Wonderfull на основе стэнфордского издания "An introduction to Design Thinking PROCESS GUIDE" d. School.
Как построить сайт для пользователей, а не для себя? Это один из главных вопросов, которые задают себе как агентства, так и клиенты в последние 10-ть лет
QA Fest 2014. Татьяна Завьялова. Юзабилити и живые людиQAFest
Классический подход к созданию программного продукта с высоким уровнем юзабилити предусматривает итеративную разработку с тестированием на потенциальных пользователях в конце каждой итерации. Зачем проводить тестирование на живых людях? Мы все прекрасно понимаем, что каждая отдельная конфигурация системы, будь то аппаратное или программное обеспечение, влияет на качество работы системы. Но вот с той стороны экрана есть два, вроде как стандартных, глаза, которые видят изображение на экране, и мозг, который полученную информацию интерпретирует. Конфигурации (опыт и навыки) этого мозга настолько разнообразны, что заранее предугадать последующую интерпретацию - задача очень даже нетривиальная.
Я расскажу о том, как проверить догадки бизнеса, дизайнеров и разработчиков методом пользовательского тестирования. Затрону методологию, протоколы, покажу примеры из своей практики. Будет интересно.
Тема скорее обзорная и рассчитана на широкую аудиторию. Формат: лекция с элементами дискуссии.
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...IT Club Mykolayiv
- Промышленный дизайн + эгрономика + когнитивная психология = эффективные пользовательские интерфейсы?
- Кто он - наш будующий пользователь?
- Как превратить гадкого утенка в лебедя?
- В поисках серебрянной пули
- Юзабилити-попугай, или о единицах измерения удобства пользования
Доклад Ксении Стерниной (Руководитель UX-лаборатории компании Mail.ru) "Профессия UX-Researcher" на открытии Летнего обучения Русской Школы сервисного дизайна. http://ProductDesign.center
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianWonderfull
Русскоязычная версия гайда по дизайн-мышлению, разработанная командой лаборатории Wonderfull на основе стэнфордского издания "An introduction to Design Thinking PROCESS GUIDE" d. School.
Как построить сайт для пользователей, а не для себя? Это один из главных вопросов, которые задают себе как агентства, так и клиенты в последние 10-ть лет
QA Fest 2014. Татьяна Завьялова. Юзабилити и живые людиQAFest
Классический подход к созданию программного продукта с высоким уровнем юзабилити предусматривает итеративную разработку с тестированием на потенциальных пользователях в конце каждой итерации. Зачем проводить тестирование на живых людях? Мы все прекрасно понимаем, что каждая отдельная конфигурация системы, будь то аппаратное или программное обеспечение, влияет на качество работы системы. Но вот с той стороны экрана есть два, вроде как стандартных, глаза, которые видят изображение на экране, и мозг, который полученную информацию интерпретирует. Конфигурации (опыт и навыки) этого мозга настолько разнообразны, что заранее предугадать последующую интерпретацию - задача очень даже нетривиальная.
Я расскажу о том, как проверить догадки бизнеса, дизайнеров и разработчиков методом пользовательского тестирования. Затрону методологию, протоколы, покажу примеры из своей практики. Будет интересно.
Тема скорее обзорная и рассчитана на широкую аудиторию. Формат: лекция с элементами дискуссии.
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Yuri Vedenin
В докладе рассматриваются две дисциплины: бизнес-анализ и юзабалити (точнее, в более широком смысле - UX). Авторы рассматривают сходства и различия двух дисциплин. В итоге находят много общего и подсказывают, куда и где надо посмотреть специалистам обеих дисциплин.
2. Usability ⧣ UX (User Experience)
UX - опыт взаимодействия
пользователя. Восприятие
и совокупность эмоций, возникающих
в результате использования и/или
предстоящего использования
продукции, системы или услуги
Usability - это удобство и
легкость взаимодействия
пользователя с продуктом,
а также простота его освоения
3. UXD (User Experience Design)
Это методология проектирования, основанная
на глубоком понимании пользователя
“
Томер Шарон
Старший исследователь UX в Google,
автор книги Validating Product Ideas
through Lean User Research
Лора Кляйн
Директор платформы Users Know,
автор книги UX for Lean Startups
UX-дизайн — это процесс, с помощью
которого определяется, какой опыт получит
пользователь, используя ваш продукт
“
4. Дисциплины UXD
Перевод
ИССЛЕДОВАНИЕ ПОЛЬЗОВАТЕЛЕЙ
Определяет кто наши пользователи, изучая
их поведение, потребности, мотивы и цели
ИНФОРМАЦИОННАЯ АРХИТЕКТУРА
Занимается принципами систематизации
информации и навигации по ней
ДИЗАЙН ВЗАИМОДЕЙСТВИЯ
Вводит анимацию в качестве обратной связи
при взаимодействии пользователя с системой
ПРОТОТИПИРОВАНИЕ
Симулирует финальны продукт с целью тестирования
и проверки идей перед запуском проекта
ЮЗАБИЛИТИ
Определяет удобство и легкость взаимодействия
пользователя с продуктом
КОНТЕНТ-СТРАТЕГИЯ
Анализирует язык пользователей и определяет
тон, который будет использоваться при обращении
к пользователям в различных ситуациях
5. Процесс UXD на практике
ИССЛЕДОВАНИЕ ФОРМИРОВАНИЕ
ИДЕЙ
СОЗДАНИЕ
ПРОТОТИПОВ
СОЗДАНИЕ
МАКЕТА
АНАЛИЗ
• Потребности,
мотивы и цели
пользователей
• Цели бизнеса
• Точки контакта
• Конкуренты
• Проблемы
• Концепция
• Путь пользователя
• Функции
• Вайрфреймы
• Проектирование
• Прототип
• Тестирование
на пользователях
• Улучшение идей
• Креативная
концепция
• Дизайн макеты
• Разработка
• Отзывы пользователей
• Мониторинг метрик
• Планирование
следующих итераций
Весь процесс UX-дизайна в профессиональных студиях выполняет команда, где каждый
специализируется в своей области. Исследование и анализ - опорная точка на всех этапах
создания продукта. Основная работа UX-аналитиков сосредоточена именно здесь.
6. Дизайн-мышление
ЭМПАТИЯ
ФОКУСИРОВКА
ГЕНЕРАЦИЯ ИДЕЙ
ВЫБОР ИДЕИ ПРОТОТИПИРОВАНИЕ
ТЕСТ
Глубокое погружение
в проблемную область
и опыт пользователей
Формулирование
конкретной, значимой
и реализуемой задачи
Генерация идей
и выбор решения
Создание модели
для тестирования
найденных решений
Получение обратной связи
и выбор наилучшего
решения
Отличительными особенностями метода являются глубокое проникновение в опыт пользователя,
фокусировка на индивидуальных сценариях поведения и действиях, а также экономичный и
итерационный подход к разработке проектов. Разработка - это постоянный процесс. Повторять
можно как весь процесс, так и отдельные стадии
7. Почему мы начинаем с исследования
1. Минимизировать риски вложения времени и ресурсов
в неправильные идеи
2. Сократить издержки на переделку: чем дальше заходит
дизайн, тем дороже и труднее вносить правки
3. Развеять UX Миф №14
Цели этапа:
Хорошая основа - путь
к успешному проектированию!
8. Вы такой же,
как ваши пользователи
UX Myths / UX-мифы
9. Необходимые качества исследователя
Эмпатия - способность понимать, почему люди поступают тем
или иным образом. Для этого нужно уметь ставить себя на место
других людей, научиться понимать их поступки
Любознательность - желание узнать, почему люди поступают
тем или иным образом
Ясность выражения - способность объяснить сложные понятия
в доступной форме для тех, кто не знаком или мало знаком
с данной область
11. Старый, средний и новый мозг
РЕПТИЛЬНЫЙ МОЗГ ЛИМБИЧЕСКИЙ МОЗГ НЕОКОРТЕКС
Триединая модель мозга: рептильный (старый, сенсорный), лимбический
(средний, эмоциональный) и неокортекс (новый, рациональный)
Контролирует ключевые функции
тела, например сердцебиение,
дыхание, равновесие
Хранит воспоминания о поступках, в
результате которых вы получили приятный
или неприятный опыт, и отвечает за эмоции
и оценочные суждения
Отвечает за язык, абстрактное
мышление, воображение и самосознание
12. Какой из трех отделов покупает
Волны в мозгу движутся от старого мозга к новому, то есть
процесс принятия решений гораздо менее рационален, чем
нам всем нравится думать. И более того: чувства возникают
прежде мыслей и они гораздо быстрее*
Эмоциональные реакции на стимулы сильнее рациональных
и активнее побуждают к действиям
Мы не думающие машины, которые чувствуют,
а чувствующие машины, которые думают
“
Антонио Дамасио
Профессором Нейронаук, Психологии и Философии в Университете Южной Калифорнии
*Джозеф Леду, профессор, нейробиолог
13. Модель работы потребительского инсайта
ВНЕШНИЙ СТИМУЛ
Поступающая
информация
формируется
впечатлением
ИНДИВИДУАЛЬНЫЕ
ФИЛЬТРЫ
Мотивация,
возможности,
ценности, образ
жизни
ОПРЕДЕЛЕНИЕ
ЦЕННОСТИ
Исходя из опыта и
других особенностей
восприятия
ОБДУМЫВАНИЕ
И АНАЛИЗ
Рациональная оценка
всех аспектов
ПОТРЕБИТЕЛЬСКОЕ
РЕШЕНИЕ
НЕОСОЗНАВАЕМЫЕ МЕХАНИЗМЫ
NeuroTrend
14. 6 эмоций для эффективных продаж
В момент принятия решения о покупке нами руководит микс
из следующих 6 чувств:
1. Жадность. «Если я сделаю это, я буду вознагражден»
2. Страх. «Если я не сделаю это, мне крышка»
3. Альтруизм. «Если я сделаю это, я принесу пользу людям»
4. Зависть. «Если я не сделаю это, я окажусь позади»
5. Гордость. «Если я сделаю это, я выделюсь среди прочих»
6. Стыд. «Если я не сделаю это сейчас, я буду выглядеть глупо»
На какие именно чувства воздействовать вам, зависит как от ваших
целевых покупателей, или buyer personas (что им ближе всего?),
так и от самого предложения (что больше всего подходит продукту?)
16. Зрение и внимание
• Какие визуальные особенности интерфейса
привлекают внимание?
• Куда в первую очередь смотрят пользователи?
• Какие слова или объекты они ищут?
Вопросы для самопроверки:
Чтобы понять, как визуальный ряд влияет на общее впечатление
от UX, нужно узнать, что на уме у пользователей
17. Ориентация в пространстве
• По каким подсказкам ваши пользователи смогут понять,
где они находятся?
• Как пользователь привык перемещаться в пространстве?
• Какие их привычные взаимодействия?
• Основываются ли они на понятной модели?
Вопросы для самопроверки:
Пользователи попадают из точки А в точку Б, используя
возможности информационной архитектуры, навигационных
подсказок, контента и так далее
18. Память и семантика
• Какие ментальные схемы активизируются в процессе
взаимодействия?
• Понятен ли UX?
• Помогает ли он активизировать паттерны, с которыми
пользователи уже знакомы?
Вопросы для самопроверки:
Пользователи приходят со своими ожиданиями,
сформированными благодаря предыдущему опыту
19. Язык
• Какие слова использует наша целевая аудитория?
• Каков их лексикон?
• Какие слова используем мы?
• Какой стиль речи подходит для продукта?
Вопросы для самопроверки:
В большинстве случаев пользователям нужно,
чтобы все было просто и понятно
20. Эмоции
• Что поможет немедленно завоевать доверие
пользователей?
• Что имеет для них значение и долговременную ценность?
• Что затрагивает их самые потаенные стремления и
желания?
Вопросы для самопроверки:
Пользователи опираются на эмоциональный багаж
и боятся совершить ошибку
21. Процесс принятия решения
• Как мы можем помочь пользователю принять решение?
• Какая информация у нас уже есть?
• Что пользователь захочет дальше?
• Как мы с помощью дизайна может подтвердить их
«микрорешения»?
Вопросы для самопроверки:
Пользователи хотят принимать правильные решения