Плоский дизайн: юзабилити-экспертиза

Ivan Burmistrov
Ivan BurmistrovUsability expert ▪ A hater of the term “UX”
Плоский дизайн:
юзабилити-экспертиза
Иван
Бурмистров
Михаил
Протченко
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Плоская революция 2012-2014
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
За последние три года произошла кардинальная смена
визуального стиля пользовательских интерфейсов. Новый стиль
получил название плоского дизайна (flat design).
Дебютировав в операционной системе Windows Phone, плоский
стиль затем реализовался в операционных системах Windows 8,
Android, iOS 7. В июне с. г. пал последний бастион традиционных
интерфейсов – операционная система Mac OS X.
Истоки стиля: пешеходные указатели
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Истоки стиля: швейцарская школа
плаката и книжной графики
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Руководство ведущих софтверных компаний сделало
ставку на «инновационный» графический дизайн
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Идея перенесения
визуальной стилистики
принципиально
неинтерактивной среды
плаката и транспортных
указателей в принципиально
интерактивную среду
пользовательских
интерфейсов не могла
возникнуть у людей,
знакомых с азами человеко-
компьютерного
взаимодействия.
Целевой результат: «сбросить с корабля современности»
все достижения эргономики, науки о человеко-
компьютерном взаимодействии и юзабилити-инженерии
как помехи творческой самореализации графдизайнеров.
Ключевой принцип плоского дизайна:
никаких аналогий с реальным миром
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Прежде всего ликвидируются все признаки трёхмерности в
пользовательском интерфейсе: всплывающие окна, тени,
выпуклые кнопки, заглублённые поля ввода.
Легендирование: современные пользователи освоились с
компьютерами в достаточной мере и уже не нуждаются в
«подпорках» в виде метафор из реального мира.
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Как сделать,
чтобы
никто ничего
не прочитал
и не понял
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Предельно низкий контраст текста и фона
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
ВСЕ ПРОПИСНЫЕ
Ровно в 1914 г. была
опубликована первая
экспериментальная работа, в
которой было показано, что
тексты, набранные ALL CAPS,
считываются медленнее, чем
тексты в стиле Sentence case.
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Инверсная печать (выворотка)
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
«Интересные» шрифты
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Как сделать,
чтобы
никто ничего
не нажал
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
normal
hover
pressed
disabled
Кнопка в традиционном дизайне
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Древняя традиция: Xerox Star 8010 (1981 год)
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Плоские кнопки
Краткий курс плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Деформация форм
Плоский дизайн Microsoft и Apple
был мгновенно раскритикован
ведущими юзабилити-
специалистами.
Гуру веб-юзабилити Якоб
Нильсен поставил плоский
дизайн на первое место в списке
угроз пользователям.
Реакция юзабилити-экспертов на вакханалию графдизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
“I really do hate it”
Однако, эмпирическая база
против плоского дизайна на
удивление скромна...
Простой тест на сайте Become a hero
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Посетителю предлагается нажать
одну из кнопок с одинаковыми
метками.
Одна кнопка плоская, другая слегка
выпуклая.
3328
4990
Плоская выпуклая
p < 0.001
Тестирование 4-х плоских сайтов с участием 100 веб-
экспертов (графдизайнеры, программисты, маркетологи)
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Участники тестирования должны были определить, какие
элементы, по их мнению, кликабельны на этих четырёх
вебсайтах, и кликнуть их. Фиксировалась карта кликов.
Тестовое задание и результаты
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Процент ошибок типа «ложная тревога» (испытуемый
ошибочно идентифицировал некликабельный объект как
кликабельный) варьировал для разных сайтов от 16 до 38 (в
среднем: 29%).
29% ошибок, которые допускали веб-профессионалы,
означают крайне низкий уровень юзабилити плоского
дизайна в том случае, если им пользуются обычные
пользователи-непрофессионалы.
Наш опыт плоского дизайна
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Платёжный терминал wmpos
Используется для оплаты коммунальных услуг, электроэнергии
и телефонной связи, погашения банковских кредитов и т. п.
Пользователи – кассиры в магазинах.
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Платёжный терминал wmpos
Плоский интерфейс 2013
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Платёжный терминал wmpos
Эскизы 2014
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Сайт WebMoney.lv
Традиционный дизайн до января 2014
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Сайт WebMoney.lv
Плоский дизайн в январе 2014
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Сайт WebMoney.lv
Варианты лечения в течение 2014
Планируемые работы
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
Экспериментальное исследование в рамках
первого этапа работ по гранту РФФИ № 14-06-
00371 «Интегральная оценка распределения
функциональных ресурсов пользователя при
решении поисковых задач в Интернет-среде»:
сравнение объективных результатов работы
пользователя, окуломоторики, физиологических
реакций и эмоционального состояния при
взаимодействии с сайтами, выполненными в
традиционном и плоском дизайне.
Спасибо за внимание!
«Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
ivan@interux.com
1 of 29

Recommended

О современном состоянии юзабилити-инженерии by
О современном состоянии юзабилити-инженерииО современном состоянии юзабилити-инженерии
О современном состоянии юзабилити-инженерииIvan Burmistrov
3K views14 slides
Лекция №1. Введение в проектирование пользовательских интерфейсов. by
Лекция №1. Введение в проектирование пользовательских интерфейсов.Лекция №1. Введение в проектирование пользовательских интерфейсов.
Лекция №1. Введение в проектирование пользовательских интерфейсов.allileja
4.3K views27 slides
Лекция №1 by
Лекция №1Лекция №1
Лекция №1allileja
784 views28 slides
Плоский и традиционный дизайн интернет-сайтов: сравнительная оценка эффективн... by
Плоский и традиционный дизайн интернет-сайтов: сравнительная оценка эффективн...Плоский и традиционный дизайн интернет-сайтов: сравнительная оценка эффективн...
Плоский и традиционный дизайн интернет-сайтов: сравнительная оценка эффективн...Ivan Burmistrov
4.2K views24 slides
Исследование воздействия когнитивной и информационной нагрузки на эффективнос... by
Исследование воздействия когнитивной и информационной нагрузки на эффективнос...Исследование воздействия когнитивной и информационной нагрузки на эффективнос...
Исследование воздействия когнитивной и информационной нагрузки на эффективнос...Yury Solonitsyn
406 views26 slides
Mobile Air Ticket Booking by
Mobile Air Ticket BookingMobile Air Ticket Booking
Mobile Air Ticket BookingIvan Burmistrov
4.5K views14 slides

More Related Content

Viewers also liked

Ivan Burmistrov - User interfaces for mobile POS-terminals by
Ivan Burmistrov - User interfaces for mobile POS-terminalsIvan Burmistrov - User interfaces for mobile POS-terminals
Ivan Burmistrov - User interfaces for mobile POS-terminalswud_tallinn
1.7K views24 slides
Проектирование пользовательского интерфейса сенсорных киосков by
Проектирование пользовательского интерфейса сенсорных киосковПроектирование пользовательского интерфейса сенсорных киосков
Проектирование пользовательского интерфейса сенсорных киосковIvan Burmistrov
3.1K views34 slides
Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно... by
Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно...Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно...
Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно...wud
3K views16 slides
Человеческие факторы и безопасность в информационных системах by
Человеческие факторы и безопасность в информационных системахЧеловеческие факторы и безопасность в информационных системах
Человеческие факторы и безопасность в информационных системахIvan Burmistrov
3.1K views19 slides
WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще... by
WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще...WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще...
WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще...wud
2.6K views25 slides
Юзабилити электронной коммерции by
Юзабилити электронной коммерцииЮзабилити электронной коммерции
Юзабилити электронной коммерцииIvan Burmistrov
2.7K views53 slides

Viewers also liked(20)

