SlideShare ist ein Scribd-Unternehmen logo
1 von 25
Юзабіліті 
Теорія і практика 
Павло Котула 
Проектувальник інтерфесів 
Компанії «Тезарт»
Юзабіліті, як термін 
Юзабіліті – дослівно «можливість використання» 
англ. use + ability 
В контексті «вебу» – ступінь зручності сайту для здійснення 
цільової дії: 
• Купити товар 
• Залишити контакт 
• Написати повідомлення/подзвонити 
• Замовити послугу 
• Ознайомитись з переліком послуг
Юзабіліті, як процес 
Спроба збільшити ефективність 
Вашого бізнесу, за рахунок того 
що клієнт буде “ефективним” і 
буде робити менше помилок.
Критерії оцінки 
Показники Шнейдермана: 
1. Швидкість роботи користувача 
2. Кількість помилок користувача 
3. Суб’єктивне задоволення 
4. Швидкість навчання користуванню 
5. Ступінь збереження навиків
Проблема цих критеріїв 
• До максимуму можна довести лише два показники 
• Показники конфліктують 
• Деякі показники важко виміряти 
• Невідомо, які показники витягувати в певному проекті
Підхід №2 
Дизайн орієнтований на користувача 
(User Сentered Design): 
Якщо ми добре вивчимо нашу аудиторію, в нас 
вийде хороший інтерфейс
Підхід №3 
Дизайн орієнтований на задачі користувача 
(Task Centered Design): 
Якщо ефективно вирішуються задачі користувача – 
в нас хороший інтерфейс
Підхід №4 
Дизайн орієнтований на мотиви користувача 
(Goal Centered Design): 
Користувачі керуються власними мотивами для 
задоволення своїх потреб. При співставленні 
мотивів і задач – у нас буде хороший інтерфейс.
Юзабіліті 
Визначення за стандартом ISO 9241-11 
Юзабіліті — ступінь ефективності, трудозатратності 
і задоволення, з якими продукт може бути 
використаний певними користувачами в певному 
контексті використання для досягнення певних 
цілей/мотивів.
Для чого воно нам? 
1. Щоб сайт продавав 
2. Для втримання клієнтів 
3. Для збільшення суми середнього чека
Коли звертаються? 
• У нас є інноваційний сайт з 
привабливим дизайном, в 
рекламу вкладено багато 
коштів – вона працює, трафік є, 
а сайт не “продає”. 
•Ми хотіли подешевше і 
пошвидше запустити сайт 
• Ми хочемо від самого 
початку розробити якісний 
сайт
Який сайт «продає»? 
Коефіцієнт конверсії – 
показник який говорить 
про ефективність сайту. 
Це співвідношення 
кількості здійснень 
цільової дії, до загальної 
кількості відвідувачів 
сайту за певний період 
часу.
Який сайт «продає»? 
Зовнішня оптимізація 
Внутрішня оптимізація
Як вони працюють? 
Джерела трафіку Цільові сторінки 
•Контекстна реклама 
•Реклама в соцмережах 
•Прайс-агрегатори 
•Пошуковий індекс 
•Прямі переходи 
•Поради друзів 
•Головна сторінка 
•Внутрішні сторінки 
СЕО, маркетинг Юзабіліті
Як вони працюють? 
Джерела трафіку Цільові сторінки 
•Контекстна реклама 
•Реклама в соцмережах 
•Прайс-агрегатори 
•Пошуковий індекс 
•Прямі переходи 
•Поради друзів 
•Головна сторінка 
•Внутрішні сторінки 
СЕО, маркетинг Юзабіліті
Інструменти проектування 
1. Папір і ручка
Інструменти проектування 
1. Папір і ручка
Інструменти проектування 
2. Photoshop (або будь-який інший графічний редактор)
Спеціалізовані інструменти 
3. Balsamiq Mockups (веб-сервіс/десктопний додаток)
Спеціалізовані інструменти 
4. MockingBird (веб-сервіс)
Спеціалізовані інструменти 
5. Axure RP (дестктопний додаток)
Чому Axure? 
1. Велика кількість готових (сторонніх) бібліотек 
http://www.axure.com/community/widget-libraries 
2. Можливість створення власних бібліотек 
http://bit.do/it-event-present 
3. Можливість генерації функціонального html-прототипа 
http://prototype.tezart.com.ua/podarkovmnogo/
Робота з бібліотеками
HTML-прототип
З Вами був: 
Павло Котула 
Проектувальник та менеджер проектів 
компаніі «Тезарт» 
kotula@tezart.com.ua 
+380 (63) 853-62-67 
Дякую за увагу! 
Запитання?

Weitere ähnliche Inhalte

Andere mochten auch

In-Service ABC scale
In-Service ABC scaleIn-Service ABC scale
In-Service ABC scaleJamie Huebner
 
The morpho syntactic differences among kalenjin dialects an analysis of kips...
The morpho syntactic differences among kalenjin dialects  an analysis of kips...The morpho syntactic differences among kalenjin dialects  an analysis of kips...
The morpho syntactic differences among kalenjin dialects an analysis of kips...Alexander Decker
 
How reiki meditation helps in relieving you from stress
How reiki meditation helps in relieving you from stressHow reiki meditation helps in relieving you from stress
How reiki meditation helps in relieving you from stresshangwisely
 
Ailove ar mobile by Kirill Kobylianski
Ailove ar mobile by Kirill KobylianskiAilove ar mobile by Kirill Kobylianski
Ailove ar mobile by Kirill KobylianskiAilove
 
Marc Philippon | Arthroscopic Hip Surgeon | Vail, CO
Marc Philippon | Arthroscopic Hip Surgeon | Vail, COMarc Philippon | Arthroscopic Hip Surgeon | Vail, CO
Marc Philippon | Arthroscopic Hip Surgeon | Vail, CODr. Marc Philippon, MD
 
Ch 04 asp.net application
Ch 04 asp.net application Ch 04 asp.net application
Ch 04 asp.net application Madhuri Kavade
 
[Revue de Presse] Les Réseaux Sociaux
[Revue de Presse] Les Réseaux Sociaux[Revue de Presse] Les Réseaux Sociaux
[Revue de Presse] Les Réseaux SociauxWebcombordx
 
3 Secrets of a Top Linked-In Networker
3 Secrets of a Top Linked-In Networker3 Secrets of a Top Linked-In Networker
3 Secrets of a Top Linked-In NetworkerMaira Bay de Souza
 
A indústria das sedas em tras dos montes gaspar pessoa tavares
A indústria das sedas em tras dos montes   gaspar pessoa tavaresA indústria das sedas em tras dos montes   gaspar pessoa tavares
A indústria das sedas em tras dos montes gaspar pessoa tavaresGislaineDiasPinto
 
Основы маркетинга в поисковых системах
Основы маркетинга в поисковых системахОсновы маркетинга в поисковых системах
Основы маркетинга в поисковых системахsharperenko
 
Flex net manager for sap applications v9 1 presentation
Flex net manager for sap applications v9 1 presentationFlex net manager for sap applications v9 1 presentation
Flex net manager for sap applications v9 1 presentationNuno Alves
 
Parallel programming patterns (UA)
Parallel programming patterns (UA)Parallel programming patterns (UA)
Parallel programming patterns (UA)Oleksandr Pavlyshak
 
поисковый маркетинг. тенденции и прогнозы
поисковый маркетинг. тенденции и прогнозыпоисковый маркетинг. тенденции и прогнозы
поисковый маркетинг. тенденции и прогнозыRishat Shigapov
 

Andere mochten auch (18)

StatMine
StatMineStatMine
StatMine
 
Junk Your Junk Mail
Junk Your Junk MailJunk Your Junk Mail
Junk Your Junk Mail
 
In-Service ABC scale
In-Service ABC scaleIn-Service ABC scale
In-Service ABC scale
 
The morpho syntactic differences among kalenjin dialects an analysis of kips...
The morpho syntactic differences among kalenjin dialects  an analysis of kips...The morpho syntactic differences among kalenjin dialects  an analysis of kips...
The morpho syntactic differences among kalenjin dialects an analysis of kips...
 
