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

9. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: решение 3
Жесты
9

10. Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
Закон Фиттса: пример
Reeder
10

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