Плоский и традиционный дизайн интернет-сайтов: сравнительная оценка эффективн...Ivan Burmistrov
Доклад на конференции «Основные тенденции развития психологии труда и организационной психологии 2015» (Москва, 15-16 октября 2015 г.).
Статья: http://www.interux.ru/publications/Burmistrov_Zlokazova_Izmalkova_Leonova-Flat_vs_Traditional_Webdesign-2015.pdf
Исследование воздействия когнитивной и информационной нагрузки на эффективнос...Yury Solonitsyn
Представлены: обзор исследуемой проблемы, методика выполнения эксперимента, собранные данные и методы их математической обработки. Эксперимент выполнен в мае-июне 2016. Математическая обработка - ноябрь-декабрь 2016. Интерпретация данных, выводы, рекомендации - в процессе подготовки.
Презентация к докладу на конференции XLVI Научной и учебно-методической конференции, февраль 2017, Университет ИТМО, Санкт-Петербург.
Now into its ninth year, Fjord’s annual Trends Report 2016 has arrived and, once again, we unveil what we believe to be the most significant technology and business developments emerging and describe how they will transform our world in the coming 12 months.
Our Trends Report is the result of months of research, discussions and debate, pooling the collective experience at Fjord and Accenture Interactive and distilled into ten core ideas.
We believe 2016 will be another defining year for digital and will bring even more transformation, disruption and delight to organizations and their audiences. In the report you can expect to discover more about big data etiquette, the rise of employee experience (EX) design, disappearing apps, the true power of wearables and nearables and much more.
Check out the full Fjord Trends Report 2016 below, visit trends.fjordnet.com, and follow the conversation at #FjordTrends.
Enjoy!
See more at www.trends.fjordnet.com
Плоский и традиционный дизайн интернет-сайтов: сравнительная оценка эффективн...Ivan Burmistrov
Доклад на конференции «Основные тенденции развития психологии труда и организационной психологии 2015» (Москва, 15-16 октября 2015 г.).
Статья: http://www.interux.ru/publications/Burmistrov_Zlokazova_Izmalkova_Leonova-Flat_vs_Traditional_Webdesign-2015.pdf
Исследование воздействия когнитивной и информационной нагрузки на эффективнос...Yury Solonitsyn
Представлены: обзор исследуемой проблемы, методика выполнения эксперимента, собранные данные и методы их математической обработки. Эксперимент выполнен в мае-июне 2016. Математическая обработка - ноябрь-декабрь 2016. Интерпретация данных, выводы, рекомендации - в процессе подготовки.
Презентация к докладу на конференции XLVI Научной и учебно-методической конференции, февраль 2017, Университет ИТМО, Санкт-Петербург.
Now into its ninth year, Fjord’s annual Trends Report 2016 has arrived and, once again, we unveil what we believe to be the most significant technology and business developments emerging and describe how they will transform our world in the coming 12 months.
Our Trends Report is the result of months of research, discussions and debate, pooling the collective experience at Fjord and Accenture Interactive and distilled into ten core ideas.
We believe 2016 will be another defining year for digital and will bring even more transformation, disruption and delight to organizations and their audiences. In the report you can expect to discover more about big data etiquette, the rise of employee experience (EX) design, disappearing apps, the true power of wearables and nearables and much more.
Check out the full Fjord Trends Report 2016 below, visit trends.fjordnet.com, and follow the conversation at #FjordTrends.
Enjoy!
See more at www.trends.fjordnet.com
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...Ivan Burmistrov
Доклад на семинаре «Юзабилити как новая и перспективная область инженерной психологии» в Институте психологии РАН, 23 сентября 2010 г. (серия «Актуальные проблемы психологии труда, инженерной психологии и эргономики», руководитель – проф. В. А. Бодров)
HCI 2015 (8/10) Data Visualization (an introduction)Sabin Buraga
A presentation regarding the Human-Computer Interaction (2015): Data Visualization (an introduction).
For details, visit the HCI discipline Website available at http://profs.info.uaic.ro/~busaco/teach/courses/hci/
User interfaces for the next generation mobile POS-terminalsIvan Burmistrov
Presentation for Pan-Baltic World Usability Day 2012
In the nearest future, millions of customers will come to grips with a new class of mobile gadgets which are expected to invade retail and service environments soon, namely mobile POS-terminals and PIN-pads. The latest models of mobile POS-terminals have all functionality of a high-end smartphone (a variety of apps running under operating system, large touchscreen, powerful multimedia capabilities, and all types of wireless communication including GPRS, Bluetooth and Wi-Fi) plus NFC, the possibility to accept credit and loyalty cards of three types (magstripe cards, smartcards and contactless cards like MasterCard PayPass or Visa payWave) and a printer. Mobile POS devices can revolutionize the whole retail and service ecosystem and radically transform the behavior and social roles of customers and sales personnel. In our presentation, we describe our recent project on the user interface design for mobile POS-terminals and present guidelines for designing GUIs for this new class of gadgets.
Checkout How IBM is thriving a sustainable culture of design at IBM.
You will know about the IBM Design Heritage and how a bootstrap team refactor IBM Design in 2013 with the mission to create a design culture.
You will know more about the Core77 Award Winner IBM Design Education + Activation program which is the core for scaling design through out a 430,000 employes company.
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianWonderfull
Русскоязычная версия гайда по дизайн-мышлению, разработанная командой лаборатории Wonderfull на основе стэнфордского издания "An introduction to Design Thinking PROCESS GUIDE" d. School.
Основные этапы разработки ux-стратегии для lean-продуктов. Основные типы стратегий для lean-продуктов. Примеры стратегических планов управления опытом взаимодействия.
http://2014.404fest.ru/reports/ux-lean-planning/
Человеко-компьютерное взаимодействие и юзабилити-инженерия: современное состо...Ivan Burmistrov
Доклад на семинаре «Юзабилити как новая и перспективная область инженерной психологии» в Институте психологии РАН, 23 сентября 2010 г. (серия «Актуальные проблемы психологии труда, инженерной психологии и эргономики», руководитель – проф. В. А. Бодров)
HCI 2015 (8/10) Data Visualization (an introduction)Sabin Buraga
A presentation regarding the Human-Computer Interaction (2015): Data Visualization (an introduction).
For details, visit the HCI discipline Website available at http://profs.info.uaic.ro/~busaco/teach/courses/hci/
User interfaces for the next generation mobile POS-terminalsIvan Burmistrov
Presentation for Pan-Baltic World Usability Day 2012
In the nearest future, millions of customers will come to grips with a new class of mobile gadgets which are expected to invade retail and service environments soon, namely mobile POS-terminals and PIN-pads. The latest models of mobile POS-terminals have all functionality of a high-end smartphone (a variety of apps running under operating system, large touchscreen, powerful multimedia capabilities, and all types of wireless communication including GPRS, Bluetooth and Wi-Fi) plus NFC, the possibility to accept credit and loyalty cards of three types (magstripe cards, smartcards and contactless cards like MasterCard PayPass or Visa payWave) and a printer. Mobile POS devices can revolutionize the whole retail and service ecosystem and radically transform the behavior and social roles of customers and sales personnel. In our presentation, we describe our recent project on the user interface design for mobile POS-terminals and present guidelines for designing GUIs for this new class of gadgets.
Checkout How IBM is thriving a sustainable culture of design at IBM.
You will know about the IBM Design Heritage and how a bootstrap team refactor IBM Design in 2013 with the mission to create a design culture.
You will know more about the Core77 Award Winner IBM Design Education + Activation program which is the core for scaling design through out a 430,000 employes company.
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianWonderfull
Русскоязычная версия гайда по дизайн-мышлению, разработанная командой лаборатории Wonderfull на основе стэнфордского издания "An introduction to Design Thinking PROCESS GUIDE" d. School.
Основные этапы разработки ux-стратегии для lean-продуктов. Основные типы стратегий для lean-продуктов. Примеры стратегических планов управления опытом взаимодействия.
http://2014.404fest.ru/reports/ux-lean-planning/
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 «Интегральная оценка распределения
функциональных ресурсов пользователя при
решении поисковых задач в Интернет-среде»:
сравнение объективных результатов работы
пользователя, окуломоторики, физиологических
реакций и эмоционального состояния при
взаимодействии с сайтами, выполненными в
традиционном и плоском дизайне.