How reiki meditation helps in relieving you from stress
How reiki meditation helps in relieving you from stressHow reiki meditation helps in relieving you from stress
How reiki meditation helps in relieving you from stress
 
Ailove ar mobile by Kirill Kobylianski
Ailove ar mobile by Kirill KobylianskiAilove ar mobile by Kirill Kobylianski
Ailove ar mobile by Kirill Kobylianski
 
Marc Philippon | Arthroscopic Hip Surgeon | Vail, CO
Marc Philippon | Arthroscopic Hip Surgeon | Vail, COMarc Philippon | Arthroscopic Hip Surgeon | Vail, CO
Marc Philippon | Arthroscopic Hip Surgeon | Vail, CO
 
Mmc
MmcMmc
Mmc
 
Ch 04 asp.net application
Ch 04 asp.net application Ch 04 asp.net application
Ch 04 asp.net application
 
[Revue de Presse] Les Réseaux Sociaux
[Revue de Presse] Les Réseaux Sociaux[Revue de Presse] Les Réseaux Sociaux
[Revue de Presse] Les Réseaux Sociaux
 
3 Secrets of a Top Linked-In Networker
3 Secrets of a Top Linked-In Networker3 Secrets of a Top Linked-In Networker
3 Secrets of a Top Linked-In Networker
 
Search Engine Marketing
Search Engine MarketingSearch Engine Marketing
Search Engine Marketing
 
A indústria das sedas em tras dos montes gaspar pessoa tavares
A indústria das sedas em tras dos montes   gaspar pessoa tavaresA indústria das sedas em tras dos montes   gaspar pessoa tavares
A indústria das sedas em tras dos montes gaspar pessoa tavares
 
Основы маркетинга в поисковых системах
Основы маркетинга в поисковых системахОсновы маркетинга в поисковых системах
Основы маркетинга в поисковых системах
 
Einführung Priority Poker (De)
Einführung Priority Poker (De)Einführung Priority Poker (De)
Einführung Priority Poker (De)
 
Flex net manager for sap applications v9 1 presentation
Flex net manager for sap applications v9 1 presentationFlex net manager for sap applications v9 1 presentation
Flex net manager for sap applications v9 1 presentation
 
Parallel programming patterns (UA)
Parallel programming patterns (UA)Parallel programming patterns (UA)
Parallel programming patterns (UA)
 
поисковый маркетинг. тенденции и прогнозы
поисковый маркетинг. тенденции и прогнозыпоисковый маркетинг. тенденции и прогнозы
поисковый маркетинг. тенденции и прогнозы
 

Ähnlich wie Юзабіліті. Теорія і практика

Интернет-маркетинг: инструкция по эксплуатации
Интернет-маркетинг: инструкция по эксплуатацииИнтернет-маркетинг: инструкция по эксплуатации
Интернет-маркетинг: инструкция по эксплуатацииNetpeak
 
Оптимизация сайта
Оптимизация сайтаОптимизация сайта
Оптимизация сайтаNetpeak
 
Email-маркетинг, который точно работает
Email-маркетинг, который точно работаетEmail-маркетинг, который точно работает
Email-маркетинг, который точно работаетNetpeak
 
Презентація компанії "Сайт Імідж"
Презентація компанії "Сайт Імідж"Презентація компанії "Сайт Імідж"
Презентація компанії "Сайт Імідж"chab4
 
Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...
Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...
Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...Netpeak
 
#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...
#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...
#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...Forge Events
 
Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...
Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...
Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...Lviv Startup Club
 
Lean marketing for digital product (Growth Marketing)
Lean marketing for digital product (Growth Marketing)Lean marketing for digital product (Growth Marketing)
Lean marketing for digital product (Growth Marketing)Nazar Mazur
 
Seo для старту бізнесу
Seo для старту бізнесуSeo для старту бізнесу
Seo для старту бізнесуKaterina Zolotaryova
 
Seo для старту бізнесу
Seo для старту бізнесуSeo для старту бізнесу
Seo для старту бізнесуYuriy Samborskiy
 
