SlideShare a Scribd company logo
1 of 62
Usability: Don’t make me think Konstantin Polosukhin, DataArt
Содержание Эволюция интерфейсов Usability Важность Usability Восприятие интерфейсов Мифы в Usability Apple, Google, Microsoft 2
Эволюция интерфейсов 3
4
К чему мы пришли... 5
К чему мы пришли... Устройства с Natural User Interface проникают в нашу жизнь. Мы уже пользуемсяNUI устройствами (телефоны, терминалы, игровые устройства). Нужно с этим считаться. 6
Особенности для пользователя 7
8
Особенности для пользователя Удобный, простой интерфейс. Высокая скорость достижения цели. Требуется мало времени на запоминание и обучение. Все естественно, красиво, эргономично. 9
Особенности для разработчика 10
11
Особенности для разработчика Нет четкой категории пользователей. Нет системы единых стандартов. Высокая цель – сделать максимально просто с максимальной эффективностью. Учесть все особенности guidelines платформы. Соответствовать общему стилю. 12
5 ключей Usability 13
14
5 ключей Usability Usability – атрибут качества, который определен 5 критериями (ключами): Обучение: Легко обучиться? Эффективность: Быстро достигнуть цели? Запоминание: Легко запомнить интерфейс? Ошибки:Насколько их много и как легко восстановиться. Удовлетворение: Насколько приятный дизайн.  15
Главный ключ:Не заставляйте меня думать! 16
17
Не заставляйте меня думать! Это отдаляет пользователя от достижения цели. Это заставляет пользователя делать то, чего он не хочет. Это заставляет разбираться как работает приложение. Это раздражает. 18
Не заставляйте меня думать! Это заставляет пользователя приспосабливаться под продукт!  Это снижает 3 критерия usability: Обучение. Эффективность.  Запоминание. 19
Что нас заставляет думать? 20
Что нас заставляет думать? Плохая навигация. Сложный, громоздкий текст. Нелогичность. Непоследовательность. Длинная цепь событий. Неясные цели и задачи приложения. 21
Usability – это важно! 22
Usability – это важно! Мы лишаемся пользователей, если запутываем их. Если пользователю нравится наше приложение – он будет его рекомендовать. Довольный пользователь это лучше, чем раздраженный! Больше пользователей приносят больше денег. 23
Маленький пример почему отсутствие Usability – это плохо 24
Завязка истории о велосипеде 25
Завязка У инженера был проект велосипеда для двоих (тандем). Друг дал денег на прототип, чтобы начать серийное производство. Инженер обрадовался и приступил к разработке. Инженеру было выделено мало времени. 26
Кульминация истории о велосипеде 27
Кульминация Тормозить было неудобно. Инженеру говорили о дефектах, но он находил отговорки. Тестировать прототип пришла жена инвестора. Решили испытать на высокой скорости и крутых поворотах. 28
Развязка истории о велосипеде 29
Развязка/Результат Инженер и жена друга в больнице. Соседу сломали забор и ногу. Прототип велосипеда сломан. Бизнес потерпел неудачу. Мечты инженера разбиты. 30
Факты восприятия интерфейсов 31
32
Мы воспринимаем интерфейс согласно тому кто мы есть 33
Пользователь – это не мы Если я дизайнер, всем должен нравиться дизайн этих кнопок. Я, разработчик, понимаю этот текст и пользователь поймет. Мне удобно и всем удобно. Кому неудобно – тех мало и не стоит обращать на них внимание. 34
Мы не читаем, мы бегло просматриваем 35
Мы бегло просматриваем Мы спешим и считаем, что у нас нет времени. Мы знаем, что нам не нужно всё читать. Мы читаем, то что привлекает внимание. Мы привыкли так делать с детства. 36
Мы выбираем первый подходящий вариант 37
Мы выбираем первый подходящий вариант Зачем думать, если можно нажать и потом вернуться. Расчет оптимального выбора может не ускорить процес. Экспериментировать – природа человека. 38
Мы не разбираемся и не ищем других путей 39
Мы не разбираемся и не ищем других путей Мы считаем, что нам не нужно знать как работает приложение. Если мы нашли один путь решения, мы не будем искать другой. Мы полагаемся на опыт, а не на теорию. Мы используем «метод научного тыка». 40
И еще немного... 41
42
«Среднего пользователя» нет! 43
«Среднего пользователя» нет! Все люди разные. То, что хорошо одному, другому-плохо. Нет точного определения как сделать правильно, чтобы угодить всем. Нужно искать «золотую середину». 44
Хороший интерфейс – это сложно! 45
Хороший интерфейс – это сложно! Область Usability не имеет точных правил. Нет точного представления о пользователе. Есть только наблюдения и конкретные факты. 46
Создать хороший интерфейс 47
Создать хороший интерфейс Максимально представить себя пользователем. Если что-то заставляет нас думать, значит что-то не так. Отойти от представления, что пользователь это мы. 48
Примеры плохих интерфейсов 49
50
51
Я вложил деньги в какую-то яблочную компанию  52
Приготовить яблочный пирог  53
Приготовить яблочный пирог Создать удобные, эргономичные устройства. Создать удобный, красивый интерфейс. Добавить рекламу по вкусу  54
Продать андроида  55
Продать андроида Сказать, что все открыто (welcome). Сделать устройства доступными. Создать хороший интерфейс. Провести рекламную кампанию. 56
Продать окна  57
Продать андроида Собрать все, что есть в доме и сделать микс . Пожить в метро и почерпнуть идею стиля интерфейса. Создать Usability лабораторию. Создать удобный, хороший интерфейс. 58
Качество интерфейса – один из важнейших приоритетов 59
Полезный материал http://www.usabilityfirst.com/- ресурс, посвящен Usability. http://www.uxmatters.com/-ресурс и журнал о Usability и User Experience. http://www.uxmag.com/ - журнал о Usability. Steve Krug “Don’t make me think!” 60
Пожалуйста, вопросы? Konstantin Polosukhin, DataArt
Благодарю за внимание и поддержку! Konstantin Polosukhin, DataArt

