Thiết kế cho Multi-Table

Đã lâu rồi kể từ bài viết cuối. Tôi muốn quay lại với thứ gì đó đáng đọc, và tháng 5 đã cho tôi một thứ.

Tôi đã muốn đập bỏ giao diện và bắt đầu lại từ lâu rồi. Tôi không thích nó. Hầu hết các app poker đổ toàn bộ ngân sách thiết kế vào mobile và dừng lại ở đó -- và đúng vậy, chúng tôi cũng đã làm công việc mobile -- nhưng phần mà cá nhân tôi cần sửa là trải nghiệm multi-table. Tôi luôn ghét mở bốn cửa sổ trình duyệt để chơi bốn bàn. Vì vậy trước khi bất kỳ công việc nào bắt đầu, tôi đã viết ra một số yêu cầu nghiêm ngặt về cảm giác nó phải có, và chúng tôi xây dựng xung quanh đó.

Đây là cái chúng tôi nghĩ ra, và phần còn lại đáp xuống dọc đường.

Cái Chúng Tôi Nghĩ Ra

Một workspace bền vững, được xây dựng từ các tile. Bàn, lobby, cashier, lịch sử ván -- tất cả sống trong cùng một lưới. Bạn kéo chúng xung quanh, layout giữ qua các session, và liên kết trang cũ vẫn hoạt động; chúng chỉ mở đúng tile thay vì đưa bạn đến một trang riêng biệt.

Mục tiêu chúng tôi đang hướng tới: 16 bàn trực tiếp trong một cửa sổ duy nhất, không cửa sổ phụ, không laptop quạt gào rít.

Workspace, từ đầu đến cuối. Bàn, lobby và cashier đều sống dưới dạng tile trong cùng một lưới. Bàn đang hoạt động nhận một vòng vàng để bạn luôn biết bàn nào đang chạy đồng hồ.

Năm thay đổi kỹ thuật đưa 16 bàn trong một cửa sổ từ khẩu hiệu thành mục tiêu thực tế:

Một GPU context cho toàn trang. Mỗi bàn trên màn hình giờ chia sẻ một renderer duy nhất thay vì mỗi cái khởi tạo riêng. Đó là sự mở khóa -- các trình duyệt hiện đại giới hạn số lượng GPU context một trang có thể giữ, và mô hình một-cái-cho-mỗi-bàn cũ sẽ cạn kiệt rất lâu trước khi bạn đến 16. Laptop, máy cũ và mobile tầm trung giờ đều giữ vững đẹp đẽ với nhiều bàn mở, và khoảng dự phòng vẫn tiếp tục tăng.

Mỗi tile chọn hướng riêng. Dọc hay ngang, được quyết định bởi cái gì vừa. Bốn bàn trên màn hình rộng giữ ngang. Tám trên máy tính bảng lật sang dọc khi có ý nghĩa. Bạn không phải nghĩ về nó.

Một thanh hành động cho mỗi tile. Khi một bàn cần bạn, bạn hành động trên bàn đó -- chính xác nơi mắt bạn đã đang nhìn.

Vòng phát sáng bàn đang hoạt động. Bàn đang chạy đồng hồ là bàn đang phát sáng. Khó bỏ lỡ, dễ bỏ qua cho đến khi nó quan trọng.

Khẳng định ghế atomic. Phía sau hậu trường, nhưng quan trọng: khi hai người chơi nhấn sit trên cùng một ghế cùng lúc, nền tảng giờ giải quyết nó sạch sẽ. Không có khẳng định kép, không bất ngờ.

Và Đây Là Phần Còn Lại

Bản thân bàn cũng nhận được thiết kế lại trong khi chúng tôi ở đó. Avatar lớn hơn. Mỗi ghế có vòng màu riêng. Người chơi đang hoạt động nhận vòng vàng trên màu của họ -- phân biệt được bằng hình dạng, không chỉ bằng sắc thái, để người chơi mù màu không mất manh mối. Nhãn stack là màu xanh sáng hơn nổi bật trên nỉ tối. Nameplate sạch hơn. Hình học ghế cũng được thắt chặt -- các bàn giờ đối xứng toán học xung quanh nỉ, với nhãn cược ở offset nhất quán hướng về pot. Loại điều bạn không nhận thấy một khi nó đúng, đó là điểm.

Chúng tôi cũng ra mắt chủ đề bàn tối bên cạnh bản gốc. Nỉ than, lan can bạc kim loại ba dải, các đường lưới hình học mờ kết nối mọi ghế, văn bản tên và stack nổi -- không nền viên thuốc. Các câu lạc bộ chọn chủ đề riêng. Nếu câu lạc bộ của bạn ở chế độ tối, bạn sẽ thấy nó lần tới khi bạn ngồi xuống.

Một loạt chiến thắng nhỏ hơn cũng đến cùng:

• Click-to-sit. Chạm "+" trên bất kỳ ghế trống nào. Hộp thoại buy-in mở ra với ghế đó đã được đặt sẵn.
• Menu hamburger thay thế chuông. Profile, cashier, lịch sử ván, help -- tất cả một chạm từ header.
• Chip bankroll giờ là nút. Chạm vào nó, tile cashier mở ra. Tiết kiệm một bước.
• Mobile có không gian để thở. Trên màn hình hẹp, thương hiệu ẩn đi để dải mini-table và nút "+" có không gian chúng cần. Fullscreen gốc cách một chạm từ header workspace.

Tiếp Theo

Nền tảng workspace đã vào. Tiếp theo: registration và bản thân cơ chế trò chơi. Thêm về cả hai khi chúng sẵn sàng.

Về mặt kỹ thuật cách chúng tôi làm việc -- spec, session, sự phân chia kiến trúc sư / agent -- tôi viết ở The Salty Korean.

Stay salty.