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: akopylov@uidesign.ru

UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru