Вводное занятие основы UCD User Centered Design Ярослав

Вводное занятие: основы UCD (User Centered Design) Ярослав Табаков Директор по развитию Astra Media Group

ОСНОВНЫЕ ПОНЯТИЯ И ОПРЕДЕЛЕНИЯ

Вводное занятие: основы UCD Понятия и определения Определение интерфейса Интерфе йс — совокупность возможностей, способов и методов взаимодействия двух систем. В случае, если одна из взаимодействующих систем — человек, чаще говорят лишь о второй системе, то есть об интерфейсе той системы, с которой человек взаимодействует. Ключевые слова • Совокупность возможностей – означает их ограничение • Человек – функционирующая система • Взаимодействие – человек воздействует на систему, а она на человека 3 32

Вводное занятие: основы UCD Понятия и определения Пример интерфейса 4 39

Вводное занятие: основы UCD Понятия и определения Компьютерный интерфейс Интерфейс программы обеспечивает взаимодействие человека и программы • Человек отдает команды, а система подчиняется и отвечает • Периодически система отдает команды, а человек подчиняется • Иногда человек отдает команды, а система не подчиняется, или не отвечает Элементы интерфейса: • Система ввода запросов; • Система вывода результатов; • Элементы управления в контексте выводимых результатов, • Запросы системы к пользователю, • Элементы оформления и визуализации. 5 32

Вводное занятие: основы UCD Понятия и определения Человеко-компьютерное взаимодействие (HCI) Человеко-компьютерное взаимодействие (HCI, англ. human-computer interaction) — полидисциплинарное научное направление, существующее и развивающееся в целях совершенствования методов разработки, оценки и внедрения интерактивных компьютерных систем, предназначенных для использования человеком, а также в целях исследования различных аспектов этого использования. Человеко – Компьютерное • Теория коммуникации; • Компьютерная графика; • Графическое и производственное проектирование; • Операционные системы; • Лингвистика; • Социология; • Когнитивная психология; • Языки программирования; • Среды разработки; • Аппаратные средства. • Удовлетворение пользователей. 6 32

Вводное занятие: основы UCD Понятия и определения Опыт взаимодействия (англ. User e. Xperience, UX) — это ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира. В более узком смысле, опыт взаимодействия характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования. Стандарт ISO 9241 -210, определение UX Ощущение и реакция человека, вследствие использования или предполагаемого использования продукта, системы или услуги. • Проектирование интерфейса – это проектирование опыта взаимодействия с системой; • Ощущения и восприятие – не техническая задача; • Мы входим в сумеречную зону психологии и эмоций. 7 32

Вводное занятие: основы UCD Понятия и определения Стандарт ISO 9241 -11, определение USABILITY Степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью. Ключевые слова • Определенные пользователи – не пытаемся делать «юзабельно» для всех; • Контекст – условия, в которых происходит взаимодействие, определяют опыт; • Цели – без понимания пользовательских целей нет смысла говорить о «юзабельности» ; • Эффективность – способность выполнять работу и достигать необходимого или желаемого результата с наименьшей затратой времени и усилий; • Продуктивность – плодотворность и результативность деятельности, достижение цели; • Удовлетворенность - субъективная (позитивная) оценка окружающей действительности, эмоциональное состояние человека после достижения цели. 8 32

Вводное занятие: основы UCD Понятия и определения Определение UCD User Centered Design – тип дизайна пользовательского интерфейса и процесс, в котором потребностям, желаниям и ограничениям конечных пользователей продукта уделяется большое внимание на каждом этапе процесса проектирования. Стандарт ISO 9241 -210, ключевые принципы UCD • Проектирование базируется на прозрачном понимании пользователей системы, их задач и условий работы. • Пользователи задействуются во всем процессе проектирования и разработки. • Проект управляется и совершенствуется на основе пользовательской оценки. • Этот процесс является итеративным. • Проектирование учитывает весь опыт взаимодействия. • Проектная группа владеет междисциплинарными знаниями и навыками. 9 32

ЛИРИЧЕСКОЕ ОТСТУПЛЕНИЕ НА ТЕМУ МАРКЕТИНГА

Вводное занятие: основы UCD Лирическое отступление Буквально два слова о маркетинге Продвижение $ 11 32

Вводное занятие: основы UCD Лирическое отступление Дорожная карта Исследование целевой аудитории и пользователей Сбор данных о продукте и бизнесе заказчика Сегментирование пользователей, создание персонажей Создание сценариев взаимодействия Построение информационной архитектуры Построение диаграммы путей и навигации Компоновка экранов, прототипирование Валидация, проверка необходимой достаточности 12 32

