Diseñado para Multi-Table

Ha pasado un tiempo desde el último post. Quería volver con algo que valiera la pena leer, y mayo me lo dio.

Llevaba un tiempo queriendo derribar la interfaz y empezar de nuevo. No me gustaba. La mayoría de las apps de poker meten todo su presupuesto de diseño en mobile y ahí se quedan -- y sí, también hicimos trabajo de mobile -- pero la parte que personalmente necesitaba arreglar era la experiencia multi-table. Siempre odié abrir cuatro ventanas del browser para jugar cuatro mesas. Así que antes de que empezara este trabajo, escribí algunos requerimientos estrictos sobre cómo tenía que sentirse, y construimos alrededor de eso.

Esto es lo que se nos ocurrió, y el resto de lo que aterrizó por el camino.

Lo Que Se Nos Ocurrió

Un workspace persistente, construido a base de tiles. Mesas, lobby, cashier, historial de manos -- todo vive en la misma cuadrícula. Los arrastras, el layout se mantiene entre sesiones, y los links viejos de las páginas siguen funcionando; simplemente abren el tile correcto en lugar de llevarte a una página aparte.

El objetivo al que apuntamos: 16 mesas en vivo en una sola ventana, sin ventanas extra, sin laptop con ventilador rugiendo.

El workspace, de punta a punta. Mesas, lobby y cashier viven como tiles en la misma cuadrícula. La mesa activa tiene un anillo dorado para que siempre sepas cuál está en el reloj.

Cinco cambios técnicos son los que mueven las 16 mesas en una ventana de eslogan a objetivo realista:

Un contexto GPU para toda la página. Cada mesa en pantalla ahora comparte un único renderer en lugar de levantar el suyo propio. Ese es el desbloqueo -- los browsers modernos limitan cuántos contextos GPU puede tener una página, y el viejo modelo de uno-por-mesa se quedaba sin gas mucho antes de llegar a 16. Laptops, máquinas viejas y mobile de gama media aguantan ahora con varias mesas abiertas, y el margen sigue subiendo.

Cada tile elige su propia orientación. Vertical u horizontal, lo decide lo que cabe. Cuatro mesas en un monitor ancho se quedan horizontales. Ocho en una tablet pasan a vertical cuando tiene sentido. No tienes que pensarlo.

Una barra de acción por tile. Cuando una mesa te necesita, actúas sobre esa mesa -- exactamente donde ya tenías los ojos.

Un anillo brillante en la mesa activa. La mesa que está en el reloj es la que brilla. Difícil de pasar por alto, fácil de ignorar hasta que importa.

Reclamos de asiento atómicos. Entre bastidores, pero cuenta: cuando dos jugadores pulsan sit en el mismo asiento al mismo instante, la plataforma ahora lo resuelve limpio. Sin reclamos dobles, sin sorpresas.

Y Aquí Está El Resto

La mesa en sí tuvo un rediseño mientras estábamos ahí dentro. Avatars más grandes. Cada asiento tiene su propio anillo de color. El jugador activo recibe un anillo dorado encima de su color -- distinguible por forma, no solo por tono, para que los jugadores con daltonismo no pierdan la pista. Las etiquetas de stack son de un verde más brillante que resalta contra el fieltro oscuro. Los nameplates son más limpios. La geometría de los asientos también se ajustó -- las mesas ahora están matemáticamente parejas alrededor del fieltro, con las etiquetas de bet a offsets consistentes hacia el pot. El tipo de cosa que no notas una vez que está bien, que es el punto.

También enviamos un tema oscuro de mesa junto al original. Fieltro carbón, una baranda metálica plata de tres bandas, líneas geométricas tenues conectando cada asiento, texto de nombre y stack flotante -- sin fondo de píldora. Los clubes eligen su propio tema. Si tu club está en oscuro, lo verás la próxima vez que te sientes.

Un montón de victorias más pequeñas vinieron por el viaje:

• Click-to-sit. Pulsa el "+" en cualquier asiento vacío. El diálogo de buy-in se abre con ese asiento ya reservado.
• Menú hamburguesa reemplaza la campana. Profile, cashier, historial de manos, help -- todo a un toque del header.
• El chip de bankroll es ahora un botón. Lo pulsas, se abre el tile de cashier. Ahorra un paso.
• Mobile recibió espacio para respirar. En pantallas estrechas la marca se oculta para que la franja de mini-tables y el botón "+" tengan el espacio que necesitan. El fullscreen nativo está a un toque desde el header del workspace.

Qué Viene

La base del workspace está dentro. Lo siguiente: registration y las mecánicas del juego en sí. Más sobre ambos cuando estén listos.

Para el lado de ingeniería de cómo trabajamos -- spec, sesiones, la división arquitecto / agente -- eso lo escribo en The Salty Korean.

Stay salty.