Що таке канал SEO у 2017 і як він працює
Що таке канал SEO у 2017 і як він працюєЩо таке канал SEO у 2017 і як він працює
Що таке канал SEO у 2017 і як він працюєNetpeak
 
Інтернет магазин - це просто
Інтернет магазин - це простоІнтернет магазин - це просто
Інтернет магазин - це простоtyatin
 
Платний трафік у 2017: тільки кейси, ніякої теорії
Платний трафік у 2017: тільки кейси, ніякої теоріїПлатний трафік у 2017: тільки кейси, ніякої теорії
Платний трафік у 2017: тільки кейси, ніякої теоріїNetpeak
 
майстер клас малобюджетне просування
майстер клас малобюджетне просуваннямайстер клас малобюджетне просування
майстер клас малобюджетне просуванняMagneticOne
 
Как сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитикиКак сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитикиNetpeak
 
Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...
Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...
Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...Lviv Startup Club
 

Ähnlich wie Юзабіліті. Теорія і практика (20)

Интернет-маркетинг: инструкция по эксплуатации
Интернет-маркетинг: инструкция по эксплуатацииИнтернет-маркетинг: инструкция по эксплуатации
Интернет-маркетинг: инструкция по эксплуатации
 
Оптимизация сайта
Оптимизация сайтаОптимизация сайта
Оптимизация сайта
 
PPC безкоштовний семінар
PPC безкоштовний семінарPPC безкоштовний семінар
PPC безкоштовний семінар
 
Email-маркетинг, который точно работает
Email-маркетинг, который точно работаетEmail-маркетинг, который точно работает
Email-маркетинг, который точно работает
 
Crowd in
Crowd inCrowd in
Crowd in
 
Презентація компанії "Сайт Імідж"
Презентація компанії "Сайт Імідж"Презентація компанії "Сайт Імідж"
Презентація компанії "Сайт Імідж"
 
Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...
Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...
Рост органического трафика на 200%: как работает стратегия и "умное" SEO на п...
 
#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...
#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...
#M/PR: Назарій Мазур: "Комплексний інтернет-маркетинг для продуктової ІТ-комп...
 
Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...
Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...
Mike Scherbachov: Найкращий досвід будування ефективних маркетингових команд ...
 
Lean marketing for digital product (Growth Marketing)
Lean marketing for digital product (Growth Marketing)Lean marketing for digital product (Growth Marketing)
Lean marketing for digital product (Growth Marketing)
 
Seo для старту бізнесу
Seo для старту бізнесуSeo для старту бізнесу
Seo для старту бізнесу
 
Personalize or die. Arysmiatov & Rudiy
Personalize or die. Arysmiatov & RudiyPersonalize or die. Arysmiatov & Rudiy
Personalize or die. Arysmiatov & Rudiy
 
Seo для старту бізнесу
Seo для старту бізнесуSeo для старту бізнесу
Seo для старту бізнесу
 
Що таке канал SEO у 2017 і як він працює
Що таке канал SEO у 2017 і як він працюєЩо таке канал SEO у 2017 і як він працює
Що таке канал SEO у 2017 і як він працює
 
Інтернет магазин - це просто
Інтернет магазин - це простоІнтернет магазин - це просто
Інтернет магазин - це просто
 
Платний трафік у 2017: тільки кейси, ніякої теорії
Платний трафік у 2017: тільки кейси, ніякої теоріїПлатний трафік у 2017: тільки кейси, ніякої теорії
Платний трафік у 2017: тільки кейси, ніякої теорії
 
майстер клас малобюджетне просування
майстер клас малобюджетне просуваннямайстер клас малобюджетне просування
майстер клас малобюджетне просування
 
Как сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитикиКак сделать рекламу эффективнее с помощью аналитики
Как сделать рекламу эффективнее с помощью аналитики
 
Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...
Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...
Юрій Грузинський “Платний трафік для бізнесу у 2017 му тільки кейси, ніякої т...
 
огляд теми лояльність
огляд теми лояльністьогляд теми лояльність
огляд теми лояльність
 

