designing for i pad the creation of new interactive language
DESCRIPTION
iPad is the first successful and marketable pad computer. It is widely thought to be exactly in the middle between classic PC and mobile phone. However, it is not. iPad is absolutely new class of devices. New expressive means are needed so that users receive unforgettable and quality experience from working with iPad. There is still a scarcity of necessary interaction idioms, that is why designers and developers have a large field for innovations.TRANSCRIPT
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