24
ЮЗАБІЛІТІ-КУХНЯ Аби не переюзабілити… Пилип’юк Ярослав Доповідач:

Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Embed Size (px)

DESCRIPTION

1) Що таке юзабіліті і де його продають? 2) З чого готувати юзабіліті? 3) Чим готувати юзабіліті? 4) Як готувати юзабіліті? 5) Чи можна скуштувати юзабіліті? 6) Недосолений Paint та кислуватий Калькулятор. 7) Нова страва: Windows 8 VS Якоб Нільсен. 8) Юзабіліті-кухар: нероба чи професіонал?

Citation preview

Page 1: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

ЮЗАБІЛІТІ-КУХНЯ Аби не переюзабілити…

Пилип’юк Ярослав Доповідач:

Page 2: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Що таке Юзабіліті і де його продають?

Юзабіліті – це ступінь, з якою продукт може бути використаний визначеними користувачами у визначеному контексті застосування для досягнення певних цілей з відповідною ефективністю, продуктивністю та задоволенням.

За ISO 9241-11:

Юзабіліті – це міра зручності використання чогось десь кимось.

За “мною”:

Відносна зручність

Page 3: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Що таке Юзабіліті і де його продають?

Для чого створюють сайти?

Чому потрібно робити зручні веб-сайти?

Хто повинен їх робити?

Як і на що це впливає?

Щоб користувач був задоволений

власник сайту, дизайнери, розробники, Usability-аналітики, цільова аудиторія

на рівень конверсії сайту на лояльність користувачів

на видачу в пошукових системах

Для отримання прибутку

Page 4: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

З чого готувати Юзабіліті?

Задачі сайту Цільова аудиторія

Можливості користувача Шляхи реалізації

Продаж Інформування Презентація Формування лояльноті …

Потреби Соціальної групи Рівень доходів Коло інтересів …

Читати новини Купити товар Отримати контактну інформацію Зареєструватися …

Перейти в розділ “Новини” Перейти в “Каталог” -> Вибрати товар … Переглянути контакти Натиснути “Реєстрація” -> Ввести дані … …

Page 5: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Чим готувати Юзабіліті?

Методи та інструменти для юзабіліті-аналізу

Eye Tracking

User Testing

Mouse Tracking

Expert Testing

Page 6: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Чим готувати Юзабіліті?

Eye Tracking

Фіксація погляду користувача

Побудова теплової карти

Основна задача: виявлення зон зацікавленості та “мертвих зон”

Page 7: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Чим готувати Юзабіліті?

Mouse Tracking

Збір даних про рух курсора миші та кліки

Побудова карти кліків

Основна задача: аналіз структури сайту та оцінка її зручності для користувачів

Page 8: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Чим готувати Юзабіліті?

User Testing

Вибір респондентів з цільової аудиторії

Формування сценарію

Основна задача: визначення загальних рис поведінки користувача на сайті та його реакції

Проведення тестування

Page 9: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Чим готувати Юзабіліті?

Expert Testing

Виявлення найпроблемніших місць за найкоротші терміни

Формування сценарію

Основна задача: надати готові до впровадження рекомендації щодо покращення

Проведення тестування

Page 10: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Як готувати Юзабіліті?

Етап перший. Постановка цілі.

• Збільшити клієнтську базу

• Підвищити рівень продажів

• Збільшити лояльність користувачів

• Передати інформацію

На основі поставлених цілей можна визначити, який тип сайту потрібен

Page 11: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Як готувати Юзабіліті?

Етап другий. Визначення цільової аудиторії

• Географічні характеристики

• Демографічні характеристики

• Психографічні характеристики

• Поведінкові характеристики

Правило Парето: 20% аудиторії приносять 80% прибутку

Page 12: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Як готувати Юзабіліті?

Етап третій. Дослідження

Дослідити, до чого звикла цільова аудиторія

Провести юзабіліті-тестування

Зробити аналіз проблемних точок

Лого в лівому верхньому куті, корзина справа, контакти знизу

Використати вищезгадані технології, сформувати чекліст

Визначити, які елементи сайту і яким чином заважають користувачеві досягнути цілі

Page 13: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Як готувати Юзабіліті?

Етап четвертий. Проектування

1. Не відходити від стереотипів

2. Робити зрозумілий і простий дизайн

3. Не перевантажувати зайвими елементами

4. Зберігати порядок і логічність

5. Враховувати специфіку ЦА

6. Тестувати інтерфейс

“Не заставляйте мене думати”

Стив Круг

Page 14: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Як готувати Юзабіліті?

Етап п’ятий. Створення та наповнення сайту

Швидкість завантаження Коректна обробка помилок Відображення фото

Навігація та структура Шрифтова композиція Кольорова гама

Page 15: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Чи можна скуштувати Юзабіліті?

- Зважте 300 грам юзабіліті - А мені, будь ласка, зробіть чотири юзабіліті

Юзабіліті Конверсія

Збільшення конверсії та лояльності користувачів показує, в якому напрямку потрібно покращувати Usability. А покращувати можна завжди, майже до безмежності

Page 16: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Недосолений Paint і кислуватий Калькулятор

Програми, яким ми користуємося майже щодня не завжди є надзвичайно простими та зручними у використанні

Page 17: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Нова страва: Якоб Нільсен VS Windows 8

Гуру юзабіліті назвав Windows 8 “абсолютним розчаруванням”

Найбільша проблема нової ОС – надто видозмінений інтерфейс.

Page 18: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Нова страва: Якоб Нільсен VS Windows 8

Проблема 1. Суміщення двох інтерфейсів

Плитковий інтерфейс може працювати лише в одновіконному режимі Різні програми запускаються в різних серидовищах

Page 19: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Нова страва: Якоб Нільсен VS Windows 8

Проблема 2. Плоскі монохромні кнопки

Кнопки візуально не виділяються і не мотивують користувача до натиснення.

“Іконки повинні допомагати користувачам розуміти інтерфейс системи і запрошувати користувача натиснути на них. В Windows 8 цього немає”

Page 20: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Нова страва: Якоб Нільсен VS Windows 8

Проблема 3. Низька щільність інформації

Page 21: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Нова страва: Якоб Нільсен VS Windows 8

Проблема 4. Зловживання “живою плиткою”

Page 22: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Нова страва: Якоб Нільсен VS Windows 8

Проблема 5. Команди у формі “шармів”

Не завжди правильно працюють при “струшуванні” на мобільних пристроях

Користувачі часто забувають про них, оскільки “шарми” приховані

Не всі користувачі розуміють, що команди є кнтекстно залежними

Page 23: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Юзабіліті-кухар: нероба, чи професіонал?

Чи можна назвати людину, яка користується певними об’єктами і говорить про їх зручність ПРОФЕСІОНАЛОМ?

Page 24: Ярослав Пилип’юк → Юзабіліті кухня — аби не переюзабілити…

Дякую за увагу!

Запитання?