Обзор программ для ipad с типичными юзабилити ошибками
DESCRIPTION
TRANSCRIPT
![Page 1: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/1.jpg)
Алексей Копылов
Обзор программ для iPad с
типичными юзабилити ошибками
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
![Page 2: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/2.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
2
Автор доклада: Алексей Копылов
Около 10 лет опыта проектирует
пользовательских интерфейсов
В 2003 основал компанию
«UIDesign Group» по
проектированию интерфейсов
Ведет общественную деятельность
Редактирует книги по теме (Алан Купер, Гарретт)
Twitter, FriendFeed, GMail: copylove
![Page 3: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/3.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
3
ЕПИ (NUI) – естественный
пользовательский интерфейс
Меньше посредников → больше контроля
Больше контроля → больше удовольствия
![Page 4: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/4.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
4
Так ли естественный интерфейс
естественен?
Далеко не всегда!
![Page 5: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/5.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
5
Проблема • 1: пренебрежение
законом Фиттса:
![Page 6: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/6.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
6
Закон Фиттса: пример
Safari для iPad
![Page 7: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/7.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
7
Закон Фиттса: решение 1
Iceberg кнопки
Кнопка
![Page 8: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/8.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
8
Закон Фиттса: решение 2
Адаптация на основе предсказания
![Page 9: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/9.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
9
Закон Фиттса: решение 3
Жесты
![Page 10: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/10.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
10
Закон Фиттса: пример
Reeder
![Page 11: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/11.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
11
Новые проблемы с жестами
Жесты не видимы
Необходимо обучение
![Page 12: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/12.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
12
Стандарты мультитач взаимодействия
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
![Page 13: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/13.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
13
Стандарты мультитач взаимодействия 2
«Touch Gesture REFERENCE GUIDE»
Аторы: Craig Villamor, Dan Willis, and Luke Wroblewski
(http://www.lukew.com/touch/TouchGestureGuide.pdf)
![Page 14: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/14.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
14
Проблема • 2: неконтролируемые
действия
Интерфейс звонков
![Page 15: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/15.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
15
Неконтролируемые действия:
решение
Изучать контекст:
Как люди держат устройство?
Что происходит после завершения
задачи?
![Page 16: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/16.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
16
Проблема • 3: отсутствие видимых
признаков (affordance)
Wired
![Page 17: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/17.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
17
Отсутствие видимых признаков
(affordance): решение
Осторожно относится к псевдо 3D
Разработать визуальный язык
Для жестов добавлять подсказки
![Page 18: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/18.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
18
Проблема • 4: файлы и
синхронизация
Appigo ToDo и SPB Wallet
![Page 19: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/19.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
19
Проблема • 4: файлы и
синхронизация
![Page 20: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/20.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
20
Решение проблемы с файлами и
синхронизацией
Облака!
![Page 21: Обзор программ для iPad с типичными юзабилити ошибками](https://reader034.vdocument.in/reader034/viewer/2022051514/5484b48db4af9f6d4d8b45f9/html5/thumbnails/21.jpg)
Типичные юзабилити ошибки в программах для iPad? www.uidesign.ru
21
Спасибо за внимание
Читайте fresh.gui.ru и twitter.com/uidg
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru