07 kopylov
DESCRIPTION
TRANSCRIPT
![Page 1: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/1.jpg)
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
Конференция FlashGAMM
Могут ли виртуальные кнопки быть лучше
аппаратных?
![Page 2: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/2.jpg)
Алексей Копылов
• Около 10 лет опыта проектирования интерфейсов
• С 2003 основал компанию «UIDesign Group»
• Редактирует переводные книги (Алан Купер, Гарретт и др.)
• Twitter, Facebook: copyloveБлог: gui.ru/copylove
![Page 3: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/3.jpg)
I. Некоторые особенности сенсорных устройств
![Page 4: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/4.jpg)
• Мобильность• Мульти-сенсорность• Повышенная
чувствительность к окружающему миру
![Page 5: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/5.jpg)
• Взаимодействие на весу• Отсутствие контроля за
положением в пространстве• Низкое разрешение пальцев
![Page 6: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/6.jpg)
Устройство = программа
![Page 7: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/7.jpg)
Эти устройства являются окном в захватывающий мир игр!
Osm
os
![Page 8: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/8.jpg)
II. Способы управления: виртуальные кнопки и
джойстики
+
![Page 9: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/9.jpg)
Типичная игра с джойстиком
Death
Rally
![Page 10: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/10.jpg)
Недостатки джойстиков
• Взаимодействие опосредовано
• Нет обратной связи• Закрывают экран• Проблемы ориентации
в 3D• Как правило не на том
месте!• Пальцы перестают
скользить
![Page 11: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/11.jpg)
Проблемы 3D шутеров
Прицеливание Стрельба Перемещение
выберите 2 из 3х!
Pre
dato
rs
![Page 12: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/12.jpg)
Грэм Девайн о джойстиках
Знаете, чего нет у iPad’а? Джойстика! Так почему мы должны его делать? Если вы помещаете виртуальный джойстик на экран, значит вы говорите игроку, что на другой приставке ваша игра будет лучше.
«
«
![Page 13: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/13.jpg)
Лечим недостатки джойстиков
• Адаптациях под пользователя
• Использование открытых гашеток
• Специальные кнопки для критичных действий (look back в Dead Space)
• Прилипание прицела (игра Terminator)
• Использование рельсов• Использование гироскопа и
акселерометра (Rage)
Dead Space
![Page 14: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/14.jpg)
Можно и так
![Page 15: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/15.jpg)
А еще можно пойти путем минимализма
Играем двумя кнопками
Mon
ster
Dash
![Page 16: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/16.jpg)
А еще можно пойти путем минимализма
Играем одной!
Tin
y W
ing
s
![Page 17: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/17.jpg)
III. Способы управления: непосредственное взаимодействие
+
![Page 18: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/18.jpg)
Игры с прямым управлением
World of GOO
Fruit Ninja
Pirates vs. Pandas vs.
Zombies vs. Ninjas
Cut the Rope Zombie Smash
![Page 19: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/19.jpg)
Руки нас сделали человеком
Давайте использовать их на полную катушку!
![Page 20: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/20.jpg)
Будем делать горшки и кувшины!
Let’
s C
reate
! Pott
ery
HD
![Page 21: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/21.jpg)
Чувствовать себя хищной клеткой!
Osm
os
![Page 22: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/22.jpg)
Будем оплетать слонов!
Zen
Bou
nd
![Page 23: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/23.jpg)
Кое-что о жестах
![Page 24: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/24.jpg)
Жесты можно использовать вместо джойстика
• Освобождается место• Можно создавать создать
сложное взаимодействие
Infin
ity B
lad
e
![Page 25: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/25.jpg)
Выводы
![Page 26: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/26.jpg)
Нельзя переносить игры с других платформ бездумными способом!
Очень сложно выполнять одновременные действия, такие как идти и прыгать
Ch
op
Ch
op
Cavem
an
![Page 27: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/27.jpg)
Надо опираться на уникальные возможности сенсорных устройств
Этой игрой не получится управлять с помощью джойстика или мыши!
Pu
lse
![Page 28: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/28.jpg)
Огромное количество захватывающих игр все еще не изобретено!
![Page 29: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/29.jpg)
Выражаю благодарность за помощь при подготовке материала
Тарасу Бризицкому Владимиру Зимину
![Page 30: 07 kopylov](https://reader036.vdocuments.pub/reader036/viewer/2022081413/547028a3af7959fd4a8b46d4/html5/thumbnails/30.jpg)
Вопросы?
twitter, friendfeed, facebook: copyloveemail: [email protected]
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru