Обзор программ для iPad с типичными юзабилити ошибками
1. Алексей Копылов
Обзор программ для iPad с
типичными юзабилити ошибками
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
2. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Автор доклада: Алексей Копылов
Около 10 лет опыта проектирует
пользовательских интерфейсов
В 2003 основал компанию
«UIDesign Group» по
проектированию интерфейсов
Ведет общественную деятельность
Редактирует книги по теме (Алан Купер, Гарретт)
Twitter, FriendFeed, GMail: copylove
2
3. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
ЕПИ (NUI) – естественный
пользовательский интерфейс
Меньше посредников → больше контроля
Больше контроля → больше удовольствия
3
4. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Так ли естественный интерфейс
естественен?
Далеко не всегда!
4
5. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 1: пренебрежение
законом Фиттса:
5
6. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: пример
Safari для iPad
6
7. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: решение 1
Кнопка
Iceberg кнопки
7
8. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: решение 2
Адаптация на основе предсказания
8
11. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Новые проблемы с жестами
Жесты не видимы
Необходимо обучение
11
12. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Стандарты мультитач взаимодействия
iPhone OS: Phone Human Interface Guidelines
Windows Phone 7: Windows Phone UI Design and Interaction Guide
WebOS: User Interface Guidelines
Android: User Interface Guidelines
Windows 7: Windows Touch Gestures Overview
OSX (trackpad): Apple Portables: Using the Multi-Touch glass trackpad
Wacom Bamboo: With Bamboo, Wacom introduces nine key gestures.
GestureWorks (Flash): Established Multitouch Gesture Support
Microsoft Surface: Microsoft Surface User Experience Guidelines
12
13. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Стандарты мультитач взаимодействия 2
«Touch Gesture REFERENCE GUIDE»
Аторы: Craig Villamor, Dan Willis, and Luke Wroblewski
(http://www.lukew.com/touch/TouchGestureGuide.pdf)
13
14. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 2: неконтролируемые
действия
Интерфейс звонков
14
15. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Неконтролируемые действия:
решение
Изучать контекст:
Как люди держат устройство?
Что происходит после завершения
задачи?
15
16. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 3: отсутствие видимых
признаков (affordance)
Wired
16
17. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Отсутствие видимых признаков
(affordance): решение
Осторожно относится к псевдо 3D
Разработать визуальный язык
Для жестов добавлять подсказки
17
18. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 4: файлы и
синхронизация
Appigo ToDo и SPB Wallet
18
19. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Проблема • 4: файлы и
синхронизация
19
20. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Решение проблемы с файлами и
синхронизацией
Облака!
20
21. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Спасибо за внимание
Читайте fresh.gui.ru и twitter.com/uidg
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
21