Проектируя программное обеспечение, мы создаем его структуру, работаем над его архитектурой, в том числе информационной - создаем информационную модель. Человек, изучая программу, создает в своей голове ментальную модель - представление о нашем продукте, его возможностях и функциях. Наше представление и продукте и представление о нем в сознании пользователя встречаются в пользовательском интерфейсе, который при этом становится не просто способом взаимодействия с программой, но и учебным пособием.
Хорошая техническая документация окружает программный продукт - помогает его проектировать и продавать, помогает его осваивать, помогает его поддерживать и продолжать разработку.
Документация определяет User Experience или Customer Experience далеко за пределами пользовательского интерфейса.
Презентация к выступлению на встрече UX-специалистов в консорциуме Кодекс.
Интерфейс — Совместная работа аналитика и проектировщикаYury Solonitsyn
Краткий рассказ про то, как аналитик и проектировщик могут построить совместную работу над пользовательским интерфейсом, чем это полезно для них и для создаваемого продукта.
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...Yury Solonitsyn
Пользовательский интерфейс связывает между собой продукт (приложение, сайт) и пользователя. Структура интерфейса, как зеркало, отражает одновременно заложенную разработчиками информационную архитектуру продукта и его ментальную модель, формирующуюся в сознании пользователя. В зависимости от назначения продукта и уровня подготовки пользователей можно выбирать подход к представлению информационной архитектуры в структуре проектируемого интерфейса.
Выступление на конференции WIAD-2017 — 18 февраля 2017, Санкт-Петербург, Россия.
Хорошая техническая документация окружает программный продукт - помогает его проектировать и продавать, помогает его осваивать, помогает его поддерживать и продолжать разработку.
Документация определяет User Experience или Customer Experience далеко за пределами пользовательского интерфейса.
Презентация к выступлению на встрече UX-специалистов в консорциуме Кодекс.
Интерфейс — Совместная работа аналитика и проектировщикаYury Solonitsyn
Краткий рассказ про то, как аналитик и проектировщик могут построить совместную работу над пользовательским интерфейсом, чем это полезно для них и для создаваемого продукта.
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...Yury Solonitsyn
Пользовательский интерфейс связывает между собой продукт (приложение, сайт) и пользователя. Структура интерфейса, как зеркало, отражает одновременно заложенную разработчиками информационную архитектуру продукта и его ментальную модель, формирующуюся в сознании пользователя. В зависимости от назначения продукта и уровня подготовки пользователей можно выбирать подход к представлению информационной архитектуры в структуре проектируемого интерфейса.
Выступление на конференции WIAD-2017 — 18 февраля 2017, Санкт-Петербург, Россия.
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Yuri Vedenin
В докладе рассматриваются две дисциплины: бизнес-анализ и юзабалити (точнее, в более широком смысле - 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
- Промышленный дизайн + эгрономика + когнитивная психология = эффективные пользовательские интерфейсы?
- Кто он - наш будующий пользователь?
- Как превратить гадкого утенка в лебедя?
- В поисках серебрянной пули
- Юзабилити-попугай, или о единицах измерения удобства пользования
Я подготовил эту презентацию для внутреннего семинара Naumen, на котором каждый сотрудник может поделиться своим новым опытом, приобретенном в процессе работы, участия в конференциях и т.д.
Проектирование интерфейсов: Процесс+Команда=Продукт (2015)Yaroslav Perevalov
Конспект обзорной лекции на зимнем интенсиве по UI / UX в Британке (2015), описаны:
* Процесс-проектирования
* Роли в юзабилити-команде
* Организация взаимодействия ю-команды с командой проекта
* Виды требований к успешному продукту
Presentation explains different aspects why engineers. designers, UX designers should not force people to figure out how to do their tasks. It also explains why interfaces and things should be intuitive.
Обзорный материал о применяемых методиках работы над цифровыми продуктами. Лекция проведена в рамках интенсива по продуктовому дизайну в Британской Высшей Школе Дизайна (Москва).
Бизнес-анализ и юзабилити - найдите 10 отличий (и 10 сходств).Yuri Vedenin
В докладе рассматриваются две дисциплины: бизнес-анализ и юзабалити (точнее, в более широком смысле - 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
- Промышленный дизайн + эгрономика + когнитивная психология = эффективные пользовательские интерфейсы?
- Кто он - наш будующий пользователь?
- Как превратить гадкого утенка в лебедя?
- В поисках серебрянной пули
- Юзабилити-попугай, или о единицах измерения удобства пользования
Я подготовил эту презентацию для внутреннего семинара Naumen, на котором каждый сотрудник может поделиться своим новым опытом, приобретенном в процессе работы, участия в конференциях и т.д.
Проектирование интерфейсов: Процесс+Команда=Продукт (2015)Yaroslav Perevalov
Конспект обзорной лекции на зимнем интенсиве по UI / UX в Британке (2015), описаны:
* Процесс-проектирования
* Роли в юзабилити-команде
* Организация взаимодействия ю-команды с командой проекта
* Виды требований к успешному продукту
Presentation explains different aspects why engineers. designers, UX designers should not force people to figure out how to do their tasks. It also explains why interfaces and things should be intuitive.
Обзорный материал о применяемых методиках работы над цифровыми продуктами. Лекция проведена в рамках интенсива по продуктовому дизайну в Британской Высшей Школе Дизайна (Москва).
Проактивное управление проектами в среде Microsoft Visual Studio 2010Dmitry Andreev
В этой сессии мы рассмотрим ряд возможностей Visual Studio 2010, которые помогают управлять, осуществлять коммуникации, отслеживать работы, а также создавать отчеты по статусам проекта и ключевым показателям производительности на протяжении всего жизненного цикла проекта. Вы увидите новую «Книгу гибкого планирования» в Visual Studio 2010, а также новые средства создания отчетности, например информационные панели Microsoft® Office SharePoint® Server.
Краткое руководство по обучению пользователей веб-приложенийOleg Goncharenko
Изучение интерфейсов веб-приложений с помощью подсказок улучшает внимание пользователей к новым функциям, увеличивает их лояльность к продукту и помогает понять как выполнять конкретные задачи. Этому содействует сценарный тип обучения, который легко сделать в виде подсказок.
Презентация специально подготовлена для IT Event, организованного 26 ноября компанией InSearch в городе Киев. Создание подсказок и обучающих туров рассматривалось на примере сервиса Hintarea.com
Практический анализ и визуальное моделирование на UMLNikolai Kireev
Презентация курса online-тренингов, проводимых совместно Школой Системного Анализа г. Москва и IT-Студией WebMax.BY г. Минск.
Запись на курс по ссылке: http://school.system-analysis.ru/uml-online/
Исследование воздействия когнитивной и информационной нагрузки на эффективнос...Yury Solonitsyn
Представлены: обзор исследуемой проблемы, методика выполнения эксперимента, собранные данные и методы их математической обработки. Эксперимент выполнен в мае-июне 2016. Математическая обработка - ноябрь-декабрь 2016. Интерпретация данных, выводы, рекомендации - в процессе подготовки.
Презентация к докладу на конференции XLVI Научной и учебно-методической конференции, февраль 2017, Университет ИТМО, Санкт-Петербург.
Preliminary results of a research project, aimed on investigation of correlation between UI graphic design (decoration) and UI efficiency. Experimental data and short methodology description along with analogues projects review are included.
Field of Study and Research Methods for an Effect of Cognitive and Informatio...Yury Solonitsyn
Authors show one of the possible approaches to the experimental research of the cognitive and information load on PC’s users – the mental load or amount of efforts, spent because of the necessity to recognise screen form’s elements and to process the data presented.
Andrei Balkanskii, Artem Smolin, Yury Solonitsyn
ITMO University, Saint Petersburg, Russia
Все по полочкам — IA в интерфейсах и не толькоYury Solonitsyn
Информационная архитектура в том или ином виде встречается во всех сферах деятельности человека. От полок супермаркетов до системы навигации сайта или настраиваемых панелей инструментов профессиональных программ.
UX beyond UI: Иерархия потребностей и мотивация пользователейYury Solonitsyn
Проектировщики и менеджеры, занимающиеся созданием программных продуктов, сталкиваются с необходимостью классификации и анализа потребностей пользователей. Эта задача, часто становящаяся проблемой в области ИТ, давно и успешно решается в таких сферах, как экономика и маркетинг. Давайте посмотрим, как они это делают.
UX beyond UI: Иерархия потребностей и мотивация пользователей
Информационные и ментальные модели - WIAD 2015
1.
2. Ментальные модели
• Ментальная (концептуальная) модель —
представление об объекте или явлении,
сформированное в сознании человека;
• Не бывает двух одинаковых ментальных
моделей, хотя бывают похожие;
• Полнота и точность ментальной модели
определяют способность человека
взаимодействовать с объектом.
3. • Любое обучение или освоение новых
областей знаний — это формирование
ментальных моделей;
• Ребенок, играя, строит ментальные
модели объектов окружающего мира;
• Некоторые объекты настолько сложны,
что один человек не может изучить его
целиком.
Например, один врач не может изучить
все части организма, поэтому у врачей
есть множество специализаций.
Разделение труда (и знаний) возникает
во многих других областях. В IT есть
программисты, есть проектировщики,
есть дизайнеры.
Построение ментальных моделей
4. Ментальная модель — пример
Держать здесь
Продукты класть сюда
Этой стороной на огонь
Базовые знания об объекте, его назначении и
возможностях формируются быстро. Они позволяют начать
применять объект по назначению, но не гарантируют
полностью корректного и эффективного применения.
5. Ментальная модель — пример
Осторожно! Долго остается горячим!
Антипригарное покрытие.
Масла много не надо
Ручка пластиковая.
В духовку ставить нельзя
По мере накопления опыта знания об объекте
расширяются. Ментальная модель уточняется и
дополняется новыми деталями, что позволяет
взаимодействовать с объектом быстрее, эффективнее,
безопаснее.
6. • Интерфейс становится интуитивно
понятным в силу ранее полученного
опыта. Изучение не требуется или
сводится к минимуму;
• Интуитивно понятный интерфейс —
для него в голове у человека есть
готовая ментальная модель;
• По мере получения опыта все
больше интерфейсов становятся
интуитивно понятными;
• Отступление от общепринятой
практики — отказ от
«интуитивности».
Интуитивно понятный интерфейс
7. • Чем более технически
сложным является объект,
тем меньше вероятность
того, что человек обладает
«интуитивными» знаниями
о нем и его интерфейсе;
• Даже небольшой объем
информации в сочетании с
предыдущим опытом
позволяет начать работать
с объектом.
Дополнительные знания
повысят корректность и
эффективность работы.
Нет модели — не понятно, что делать
При отсутствии ментальной модели (знаний об объекте) человек
не сможет корректно пользоваться предметом или интерфейсом.
8. Создатели продукта заинтересованы в том, чтобы
пользователь:
• Быстро освоил продукт;
• Использовал продукт без ошибок и без опасности
для результатов труда;
• Работал с продуктом эффективно.
Чем полнее и качественнее ментальная модель, тем
точнее выполняются эти условия.
Почему важна ментальная модель?
9. • На обучение работе с некоторыми
интерфейсами у пользователя есть всего
несколько секунд;
• Чем скорее пользователь освоит продукт,
тем скорее он сможет приступить к работе;
• Это особенно важно для сервисов, работе с
которыми пользователь не обучается
специально (поисковые системы,
платежные терминалы, паркоматы и так
далее);
• Чем полнее продукт использует
предыдущий опыт пользователя (ранее
построенные ментальные модели), тем
проще он в освоении.
Ускоряем формирование ментальной модели
10. • Информационная модель — совокупность
сведений о параметрах объекта, его
возможных состояниях, входных и выходных
данных и взаимодействии с окружающей
средой (общенаучное определение);
• Применительно к программным продуктам —
набор объектов, над которыми выполняются
действия, и набор доступных пользователям
действий (функций).
Информационные модели
11. • Для каждого сервиса или сайта
может быть подготовлена
информационная модель;
• В идеале она строится до начала
разработки
• Упрощенный пример:
Информационная модель — пример
www.zootovar-spb.ru
12. Документированная информационная модель:
• Позволяет упорядочить процесс
проектирования и разработки;
• Помогает сгруппировать информационные
объекты и функции, делают продукт более
«прозрачным» для разработчиков и для
пользователей;
• Служит удобным исходным материалом для
проектирования интерфейса.
Зачем нам информационная модель?
13. Интерфейс (UI) — связующее звену между
информационной моделью, построенной
разработчиками и ментальной моделью, которая
формируется в голове пользователя.
Человеко-машинный интерфейс
14. • Информационная модель должна быть релевантной
задачам пользователя (программные классы и методы
интересны пользователям в рамках редких задач);
• Интерфейс должен максимально использовать
имеющийся у пользователя опыт, уже сформированные
им ментальные модели.
20 лет назад программисты создавали интерфейсы, опираясь
на внутреннюю модель устройства программы, которая не
всегда отражала задачу, решаемую пользователем.
А пользователи не имели опыта работы с компьютером.
Как создать понятный интерфейс?
15. • Подготовьте каналы получения информации о работе с
продуктом;
• Учитывайте время, которым располагает пользователь.
Помогите человеку изучить ваш продукт
16. • Используйте привычную пользователям терминологию,
подходящую к решаемой задаче;
• Объясняйте так, чтобы понял самый неопытный. Люди с
опытам простят вам многословие, а неопытные скажут
спасибо и смогут использовать ваш продукт (значит,
заплатят за него деньги ;)).
Говорите на языке пользователя
17. • Дональд Норман, «Дизайн привычных вещей»;
• Стивен Круг, «Не заставляйте меня думать!»;
• Дональд Норман, курс «Intro to the Design of
Everyday Things», Udacity.
Что стоит прочесть?
19. В презентации использованы изображения, полученные из следующих
источников:
• http://pixgood.com/happy-child-playing-with-toys.html
• http://www.silitcookware.com/html/fry_pans_yellow.html
• http://www.aamautomatic.ru/production/pay/home/
• TASCAM Portastudio 246, Owner’s manual.
Изображения