More Related Content

What's hot

Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикХитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
 
Usability lecture sam solutions by gleb uvarov part 1
Usability lecture sam solutions by gleb uvarov part 1Usability lecture sam solutions by gleb uvarov part 1
Usability lecture sam solutions by gleb uvarov part 1Anastasia Schebrova
 
Lean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процессLean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процессMitya Osadchuk
 
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомYury Vetrov
 
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...Mail.ru Group
 
филиппов Material design для проектирования продуктов
филиппов   Material design для проектирования продуктовфилиппов   Material design для проектирования продуктов
филиппов Material design для проектирования продуктовMagneta AI
 
Дизайн успешных продуктов
Дизайн успешных продуктовДизайн успешных продуктов
Дизайн успешных продуктовAndrey Gargul
 
Design Management
Design ManagementDesign Management
Design ManagementStan Ru
 
Интерфейс — Совместная работа аналитика и проектировщика
Интерфейс — Совместная работа аналитика и проектировщикаИнтерфейс — Совместная работа аналитика и проектировщика
Интерфейс — Совместная работа аналитика и проектировщикаYury Solonitsyn
 
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в СбербанкеUX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в СбербанкеUX-Среда
 
Как и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестированииКак и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестированииПрофсоUX
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаYury Vetrov
 
iDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewiDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewcgvictor
 
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...ПрофсоUX
 
Юрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнЮрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнYury Vetrov
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2Yury Vetrov
 
BHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceBHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceTema Gladkov
 
Как продавать исследования
Как продавать исследования Как продавать исследования
Как продавать исследования Anastasia Schebrova
 

What's hot (20)

Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикХитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчик
 
Prototyping
PrototypingPrototyping
Prototyping
 
Usability lecture sam solutions by gleb uvarov part 1
Usability lecture sam solutions by gleb uvarov part 1Usability lecture sam solutions by gleb uvarov part 1
Usability lecture sam solutions by gleb uvarov part 1
 
Lean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процессLean UX, Уровни UX, UXD процесс
Lean UX, Уровни UX, UXD процесс
 
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
 
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
 
филиппов Material design для проектирования продуктов
филиппов   Material design для проектирования продуктовфилиппов   Material design для проектирования продуктов
филиппов Material design для проектирования продуктов
 
Дизайн успешных продуктов
Дизайн успешных продуктовДизайн успешных продуктов
Дизайн успешных продуктов
 
Design Management
Design ManagementDesign Management
Design Management
 
Интерфейс — Совместная работа аналитика и проектировщика
Интерфейс — Совместная работа аналитика и проектировщикаИнтерфейс — Совместная работа аналитика и проектировщика
Интерфейс — Совместная работа аналитика и проектировщика
 
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в СбербанкеUX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
UX-Среда №21: Дмитрий Щеглов — Мобильный дизайн в Сбербанке
 
Как и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестированииКак и когда использовать айтрекер на юзабилити тестировании
Как и когда использовать айтрекер на юзабилити тестировании
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
 
iDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - previewiDeal Machine - UX - 27052014 - preview
iDeal Machine - UX - 27052014 - preview
 
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
У семи нянек дитя без глаза? Пара лет проблем и решений в UX зарубежного веб-...
 
Юрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнЮрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайн
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
 
BHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceBHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interface
 
Как продавать исследования
Как продавать исследования Как продавать исследования
Как продавать исследования
 
Task-Centered Design
Task-Centered DesignTask-Centered Design
Task-Centered Design
 

Similar to Usability don't make me think

Interaction Design
Interaction DesignInteraction Design
Interaction Designguvarov
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutИлья Котельников
 
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabМастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabInternet-Burzhui Andrei Ryabykh
 
Проектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийПроектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийCEE-SEC(R)
 
Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Mikhail Kulakov
 
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...IT Club Mykolayiv
 
Вредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилитиВредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилитиSQALab
 
Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Nika Stuard
 
Дизайн решает!
Дизайн решает!Дизайн решает!
Дизайн решает!Kostya Gorskiy
 
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеКанвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеLumiknows Consultancy
 
Usability ppt-last-140313103534-phpapp01
Usability ppt-last-140313103534-phpapp01Usability ppt-last-140313103534-phpapp01
Usability ppt-last-140313103534-phpapp01Nickola14
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилитиSQALab
 
Course User interface - Lesson 1
Course User interface - Lesson 1Course User interface - Lesson 1
Course User interface - Lesson 1Oleksandr Lisovskyi
 
Организация эффективных процессов
Организация эффективных процессовОрганизация эффективных процессов
Организация эффективных процессовVladimir Melnikov
 
Эволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваЭволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваZotov Andrey
 
как создавать прототипы
как создавать прототипыкак создавать прототипы
как создавать прототипыAlexey Korotkov
 

Similar to Usability don't make me think (20)

Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
 
UX Design Рrocess
UX Design РrocessUX Design Рrocess
UX Design Рrocess
 
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLabМастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
Мастер-класс в Сколково: "Юзабилити для стартапа", Суворова Юлия, UsabilityLab
 
Проектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийПроектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требований
 
004 Лекция о дизайне
004 Лекция о дизайне004 Лекция о дизайне
004 Лекция о дизайне
 
Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?Что делать, если вы не нашли дизайнера в проект?
Что делать, если вы не нашли дизайнера в проект?
 
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
Юзабилити или в погоне за призрачным счастьем наших пользователей (Юрий Нездо...
 
Вредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилитиВредные советы для тестирования юзабилити
Вредные советы для тестирования юзабилити
 
Работа с Usability
Работа с UsabilityРабота с Usability
Работа с Usability
 
Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01Designlecture 091008072837-phpapp01
Designlecture 091008072837-phpapp01
 
Дизайн решает!
Дизайн решает!Дизайн решает!
Дизайн решает!
 
Usability_testing
Usability_testingUsability_testing
Usability_testing
 
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипированиеКанвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
Канвас "Думай как создатель": дизайн-мышление-трендвотчинг-прототипирование
 
Usability ppt-last-140313103534-phpapp01
Usability ppt-last-140313103534-phpapp01Usability ppt-last-140313103534-phpapp01
Usability ppt-last-140313103534-phpapp01
 
User experience, как замена юзабилити
User experience, как замена юзабилитиUser experience, как замена юзабилити
User experience, как замена юзабилити
 
Course User interface - Lesson 1
Course User interface - Lesson 1Course User interface - Lesson 1
Course User interface - Lesson 1
 
Организация эффективных процессов
Организация эффективных процессовОрганизация эффективных процессов
Организация эффективных процессов
 
Эволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерстваЭволюция интерфейса. Без магии и читерства
Эволюция интерфейса. Без магии и читерства
 
как создавать прототипы
как создавать прототипыкак создавать прототипы
как создавать прототипы
 

Usability don't make me think