Разбор дизайна шахматного гейминга Ворлд Чесс: лобби и сама игра
Ещё прошлым летом мы опубликовали рассказ о том, как задизайнили гейминг Ворлд Чессу. А теперь я снял видеорассказ о том же самом:
| 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 | Игровое меню и меню сайта: как это всё мобилизовать? Объяснение работы сайта на широких и высоких окнах, диаграммы скелета и распорок. |
