UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
Проектирование для iPad: рождение нового языка
взаимодействия
Алексей Копылов
• Около 10 лет опыта проектирует пользовательских интерфейсов
• С 2003 основал компанию «UIDesign Group»
• Редактирует переводные книги (Алан Купер, Гарретт и др.)
• Twitter, Facebook: copyloveБлог: gui.ru/copylove
I Что же такое iPad?
Эволюция парадигм взаимодействия
CLI
WIMP
NUI
NUI = OCGM
Objects
Containers
Gesture
Manipulations
+ =• Сенсорный экран• Мобильность• Паттерн
использования• Время работы• Стартует мгновенно
• Большой экран• Мощь
Черты наследника
Данные с RIW 2010
По данным компании Gemius
Распределение мобильных пользователей в России:
• iPad - 8.1%• iPhone - 6.5% • Nokia 6300 - 6.0% • …• Android – 2%
Особенности использования
http://www.mobiadnews.com/?p=4850
Особенности использования
http://www.mobiadnews.com/?p=4850
II Чем iPad отличается от всего остального?
Отличительные черты
• Расслабленный режим использования
• Отсутствует курсор• Фотореалистичность и
живость взаимодействия• Устройство = контент• Мгновенно стартует• Нет файлов (почти)• Жесты!
Расслабленный режим использования
http:
//sc
oope
rtino
.com
/bey
ond-
the-
com
fy-c
hair-
stev
e-jo
bs-t
o-de
mo-
next
-ipad
-fro
m-b
ed
NUI – естественный пользовательский интерфейс
Меньше посредников → больше контроля Больше контроля → больше удовольствия
Отсутствует курсор
Фотореалистичность и живость
Фотореалистичность и живость
(с) John Blackburn 2010
Устройство = контент
Мгновенный старт
Нет файлов (почти)
Жесты и манипуляции
Жест не равен манипуляции
Видео iPhoto
III Приемы проектирования
Типичный садистский интерфейс
Twitepadhttp://www.youtube.com/watch?v=a5IcZF-BS9Y
№1 Проектируйте сначала для iPad
• Изучите «Human Interface Guidelines for the iPad».
• Забудьте о курсоре• Тщательно проектируйте
аффорданс• Забудьте про файлы и сохранение• Пользователь может выйти в
любой момент• Поддерживайте любую
ориентацию• Избегайте иерархи
Human Interface Guidelines for the iPad
Забудьте о курсоре
Забудьте о курсоре
Тщательно проектируйте аффорданс
Wired старый (демо)
Wired старый (демо)
Wired старый (демо)
Реклама в Wired
Wired новый (демо)
Куда листать?
Забудьте про файлы
Выход в любой момент
Поддерживатйте любую ориентацию
Избегайте иерархий
Избегайте иерархий
№2 Придерживатесь единойметафоры
+
Что будет если…
Copyright © Kyle Bean
=
Бесполезность!
Appigo Todo
Appigo Todo
Вставить
Календарь
№3 Осторожно насыщайте экран
SoundHound
№4 Принимайте во внимание закон Фиттса
Apple Safari
YouTube
№5 Максимум взаимодействия внутри одного экрана
Однако, нельзя злоупотреблять PopOver
№6 Жесты и манипуляции
Исследование Dan Mauney 2009 года
40 людей из 9 стран предложили жесты для 28
операций
9500 жестов (из 10080 вариантов)!
Touch Gesture Reference Guide
Авторы:•Craig Villamor•Dan Willis•Luke Wroblewski•Jennifer Rhim
Apple Safari
Неконтролируемые действия внутри iPhone
Неконтролируемые действия внутри iPad
Тайминги взаимодействия
№7 Возможности интероперабельности
Вопросы?
twitter, friendfeed: copyloveemail: [email protected]
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
Top Related