Спроектировано для мультистола

Прошло немало времени с последнего поста. Хотелось вернуться с чем-то, что стоит почитать, и май такое дал.

Я уже давно хотел снести интерфейс и начать заново. Он мне не нравился. Большинство покерных приложений вкладывают весь дизайн-бюджет в mobile и на этом останавливаются -- и да, мы тоже сделали mobile-работу -- но та часть, которую лично мне нужно было починить, это multi-table опыт. Я всегда ненавидел открывать четыре окна браузера, чтобы играть на четырёх столах. Так что прежде чем эта работа началась, я записал строгие требования к тому, как это должно ощущаться, и мы строили вокруг них.

Вот что у нас получилось, и остальное, что приземлилось по пути.

Что Мы Придумали

Одно постоянное рабочее пространство, построенное из тайлов. Столы, лобби, касса, история раздач -- всё живёт в одной сетке. Вы их перетаскиваете, раскладка сохраняется между сессиями, и старые ссылки на страницы всё ещё работают; они просто открывают нужный тайл вместо того, чтобы вести вас на отдельную страницу.

Цель, к которой мы строим: 16 живых столов в одном окне, без лишних окон, без ноутбука с рычащим вентилятором.

Рабочее пространство, от края до края. Столы, лобби и касса живут как тайлы в одной сетке. Активный стол получает золотое кольцо, чтобы вы всегда знали, на каком из них идёт время.

Пять технических изменений переводят 16 столов в одном окне из слогана в реалистичную цель:

Один GPU-контекст на всю страницу. Каждый стол на экране теперь делит один рендерер вместо того, чтобы поднимать свой. Это и есть разблокировка -- современные браузеры ограничивают количество GPU-контекстов на странице, и старая модель один-на-стол выдыхалась задолго до 16. Ноутбуки, старые машины и среднеуровневый mobile теперь прекрасно держатся с несколькими открытыми столами, а запас только растёт.

Каждый тайл выбирает свою ориентацию. Портрет или альбом, решает то, что подходит. Четыре стола на широком мониторе остаются в альбомной. Восемь на планшете переключаются на портрет, когда это имеет смысл. Об этом не надо думать.

Action-бар на каждом тайле. Когда стол требует вашего хода, вы действуете на этом столе -- ровно там, где уже находятся ваши глаза.

Светящееся кольцо активного стола. Стол, на котором идёт время, -- это стол, который светится. Трудно пропустить, легко игнорировать, пока не станет важно.

Атомарные заявки на место. За кулисами, но это важно: когда два игрока нажимают sit на одно и то же место в один и тот же момент, платформа теперь разрешает это чисто. Без двойных заявок, без сюрпризов.

И Вот Остальное

Сам стол получил редизайн, пока мы там были. Большие аватары. У каждого места своё цветное кольцо. Активный игрок получает золотое кольцо поверх своего цвета -- различимое по форме, а не только по оттенку, чтобы дальтоники не теряли подсказку. Подписи стеков сделаны более ярким зелёным, который выделяется на тёмном сукне. Таблички имён чище. Геометрия мест тоже подтянута -- столы теперь математически равномерны вокруг сукна, с подписями ставок на единообразных отступах к банку. То, чего не замечаешь, когда сделано правильно, -- в этом и суть.

Также выкатили тёмную тему стола рядом с оригинальной. Угольное сукно, металлический серебряный поручень в три полосы, едва заметные геометрические сетевые линии, соединяющие каждое место, плавающий текст имени и стека -- без фона-таблетки. Клубы выбирают свою тему. Если ваш клуб на тёмной, вы увидите её в следующий раз, когда сядете.

Куча небольших побед поехала следом:

• Click-to-sit. Нажмите "+" на любом свободном месте. Диалог байина открывается с уже зарезервированным местом.
• Бургер-меню заменяет колокольчик. Profile, cashier, история раздач, help -- всё в одно касание из шапки.
• Фишка банкролла теперь кнопка. Нажимаете -- открывается тайл кассы. Экономит шаг.
• Mobile получил место, чтобы дышать. На узких экранах бренд прячется, чтобы полоса мини-столов и кнопка "+" получили нужное место. Нативный полноэкранный режим в одно касание из шапки рабочего пространства.

Что Дальше

Фундамент рабочего пространства на месте. Дальше: регистрация и игровые механики сами по себе. Подробнее о том и другом, когда будет готово.

Об инженерной стороне того, как мы работаем -- спецификация, сессии, разделение архитектор / агент -- я пишу на The Salty Korean.

Stay salty.