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