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.

1. UIDesign Group: проектирование интерфейсов,
юзабилити-консалтинг | www.uidesign.ru
Проектирование для iPad:
рождение нового языка
взаимодействия

2. Алексей Копылов
• Около 10 лет опыта
проектирует пользовательских
интерфейсов
• С 2003 основал компанию
«UIDesign Group»
• Редактирует переводные книги
(Алан Купер, Гарретт и др.)
• Twitter, Facebook: copylove
Блог: gui.ru/copylove

3. I Что же такое iPad?

4. Эволюция парадигм взаимодействия
CLI
WIMP
NUI

5. NUI = OCGM
Objects
Containers
Gesture
Manipulations

6. + =
• Сенсорный экран
• Мобильность
• Паттерн
использования
• Время работы
• Стартует мгновенно
• Большой экран
• Мощь
Черты наследника

7. Данные с RIW 2010
По данным компании Gemius
Распределение мобильных пользователей в
России:
• iPad - 8.1%
• iPhone - 6.5%
• Nokia 6300 - 6.0%
• …
• Android – 2%

8. Особенности использования
http://www.mobiadnews.com/?p=4850

9. Особенности использования
http://www.mobiadnews.com/?p=4850

10. II Чем iPad отличается
от всего остального?

11. Отличительные черты
• Расслабленный режим
использования
• Отсутствует курсор
• Фотореалистичность и живость
взаимодействия
• Устройство = контент
• Мгновенно стартует
• Нет файлов (почти)
• Жесты!

12. Расслабленный режим использования
http://scoopertino.com/beyond-the-comfy-chair-steve-jobs-to-demo-next-ipad-from-bed

13. NUI – естественный пользовательский
интерфейс
Меньше посредников →
больше контроля
Больше контроля → больше
удовольствия

14. Отсутствует курсор

15. Фотореалистичность и живость

16. Фотореалистичность и живость
(с) John Blackburn 2010

17. Устройство = контент

18. Мгновенный старт

19. Нет файлов (почти)

20. Жесты и манипуляции

21. Жест не равен манипуляции
Видео iPhoto

22. III Приемы проектирования

23. Типичный садистский интерфейс
Twitepad
http://www.youtube.com/watch?v=a5IcZF-BS9Y

24. №1 Проектируйте сначала для iPad
• Изучите «Human Interface Guidelines
for the iPad».
• Забудьте о курсоре
• Тщательно проектируйте
аффорданс
• Забудьте про файлы и сохранение
• Пользователь может выйти в любой
момент
• Поддерживайте любую ориентацию
• Избегайте иерархи

25. Human Interface Guidelines
for the iPad

26. Забудьте о курсоре

27. Забудьте о курсоре

28. Тщательно проектируйте
аффорданс

29. Wired старый (демо)

30. Wired старый (демо)

31. Wired старый (демо)

32. Реклама в Wired

33. Wired новый (демо)

34. Куда листать?

35. Забудьте про файлы

36. Выход в любой момент

37. Поддерживатйте любую
ориентацию

38. Избегайте иерархий

39. Избегайте иерархий

40. №2 Придерживатесь единой
метафоры

41. +
Что будет если…

42. Copyright © Kyle Bean
=
Бесполезность!

43. Appigo Todo

44. Appigo Todo

45. Вставить
Календарь

46. №3 Осторожно насыщайте экран

47. SoundHound

48. №4 Принимайте во внимание закон
Фиттса

49. Apple Safari

50. YouTube

51. №5 Максимум взаимодействия
внутри одного экрана

52. Однако, нельзя злоупотреблять
PopOver

53. №6 Жесты и манипуляции

54. Исследование Dan Mauney
2009 года

55. 40 людей из 9 стран предложили
жесты для 28 операций

56. 9500 жестов (из 10080 вариантов)!

57. Touch Gesture Reference Guide
Авторы:
•Craig Villamor
•Dan Willis
•Luke Wroblewski
•Jennifer Rhim

58. Apple Safari

59. Неконтролируемые
действия внутри iPhone

60. Неконтролируемые действия
внутри iPad

61. Тайминги взаимодействия

62. №7 Возможности
интероперабельности

63. Вопросы?
twitter, friendfeed: copylove
email: akopylov@uidesign.ru
UIDesign Group: проектирование интерфейсов,
юзабилити-консалтинг | www.uidesign.ru