Юзабіліті. Теорія і практика

  • 1. Юзабіліті Теорія і практика Павло Котула Проектувальник інтерфесів Компанії «Тезарт»
  • 2. Юзабіліті, як термін Юзабіліті – дослівно «можливість використання» англ. use + ability В контексті «вебу» – ступінь зручності сайту для здійснення цільової дії: • Купити товар • Залишити контакт • Написати повідомлення/подзвонити • Замовити послугу • Ознайомитись з переліком послуг
  • 3. Юзабіліті, як процес Спроба збільшити ефективність Вашого бізнесу, за рахунок того що клієнт буде “ефективним” і буде робити менше помилок.
  • 4. Критерії оцінки Показники Шнейдермана: 1. Швидкість роботи користувача 2. Кількість помилок користувача 3. Суб’єктивне задоволення 4. Швидкість навчання користуванню 5. Ступінь збереження навиків
  • 5. Проблема цих критеріїв • До максимуму можна довести лише два показники • Показники конфліктують • Деякі показники важко виміряти • Невідомо, які показники витягувати в певному проекті
  • 6. Підхід №2 Дизайн орієнтований на користувача (User Сentered Design): Якщо ми добре вивчимо нашу аудиторію, в нас вийде хороший інтерфейс
  • 7. Підхід №3 Дизайн орієнтований на задачі користувача (Task Centered Design): Якщо ефективно вирішуються задачі користувача – в нас хороший інтерфейс
  • 8. Підхід №4 Дизайн орієнтований на мотиви користувача (Goal Centered Design): Користувачі керуються власними мотивами для задоволення своїх потреб. При співставленні мотивів і задач – у нас буде хороший інтерфейс.
  • 9. Юзабіліті Визначення за стандартом ISO 9241-11 Юзабіліті — ступінь ефективності, трудозатратності і задоволення, з якими продукт може бути використаний певними користувачами в певному контексті використання для досягнення певних цілей/мотивів.
  • 10. Для чого воно нам? 1. Щоб сайт продавав 2. Для втримання клієнтів 3. Для збільшення суми середнього чека
  • 11. Коли звертаються? • У нас є інноваційний сайт з привабливим дизайном, в рекламу вкладено багато коштів – вона працює, трафік є, а сайт не “продає”. •Ми хотіли подешевше і пошвидше запустити сайт • Ми хочемо від самого початку розробити якісний сайт
  • 12. Який сайт «продає»? Коефіцієнт конверсії – показник який говорить про ефективність сайту. Це співвідношення кількості здійснень цільової дії, до загальної кількості відвідувачів сайту за певний період часу.
  • 13. Який сайт «продає»? Зовнішня оптимізація Внутрішня оптимізація
  • 14. Як вони працюють? Джерела трафіку Цільові сторінки •Контекстна реклама •Реклама в соцмережах •Прайс-агрегатори •Пошуковий індекс •Прямі переходи •Поради друзів •Головна сторінка •Внутрішні сторінки СЕО, маркетинг Юзабіліті
  • 15. Як вони працюють? Джерела трафіку Цільові сторінки •Контекстна реклама •Реклама в соцмережах •Прайс-агрегатори •Пошуковий індекс •Прямі переходи •Поради друзів •Головна сторінка •Внутрішні сторінки СЕО, маркетинг Юзабіліті
  • 18. Інструменти проектування 2. Photoshop (або будь-який інший графічний редактор)
  • 19. Спеціалізовані інструменти 3. Balsamiq Mockups (веб-сервіс/десктопний додаток)
  • 20. Спеціалізовані інструменти 4. MockingBird (веб-сервіс)
  • 21. Спеціалізовані інструменти 5. Axure RP (дестктопний додаток)
  • 22. Чому Axure? 1. Велика кількість готових (сторонніх) бібліотек http://www.axure.com/community/widget-libraries 2. Можливість створення власних бібліотек http://bit.do/it-event-present 3. Можливість генерації функціонального html-прототипа http://prototype.tezart.com.ua/podarkovmnogo/
  • 25. З Вами був: Павло Котула Проектувальник та менеджер проектів компаніі «Тезарт» kotula@tezart.com.ua +380 (63) 853-62-67 Дякую за увагу! Запитання?