А. Копылов, И. Александров - «Сможет ли проектировщик...
DESCRIPTION
http://2013.profsoux.ru/papers/38/TRANSCRIPT
![Page 1: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/1.jpg)
В чем отличия проектирования взаимодействия в игровой индустрии
и в вебе?
Алексей КопыловИлья Александров
![Page 2: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/2.jpg)
• Игровая механика• Сюжет• Баланс• Сцена• Камера• Экономическая система• Дизайн уровней• GUI• …
Интерфейсы — часть геймдизайна
![Page 3: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/3.jpg)
Появление UX-отделов
![Page 4: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/4.jpg)
Проектировщик в вебе
![Page 5: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/5.jpg)
![Page 6: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/6.jpg)
Распределение обязанностей в гейминдустрии
![Page 7: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/7.jpg)
![Page 8: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/8.jpg)
![Page 9: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/9.jpg)
![Page 10: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/10.jpg)
![Page 11: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/11.jpg)
11
![Page 12: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/12.jpg)
12
![Page 13: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/13.jpg)
Особенности
![Page 14: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/14.jpg)
Игра – это среда.
Взаимодействие в игре – это процесс, неотделимый от самой игры.
![Page 15: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/15.jpg)
1. Разнообразие интерактивных решений
![Page 16: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/16.jpg)
Анимация
![Page 17: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/17.jpg)
![Page 18: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/18.jpg)
Звук
![Page 19: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/19.jpg)
Камера
![Page 20: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/20.jpg)
20
![Page 21: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/21.jpg)
![Page 22: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/22.jpg)
Взаимодействие с пространством и манипуляция объектами
![Page 23: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/23.jpg)
![Page 24: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/24.jpg)
Когда правильная реализация взаимодействия превращает сервисный интерфейс в «игру»…
![Page 25: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/25.jpg)
![Page 26: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/26.jpg)
Большие возможности – большая ответственность
![Page 27: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/27.jpg)
2. Атмосферность
![Page 28: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/28.jpg)
![Page 29: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/29.jpg)
3. UI как конструктор
![Page 30: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/30.jpg)
Интерекшн-схема ангара
![Page 31: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/31.jpg)
![Page 32: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/32.jpg)
![Page 33: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/33.jpg)
UI компоненты – фундамент интерфейса
![Page 34: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/34.jpg)
![Page 35: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/35.jpg)
Изменение в одном интерфейсе влечет изменения в других
![Page 36: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/36.jpg)
36
![Page 37: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/37.jpg)
Создание алфавитных систем
![Page 38: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/38.jpg)
![Page 39: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/39.jpg)
Создание интерфейса игры в первую очередь создание СИСТЕМЫ
![Page 40: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/40.jpg)
4. Существенная разница между
поведением новичка и ПРО
![Page 41: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/41.jpg)
Игра это процесс, растянутый во времени. Игрок меняется, меняются его мотивы и поведение
![Page 42: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/42.jpg)
Нуб
Как управлять танком?
Как стрелять? Как ВЫЖИТЬ?
![Page 43: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/43.jpg)
«Бро» (mid-level)
![Page 44: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/44.jpg)
«Про» (high-level)
![Page 45: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/45.jpg)
Интерфейс нуба
![Page 46: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/46.jpg)
Интерфейс ПРО игрока
![Page 47: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/47.jpg)
Плохой интерфейс – не приговор игре
![Page 48: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/48.jpg)
• Думать иначе, чем при проектировании веб-интерфейсов
• Изучать смежные дисциплины
• Работать не над интерфейсами, а над системой
• Много играть, даже в игры, которые вам не нравятся
Если вы хотите стать проектировщиком взаимодействия в игровой индустрии, то будьте готовы:
![Page 49: А. Копылов, И. Александров - «Сможет ли проектировщик взаимодействия в вебе стать проектировщиком в](https://reader035.vdocuments.mx/reader035/viewer/2022062704/555e1bdad8b42a6a4c8b45e9/html5/thumbnails/49.jpg)
Спасибо за внимание
Отдельное спасибо Антону Артемову, Head of interaction World of Battleships
Алексей Копылов: [email protected]Илья Александров: [email protected]