АНАЛИТИКА: ИССЛЕДОВАНИЕ ПОЛЬЗОВАТЕЛЕЙ

Вводное занятие: основы UCD Аналитика: исследование пользователей Исследование пользователей Кто? Зачем? Как? 14 32

Вводное занятие: основы UCD Аналитика: исследование пользователей Анализ целевой аудитории: • Выявление ключевых характеристик основных групп ЦА; • Формирование персон, представляющих каждую из групп; • Описание их потребностей, контекста и поведенческих стереотипов. Методы анализа: • Наблюдения, эксперимент, дневниковые исследования; • Интервью с потребителями; • Анализ статистики; • Массовые опросы; • Опрос представителей бизнеса, экспертные гипотезы. 15 32

АНАЛИТИКА: ФОРМИРОВАНИЕ ИДЕИ ПРОДУКТА

Вводное занятие: основы UCD Аналитика: формирование идеи продукта Имиджевое послание Имидж — искусственный образ, формируемый в общественном или индивидуальном сознании средствами массовой коммуникации и психологического воздействия. Имидж создается с целью формирования в массовом сознании определённого отношения к объекту. • Сформулируйте несколько (5) прилагательных, с которыми хотите ассоциировать бренд; • Весь фирменный стиль подчините соответствию этим эпитетам: • Логотип, • Фирменные цвета, • Оформление и визуальные примитивы; • Учитывайте ваше послание при проектировании сайта. 17 32

Вводное занятие: основы UCD Аналитика: формирование идеи продукта Формирование идеи бренда • «Философия уникального свойства» (Россер Ривз): • Перебрать все свойства товара, пока не найдется что-то уникальное; • Если в реальности ничего уникального нет, найти «ничью» особенность товара и сделать ее своей. • Где искать, если уникальных свойств нет? • Рассмотреть факторы контекста, связанные с товаром; • Эмоции, обещание преображения, которые хочется ассоциировать с товаром. • Уникальное торговое предложение: • Конкретное предложение для покупателя: купить конкретный товар и получить конкретную выгоду; • Конкуренты не могут сделать такое предложение, или не делают, хотя и могут; • Предложение должно быть достаточно сильным, чтобы вовлечь новых потребителей в покупку товара. 18 32

Вводное занятие: основы UCD Аналитика: формирование идеи продукта Креативная концепция Визуальные образы + Цветовое решение + Шрифтовое решение Характеристики, заложенные в позиционировании 19 32

Вводное занятие: основы UCD Аналитика: формирование идеи продукта References & Mood. Board 20 32

БЫСТРОЕ ПРОТОТИПИРОВАНИЕ

Вводное занятие: основы UCD Быстрое прототипирование Прототипирование — это быстрая «черновая» реализация базовой функциональности для анализа работы как отдельных элементов системы, так и системы в целом. Вид прототипа определяется: • Степенью детализации каркасов, • Интерактивностью, • Используемыми инструментами прототипирования, • Объектами прототипирования, • Схемой процесса создания. 22 32

Вводное занятие: основы UCD Каркасы (Wireframes) • Лэйаут • Каркас низкой детализации • Каркас высокой детализации • Каркас средней детализации • Конечная визуализация 23 32

Вводное занятие: основы UCD Каркасы (Wireframes) Лэйаут 24 32

Вводное занятие: основы UCD Каркасы (Wireframes) Низкая степень детализации 25 32

Вводное занятие: основы UCD Каркасы (Wireframes) Средняя степень детализации - акценты 26 32

Вводное занятие: основы UCD Каркасы (Wireframes) Средняя степень детализации – мощность 27 32

Вводное занятие: основы UCD Каркасы (Wireframes) Высокая степень детализации 28 32

ОФОРМЛЕНИЕ И ГРАФИЧЕСКИЙ ДИЗАЙН

Вводное занятие: основы UCD Оформление и графический дизайн Прототип vs Дизайн Концепция Прототип + Дизайн = Прототип и дизайн структурно совпадают, но визуально могут отличаться • В прототипе не всегда присутствует финальный контент • Частичное изменение расположения и размеров блоков (стилистически выгодно) • Уникальное решение (визуальное отличие элемента дизайна от прототипа, сохранением функциональности) 30 32

Оформление и графический дизайн Вступление Визуализация + Креативная концепция = Прототип 31 32 Дизайн-макет

СПАСИБО! А теперь попробуем это на практике…