Ivan Burmistrov - User interfaces for mobile POS-terminals by wud_tallinn
Ivan Burmistrov - User interfaces for mobile POS-terminalsIvan Burmistrov - User interfaces for mobile POS-terminals
Ivan Burmistrov - User interfaces for mobile POS-terminals
wud_tallinn1.7K views
Проектирование пользовательского интерфейса сенсорных киосков by Ivan Burmistrov
Проектирование пользовательского интерфейса сенсорных киосковПроектирование пользовательского интерфейса сенсорных киосков
Проектирование пользовательского интерфейса сенсорных киосков
Ivan Burmistrov3.1K views
Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно... by wud
Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно...Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно...
Иван Бурмистров - Дизайн пользовательского интерфейса приложений для мобильно...
wud3K views
Человеческие факторы и безопасность в информационных системах by Ivan Burmistrov
Человеческие факторы и безопасность в информационных системахЧеловеческие факторы и безопасность в информационных системах
Человеческие факторы и безопасность в информационных системах
Ivan Burmistrov3.1K views
WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще... by wud
WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще...WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще...
WUD2008 - Иван Бурмистров - Сайты авиакомпаний и агентств путешествий: текуще...
wud2.6K views
Юзабилити электронной коммерции by Ivan Burmistrov
Юзабилити электронной коммерцииЮзабилити электронной коммерции
Юзабилити электронной коммерции
Ivan Burmistrov2.7K views
Пользовательские интерфейсы почтовых клиентов by Ivan Burmistrov
Пользовательские интерфейсы почтовых клиентовПользовательские интерфейсы почтовых клиентов
Пользовательские интерфейсы почтовых клиентов
Ivan Burmistrov2.5K views
Теория деятельности и разработка информационных систем: современные тенденции by Ivan Burmistrov
Теория деятельности и разработка информационных систем: современные тенденцииТеория деятельности и разработка информационных систем: современные тенденции
Теория деятельности и разработка информационных систем: современные тенденции
Ivan Burmistrov2.8K views
презентация лекция 1, инженерная психология by СНУЯЭиП
презентация лекция 1, инженерная психологияпрезентация лекция 1, инженерная психология
презентация лекция 1, инженерная психология
СНУЯЭиП3.7K views
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо... by Ivan Burmistrov
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...
Ivan Burmistrov4.2K views
HCI 2015 (8/10) Data Visualization (an introduction) by Sabin Buraga
HCI 2015 (8/10) Data Visualization (an introduction)HCI 2015 (8/10) Data Visualization (an introduction)
HCI 2015 (8/10) Data Visualization (an introduction)
Sabin Buraga2K views
Юзабилити оформления покупки by Ivan Burmistrov
Юзабилити оформления покупкиЮзабилити оформления покупки
Юзабилити оформления покупки
Ivan Burmistrov3.1K views
иллюзии восприятия by Vlad Kondratenko
иллюзии восприятияиллюзии восприятия
иллюзии восприятия
Vlad Kondratenko1.3K views
User interfaces for the next generation mobile POS-terminals by Ivan Burmistrov
User interfaces for the next generation mobile POS-terminalsUser interfaces for the next generation mobile POS-terminals
User interfaces for the next generation mobile POS-terminals
Ivan Burmistrov6.1K views
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика by Yury Vetrov
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
Yury Vetrov103K views
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом by Yury Vetrov
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Yury Vetrov66.4K views
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian by Wonderfull
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianДизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / Russian
Wonderfull103.3K views
Ярослав Шуваев – Lean ux strategy by 404fest
Ярослав Шуваев – Lean ux strategyЯрослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategy
404fest2.2K views

More from Ivan Burmistrov

