เมนูมือถือ
1. หน้านี้ใช้ทำอะไร
หน้า เมนูมือถือ ใช้เลือกรูปแบบของแถบนำทางด้านล่าง (Bottom Navigation Bar) ที่แสดงบนหน้าจอมือถือของผู้เล่นเมื่อเข้าใช้งานหน้าล็อบบี้ผ่านสมาร์ตโฟน แถบนี้เป็นจุดรวมปุ่มลัดสำคัญ 5 ปุ่ม ได้แก่ เมนูเกม, โปรโมชั่น, ปุ่มลัดกลาง (เข้าสู่ระบบ/สมัคร หรือ ฝาก-ถอน), กิจกรรม และช่องทางติดต่อ เหมาะสำหรับผู้ดูแลระบบและฝ่ายออกแบบที่ต้องการมอบประสบการณ์การใช้งานบนมือถือที่สวยงาม ทันสมัย และกดใช้งานสะดวกด้วยมือเดียว
2. ก่อนเริ่ม
- สิทธิ์การใช้งาน: ต้องได้สิทธิ์ 'เมนูมือถือ' จากผู้ดูแลระบบก่อน จึงจะเปิดดูและเปลี่ยนรูปแบบเมนูมือถือในหน้านี้ได้ (หากไม่มีสิทธิ์แก้ไข จะดูตัวอย่างได้อย่างเดียว)
- สิ่งที่ต้องเตรียม:
- ตรวจสอบว่าได้ตั้งค่า สีธีม ของเว็บไซต์แล้ว เนื่องจากปุ่มไฮไลต์และแสงเรืองของแถบเมนูมือถือจะดึงสีธีมมาแสดงโดยตรง
- การทำความเข้าใจพฤติกรรมของปุ่มตรงกลาง: เมื่อผู้เล่นยังไม่ได้เข้าสู่ระบบ ปุ่มกลางจะเป็นปุ่ม เข้าสู่ระบบ / สมัคร และเมื่อเข้าสู่ระบบแล้ว ปุ่มกลางจะเปลี่ยนเป็นเหรียญทองแอนิเมชันสำหรับกด ฝาก-ถอน เงินทันที
3. หน้าตาของหน้านี้
เมื่อเปิดเข้ามา จะพบส่วนประกอบสำคัญเรียงจากบนลงล่างดังนี้:
- ส่วนหัวของหน้า (Page Header): แสดงชื่อหน้า เมนูมือถือ, คำอธิบายสั้น ๆ และแถบนำทาง (รูปลักษณ์เว็บ / เมนูมือถือ)
- แถบประวัติการแก้ไข (Page Audit): แสดงเวอร์ชันของข้อมูล, ชื่อผู้บันทึกล่าสุด, ประเภทผู้ใช้ และวันเวลาที่แก้ไขล่าสุด
- การ์ดตัวอย่างบนหน้าเว็บ (Preview Card): กรอบจำลองหน้าจอมือถือ (กว้าง 390 px) แสดงแถบเมนูด้านล่างจริงตามสีธีมของเว็บ พร้อมเครื่องมือทดสอบ 2 ส่วน:
- ปุ่มสลับสถานะผู้ใช้: ผู้เล่น (เข้าสู่ระบบแล้ว) และ ผู้เยี่ยมชม (ยังไม่เข้าสู่ระบบ)
- ปุ่มสลับภาษา: ภาษาไทย และ ภาษาอังกฤษ
- ส่วนเลือกรูปแบบเมนูมือถือ (Select Layout): การ์ดตัวเลือกเค้าโครงแถบเมนูมือถือ 4 รูปแบบ พร้อมภาพจำลองขนาดเล็กและป้ายสถานะ ใช้อยู่
- แถบคำสั่งด้านล่าง (Action Bar): แถบลอยแสดงปุ่ม ยกเลิก และปุ่ม บันทึก จะเปิดให้กดเมื่อมีการเลือกรูปแบบที่ต่างไปจากเดิม
4. ค้นหาและตัวกรอง
หน้านี้ไม่มีช่องค้นหาหรือตัวกรองตาราง แต่มีเครื่องมือสลับการแสดง 2 ส่วนที่มุมขวาบนของการ์ดตัวอย่าง:
| ตัวเลือกการแสดง | ตัวเลือกที่มีให้กด | ผลลัพธ์บนการ์ดตัวอย่างมือถือ |
|---|---|---|
| สถานะผู้ใช้งาน | ผู้เล่น / ผู้เยี่ยมชม | - ผู้เล่น: ปุ่มตรงกลางแสดงเหรียญทองแอนิเมชัน พร้อมข้อความ ฝาก-ถอน - ผู้เยี่ยมชม: ปุ่มตรงกลางแสดงสัญลักษณ์ลูกศรชี้เข้าวงกลม พร้อมข้อความ เข้าสู่ระบบ / สมัคร |
| ภาษา (Language) | ภาษาไทย / ภาษาอังกฤษ | สลับคำกำกับใต้ปุ่มทั้ง 5 ปุ่มระหว่างภาษาไทย (เมนู, โปรโมชั่น, ฝาก-ถอน, กิจกรรม, ติดต่อ) กับภาษาอังกฤษ (Menu, Promotion, Dep/With, Activity, Contact) |
5. ตารางข้อมูล
รูปแบบแถบเมนูมือถือทั้ง 4 รูปแบบ
| รหัส | ชื่อรูปแบบ | ลักษณะแถบและการจัดวาง | พฤติกรรมของเมนูที่ถูกเลือกและปุ่มกลาง |
|---|---|---|---|
| 6 | แถบเว้ากลาง (Curved notch) (ค่าเริ่มต้น) | แถบพื้นหลังโค้งเว้าหลบรับปุ่มวงกลมตรงกลาง | ปุ่มตรงกลางเป็นเหรียญกลมลอยในรอยเว้า มีชื่อปุ่มอยู่ใต้ปุ่มอย่างลงตัว |
| 2 | แท่นลอย (Floating dock) | แถบโค้งมนพื้นกระจกฝ้า ลอยห่างจากขอบจอและขอบล่าง | เมนูที่เลือกจะมีพื้นหลังสีธีมรูปทรงแคปซูลนุ่มนวลรองใต้ไอคอน |
| 3 | เส้นบอกตำแหน่ง (Top line) | แถบเต็มความกว้างขอบจอชนขอบจอ | เมนูที่เลือกจะมีเส้นเรืองแสงสีธีมขีดที่ขอบบน ปุ่มกลางเป็นสี่เหลี่ยมมุมมนยกสูง |
| 4 | ฟองลอย (Rising bubble) | แถบเต็มความกว้างพร้อมเอฟเฟกต์ฟองลอย | เมนูที่เลือกจะลอยตัวขึ้นเหนือแถบในวงกลมสีธีม ปุ่มกลางเป็นวงแหวนรอบเหรียญ |
(หมายเหตุ: รหัสรูปแบบ 0, 1 และ 5 ในระบบเดิม ได้รับการอัปเกรดและยุบรวมเข้ากับ 4 รูปแบบหลักข้างต้น)
5 ปุ่มมาตรฐานบนแถบเมนูมือถือ
| ลำดับปุ่ม | ชื่อปุ่ม (ภาษาไทย) | ชื่อปุ่ม (ภาษาอังกฤษ) | หน้าที่และการทำงานเมื่อผู้เล่นกดบนมือถือ |
|---|---|---|---|
| 1 | เมนู | Menu | เปิดแถบเมนูหลักของหน้าเว็บ เช่น ทางลัดค่ายเกมและหน้าต่างสำคัญ |
| 2 | โปรโมชั่น | Promotion | เปิดหน้ารายการโปรโมชั่นและโบนัสที่เปิดให้รับสิทธิ์ |
| 3 (กลาง) | เข้าสู่ระบบ / สมัคร หรือ ฝาก-ถอน | Login / Register หรือ Dep/With | ปุ่มเด่นตรงกลาง: หากยังไม่ล็อกอินจะเปิดป๊อปอัปเข้าสู่ระบบ หากล็อกอินแล้วจะเปิดหน้ากระเป๋าเงินฝาก-ถอน |
| 4 | กิจกรรม | Activity | เปิดหน้ารวมกิจกรรม เช่น วงล้อเสี่ยงโชค เช็คอิน หรือภารกิจ |
| 5 | ติดต่อ | Contact | เปิดหน้าต่างช่องทางติดต่อเจ้าหน้าที่และฝ่ายบริการลูกค้า |
6. ทีละขั้นตอน
1. การเปลี่ยนรูปแบบแถบเมนูมือถือ
- ไปที่เมนู รูปลักษณ์เว็บ > เมนูมือถือ จากแถบเมนูด้านซ้าย
- ในส่วน รูปแบบ ให้กดเลือก 1 ใน 4 รูปแบบที่ต้องการ
- ตรวจสอบหน้าตาของแถบเมนูในกรอบโทรศัพท์มือถือจำลองด้านบน
- ทดลองกดสลับปุ่ม ผู้เล่น และ ผู้เยี่ยมชม เพื่อตรวจดูความสวยงามของปุ่มกลางในทั้งสองสถานะ
- ทดลองกดสลับปุ่ม ภาษาไทย และ ภาษาอังกฤษ เพื่อดูการตัดคำของปุ่ม
- กดปุ่ม บันทึก ที่แถบลอยด้านล่าง
- ระบบจะแสดงข้อความแจ้งเตือนสีเขียวว่า "บันทึกเมนูมือถือแล้ว" และผู้เล่นจะเห็นรูปแบบใหม่ทันทีที่โหลดหน้าเว็บรอบถัดไป
2. การยกเลิกและคืนค่าเดิมก่อนบันทึก
- หากเลือกรูปแบบใหม่แล้วต้องการเปลี่ยนใจ ให้กดปุ่ม ยกเลิก ที่แถบคำสั่งด้านล่าง
- ระบบจะคืนค่าการเลือกกลับไปยังรูปแบบที่มีป้าย ใช้อยู่ ทันที
7. หน้าแก้ไขหรือหน้าเพิ่ม
หน้านี้เป็นการเลือกรูปแบบแถบนำทางโดยตรง ไม่มีช่องกรอกข้อความยาว โดยมีตัวเลือกการตั้งค่าดังนี้:
| ช่อง / ตัวเลือก | ต้องกรอกไหม | ใส่อะไร | ตัวอย่าง | ข้อจำกัด |
|---|---|---|---|---|
| รูปแบบ | ต้องเลือก | กดเลือกหนึ่งใน 4 รูปแบบแถบเมนูมือถือมาตรฐาน | แถบเว้ากลาง (Curved notch) | เลือกได้ครั้งละ 1 รูปแบบเท่านั้น มีผลกับหน้าจอมือถือทุกรุ่น |
8. หน้าต่างป็อปอัพ (Popup / Modal)
1. หน้าต่างแจ้งเตือนข้อมูลเวอร์ชันขัดแย้ง (VersionConflictDialog)
- เปิดขึ้นมาเมื่อไหร่: เมื่อกดปุ่ม บันทึก แต่มีผู้ดูแลระบบคนอื่นบันทึกเปลี่ยนรูปแบบเมนูมือถือตัดหน้าไปก่อน
- สิ่งที่เห็นในหน้าต่าง: หน้าต่างป็อปอัพแจ้งเตือนว่าข้อมูลบนหน้าจอไม่ตรงกับเวอร์ชันล่าสุดในระบบ พร้อมปุ่ม โหลดข้อมูลล่าสุด และปุ่ม ปิด
- สิ่งที่ต้องทำ: กดปุ่ม โหลดข้อมูลล่าสุด เพื่อให้ระบบดึงข้อมูลล่าสุดมาแสดงบนหน้าจอ จากนั้นกดเลือกรูปแบบที่ต้องการแล้วกดบันทึกใหม่อีกครั้ง
- ผลลัพธ์: ป้องกันการเขียนทับการตั้งค่าของเพื่อนร่วมงานโดยไม่ตั้งใจ
9. สถานะและป้ายสี
| ป้ายสถานะ / สัญลักษณ์ | สีของป้าย | ความหมาย | สิ่งที่ต้องทำต่อ |
|---|---|---|---|
| ใช้อยู่ | เขียว | รูปแบบแถบเมนูมือถือที่กำลังเปิดใช้งานบนเว็บไซต์จริงในปัจจุบัน | ไม่ต้องทำอะไร หากต้องการใช้รูปแบบเดิม |
| ค่าเริ่มต้นของเว็บ | เทา | รูปแบบมาตรฐานตั้งต้นของระบบ (รูปแบบแถบเว้ากลาง) | เป็นรูปแบบที่แนะนำสำหรับเว็บทั่วไป |
| เครื่องหมายถูกสีขาวในวงกลม | ฟ้า | รูปแบบที่กำลังถูกเลือกอยู่ในแบบร่างขณะนี้ | ตรวจดูพรีวิวด้านบนแล้วกดปุ่มบันทึก |
| กรอบเส้นขอบสีฟ้า | ฟ้า | การ์ดรูปแบบที่ได้รับเลือกและโฟกัสอยู่ในปัจจุบัน | ช่วยบอกว่ากำลังเลือกรูปแบบใด |
10. คำถามที่เจอบ่อย / แก้ปัญหาเบื้องต้น
- ถ้าเปลี่ยนรูปแบบแล้ว แต่หน้าจอมือถือยังแสดงแถบเดิม:
- รูปแบบใหม่จะมีผลเมื่อผู้เล่นโหลดหน้าเว็บครั้งถัดไป หากเปิดค้างไว้อยู่ ให้ผู้เล่นกดรีเฟรชหน้าเว็บหรือปัดปิดแล้วเปิดใหม่
- ถ้าปุ่มบันทึกเป็นสีเทา กดไม่ได้:
- ตรวจสอบว่ารูปแบบที่เลือกอยู่คือรูปแบบเดิมที่มีป้าย ใช้อยู่ หรือไม่ หากไม่ได้เปลี่ยนรูปแบบ ปุ่มบันทึกจะไม่เปิดให้กด
- ถ้าเหรียญทองแอนิเมชันบนมือถือไม่หมุน:
- แอนิเมชันเหรียญทองจะหมุนหนึ่งรอบเมื่อเปิดหน้าเว็บขึ้นมา เพื่อดึงดูดสายตาและประหยัดแบตเตอรี่ของโทรศัพท์ผู้เล่น
- ถ้าต้องการเปลี่ยนไอคอนของปุ่มบนแถบเมนูมือถือ:
- ไอคอนของปุ่มเมนูมือถือ (เช่น เมนู, โปรโมชั่น, กิจกรรม, ติดต่อ) เปลี่ยนรูปหรือเปลี่ยนเป็นแอนิเมชัน Lottie ได้จากเมนู รูปลักษณ์เว็บ > ไอคอน