Разбор дизайна шахматного гейминга Ворлд Чесс: лобби и сама игра

Ещё прошлым летом мы опубликовали рассказ о том, как задизайнили гейминг Ворлд Чессу. А теперь я снял видеорассказ о том же самом:

00:00 Интро и слова про любовь и шахматы
01:35 Лобби: выбор тайм-контроля и подбор оппонента. Регулятор рейтинга и цвета фигур. Идея необязательной настройки.
03:38 Интерфейс игры: доска, фигуры, нотация. Неформальный стиль. Отображение сделанных и возможных ходов. Предложение ничьей и сдача. Рокировка. Перетаскивание фигур на мобиле, когда закрываешь их сам себе пальцем. Шах.
05:44 Официальный стиль для игр ФИДЕ. Фирменная доска. Отображение очерёдности хода. Подсветка полей. Почему здесь не показаны допустимые ходы и шах в официальной игре. Восприятие доски профессионалом: комментарий Владимира Крамника
09:47 Интерфейсные дела: почему всё же показываем допустимые ходы их в неформальном стиле, как работает меню игры, как работает камера видеонаблюдения. Завершение игры. Переворот доски (особый режим). Настройка стиля оформления
13:39 Шахматные фигуры бюро. Шрифт «Авербах». Режим разбора партии, «шагалка».
14:48 Как конвертируем пользователя в зарегистрированного и далее в подписчика. В конце игры, в Лобби. Превращения кнопки Quick Game
17:09 Начало работы над игрой. Изучаем контрастный стиль Ворлд Чесса. Ищем новый стиль палитру для интерфейса: контраст против спокойствия, блики
19:34 Дизайн экранных фигур Ворлд Чесса и фигуры бюро. Примеряем и то, и то, и ещё 3Д-фигуры из официального набора. Показываем клиенту первый подход
25:22 Ищем второй стиль доски для официальных игр. Упихиваем всё в мобилу. Увеличиваем часы. Сначала предложение ничьей и сдача сначала жили в меню игры (так нельзя). Весёлое завершение игры
28:07 Начало работы над Лобби. Интерфейс прямо в доске. Интерфейс слева от доски. Мобильная версия Лобби. Выбиралка и график распределения игроков по рейтингу.
30:38 Любимая картинка: тексты и состояния главной кнопки в зависимости от предпочтений по рейтинговости игры и статуса пользователя. Задротское объяснение с диаграммами для разработчиков
35:02 Придумываем мотивационные карточки в конце игры. Парочки взятых фигур. Превращение пешки в ферзя или не ферзя: нормальный интерфейс выбора.
37:03 Игровое меню и меню сайта: как это всё мобилизовать? Объяснение работы сайта на широких и высоких окнах, диаграммы скелета и распорок.
Подписаться на блог
Отправить
Запинить
Дальше
Мои книги