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