Юзабилити интернет-магазина: новые тенденции и старые ошибки by
Юзабилити интернет-магазина: новые тенденции и старые ошибкиЮзабилити интернет-магазина: новые тенденции и старые ошибки
Юзабилити интернет-магазина: новые тенденции и старые ошибкиIvan Burmistrov
3 views20 slides
Оценка и тестирование ПИ by
Оценка и тестирование ПИОценка и тестирование ПИ
Оценка и тестирование ПИIvan Burmistrov
3 views44 slides
Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового... by
Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового...Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового...
Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового...Ivan Burmistrov
1 view29 slides
Perceived legibility and aesthetic pleasingness of light and ultralight fonts by
Perceived legibility and aesthetic pleasingness of light and ultralight fontsPerceived legibility and aesthetic pleasingness of light and ultralight fonts
Perceived legibility and aesthetic pleasingness of light and ultralight fontsIvan Burmistrov
1.5K views22 slides
Touchscreen Kiosks in Museums by
Touchscreen Kiosks in MuseumsTouchscreen Kiosks in Museums
Touchscreen Kiosks in MuseumsIvan Burmistrov
3.5K views29 slides
Психология и юзабилити электронной коммерции by
Психология и юзабилити электронной коммерцииПсихология и юзабилити электронной коммерции
Психология и юзабилити электронной коммерцииIvan Burmistrov
1.2K views101 slides

More from Ivan Burmistrov(6)

Юзабилити интернет-магазина: новые тенденции и старые ошибки by Ivan Burmistrov
Юзабилити интернет-магазина: новые тенденции и старые ошибкиЮзабилити интернет-магазина: новые тенденции и старые ошибки
Юзабилити интернет-магазина: новые тенденции и старые ошибки
Ivan Burmistrov3 views
Оценка и тестирование ПИ by Ivan Burmistrov
Оценка и тестирование ПИОценка и тестирование ПИ
Оценка и тестирование ПИ
Ivan Burmistrov3 views
Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового... by Ivan Burmistrov
Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового...Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового...
Дизайн пользовательского интерфейса для мобильных платёжных терминалов нового...
Perceived legibility and aesthetic pleasingness of light and ultralight fonts by Ivan Burmistrov
Perceived legibility and aesthetic pleasingness of light and ultralight fontsPerceived legibility and aesthetic pleasingness of light and ultralight fonts
Perceived legibility and aesthetic pleasingness of light and ultralight fonts
Ivan Burmistrov1.5K views
Touchscreen Kiosks in Museums by Ivan Burmistrov
Touchscreen Kiosks in MuseumsTouchscreen Kiosks in Museums
Touchscreen Kiosks in Museums
Ivan Burmistrov3.5K views
Психология и юзабилити электронной коммерции by Ivan Burmistrov
Психология и юзабилити электронной коммерцииПсихология и юзабилити электронной коммерции
Психология и юзабилити электронной коммерции
Ivan Burmistrov1.2K views

Плоский дизайн: юзабилити-экспертиза

  • 1. Плоский дизайн: юзабилити-экспертиза Иван Бурмистров Михаил Протченко «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
  • 2. Плоская революция 2012-2014 «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 За последние три года произошла кардинальная смена визуального стиля пользовательских интерфейсов. Новый стиль получил название плоского дизайна (flat design). Дебютировав в операционной системе Windows Phone, плоский стиль затем реализовался в операционных системах Windows 8, Android, iOS 7. В июне с. г. пал последний бастион традиционных интерфейсов – операционная система Mac OS X.
  • 3. Истоки стиля: пешеходные указатели «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
  • 4. Истоки стиля: швейцарская школа плаката и книжной графики «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
  • 5. Руководство ведущих софтверных компаний сделало ставку на «инновационный» графический дизайн «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Идея перенесения визуальной стилистики принципиально неинтерактивной среды плаката и транспортных указателей в принципиально интерактивную среду пользовательских интерфейсов не могла возникнуть у людей, знакомых с азами человеко- компьютерного взаимодействия.
  • 6. Целевой результат: «сбросить с корабля современности» все достижения эргономики, науки о человеко- компьютерном взаимодействии и юзабилити-инженерии как помехи творческой самореализации графдизайнеров. Ключевой принцип плоского дизайна: никаких аналогий с реальным миром «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Прежде всего ликвидируются все признаки трёхмерности в пользовательском интерфейсе: всплывающие окна, тени, выпуклые кнопки, заглублённые поля ввода. Легендирование: современные пользователи освоились с компьютерами в достаточной мере и уже не нуждаются в «подпорках» в виде метафор из реального мира.
  • 7. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Как сделать, чтобы никто ничего не прочитал и не понял
  • 8. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Предельно низкий контраст текста и фона
  • 9. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 ВСЕ ПРОПИСНЫЕ Ровно в 1914 г. была опубликована первая экспериментальная работа, в которой было показано, что тексты, набранные ALL CAPS, считываются медленнее, чем тексты в стиле Sentence case.
  • 10. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Инверсная печать (выворотка)
  • 11. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 «Интересные» шрифты
  • 12. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Как сделать, чтобы никто ничего не нажал
  • 13. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 normal hover pressed disabled Кнопка в традиционном дизайне
  • 14. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Древняя традиция: Xerox Star 8010 (1981 год)
  • 15. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Плоские кнопки
  • 16. Краткий курс плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Деформация форм
  • 17. Плоский дизайн Microsoft и Apple был мгновенно раскритикован ведущими юзабилити- специалистами. Гуру веб-юзабилити Якоб Нильсен поставил плоский дизайн на первое место в списке угроз пользователям. Реакция юзабилити-экспертов на вакханалию графдизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 “I really do hate it” Однако, эмпирическая база против плоского дизайна на удивление скромна...
  • 18. Простой тест на сайте Become a hero «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Посетителю предлагается нажать одну из кнопок с одинаковыми метками. Одна кнопка плоская, другая слегка выпуклая. 3328 4990 Плоская выпуклая p < 0.001
  • 19. Тестирование 4-х плоских сайтов с участием 100 веб- экспертов (графдизайнеры, программисты, маркетологи) «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
  • 20. Участники тестирования должны были определить, какие элементы, по их мнению, кликабельны на этих четырёх вебсайтах, и кликнуть их. Фиксировалась карта кликов. Тестовое задание и результаты «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Процент ошибок типа «ложная тревога» (испытуемый ошибочно идентифицировал некликабельный объект как кликабельный) варьировал для разных сайтов от 16 до 38 (в среднем: 29%). 29% ошибок, которые допускали веб-профессионалы, означают крайне низкий уровень юзабилити плоского дизайна в том случае, если им пользуются обычные пользователи-непрофессионалы.
  • 21. Наш опыт плоского дизайна «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014
  • 22. «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Платёжный терминал wmpos Используется для оплаты коммунальных услуг, электроэнергии и телефонной связи, погашения банковских кредитов и т. п. Пользователи – кассиры в магазинах.
  • 23. «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Платёжный терминал wmpos Плоский интерфейс 2013
  • 24. «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Платёжный терминал wmpos Эскизы 2014
  • 25. «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Сайт WebMoney.lv Традиционный дизайн до января 2014
  • 26. «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Сайт WebMoney.lv Плоский дизайн в январе 2014
  • 27. «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Сайт WebMoney.lv Варианты лечения в течение 2014
  • 28. Планируемые работы «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 Экспериментальное исследование в рамках первого этапа работ по гранту РФФИ № 14-06- 00371 «Интегральная оценка распределения функциональных ресурсов пользователя при решении поисковых задач в Интернет-среде»: сравнение объективных результатов работы пользователя, окуломоторики, физиологических реакций и эмоционального состояния при взаимодействии с сайтами, выполненными в традиционном и плоском дизайне.
  • 29. Спасибо за внимание! «Психология труда, инженерная психология и эргономика», Санкт-Петербург 3-5 июля 2014 ivan@interux.com