ทำไมดอนกิโฮเต้ถึงเก่งเรื่องทำให้คนหยิบสินค้าขึ้นมา — นำ "การจัดวางแบบอัดแน่น" มาใช้กับหน้าจอหลักของแพลตฟอร์มรวม

บทนำ

ฉันกำลังสร้างแพลตฟอร์มรวมที่รวมหลายบริการเข้าไว้เป็นหนึ่งเดียว แนวคิดเบื้องหลังเขียนไว้ใน จากเช่า DVD สู่แพลตฟอร์มแบบ DMM

จะสร้างหน้าจอหลักของมันอย่างไร คำใบ้มาจากที่ที่ไม่คาดคิด — ดอนกิโฮเต้ ร้านค้าปลีกลดราคาของญี่ปุ่น

”การจัดวางแบบอัดแน่น” ของดอนกิโฮเต้

ลองนึกภาพภายในร้านดอนกิโฮเต้ดู สินค้าหลากหลายชนิดถูกกองสูงเป็นภูเขาอยู่สองข้างทางเดิน โดยไม่มีความเป็นระเบียบที่ชัดเจน นั่นไม่ใช่ความรกรุงรัง แต่เป็นสิ่งที่ ตั้งใจทำ เป็นกลยุทธ์ที่ผ่านการคิดมาอย่างดี เรียกว่า “การจัดวางแบบอัดแน่น” (asshuku chinretsu)

เป้าหมายมีอย่างเดียว ทำให้ทุกอย่างเข้าตา เพื่อให้คน “ลองหยิบขึ้นมาก่อน” แม้สิ่งที่มาหาจะไม่มี แต่ก็อาจมีบางอย่างในกองสินค้านั้นที่สะดุดตาขึ้นมา และมือก็เอื้อมไปหยิบ ท่าแรกนั้นเอง — เข้าตา แล้วเอื้อมมือไปหยิบ — คือจุดเริ่มต้นของกระแสที่ว่า เดินวนดูในร้าน อยู่นาน แล้วซื้อแบบไม่ได้วางแผน

ตรงนี้แหละที่สำคัญ การมองเห็นได้เองคือคุณค่า ความอัดแน่นวุ่นวาย ข้อมูลที่มากเกินไป ไม่ใช่บั๊ก แต่คือกลยุทธ์ คนจะเอื้อมมือไปหยิบที่หน้าร้านที่กองสินค้าสูงมากกว่าชั้นวางที่จัดเรียบร้อย

นำสิ่งนี้มาใช้กับหน้าจอหลักของแพลตฟอร์มรวม

สิ่งเดียวกันนี้ใช้ได้กับหน้าจอหลักของแพลตฟอร์มรวมที่รวมหลายบริการเข้าด้วยกันเช่นกัน หน้าที่ของหน้าจอหลักไม่ใช่การแสดงภาพเดียวที่ขัดเกลาสวยงาม แต่คือ การให้เห็น “ที่นี่มีอะไรบ้าง” ในภาพเดียว แล้วให้คนลองแตะดูก่อน

ฉันจึงทำหน้าจอหลักให้เป็นแบบจัดวางอัดแน่น เรียงกระเบื้องผลงานของแต่ละบริการซ้อนกันหลายแถว แสดงบริการที่ยังอยู่ระหว่างเตรียมการเป็น “กำลังเตรียมการ” และวางรายการบริการไว้ถาวรที่ขอบซ้าย

หน้าจอหลักของแพลตฟอร์มรวม (โมเดลจำลองเพื่อวัตถุประสงค์พอร์ตโฟลิโอ ผลงานเป็นข้อมูลตัวอย่าง)

รายการบริการถาวรอยู่ทางซ้าย แถวผลงานที่กองซ้อนกันข้ามหลายบริการ ไปจนถึงบริการที่กำลังจะเปิดตัว เรียงกันอยู่ครบ มองแวบเดียวก็สื่อได้ว่า “มีอะไรหลายอย่างอยู่ที่นี่” นี่คือความอัดแน่นที่ทำให้คนลองหยิบขึ้นมาก่อน

กับดักของความมินิมอล

จริงๆ แล้วเคยทำสวนทางแบบนี้มาครั้งหนึ่ง ตามหลักการ UI ทั่วไปที่ว่า “จัดระเบียบให้เรียบร้อย” “ซ่อนเมนูนำทางไว้หลังปุ่ม” ฉันเคยเอาส่วนเลือกบริการของหน้าจอหลักไปซ่อนไว้หลังปุ่มเมนู (☰) ที่มุมซ้ายบน หน้าจอดูเรียบร้อยขึ้น แต่นั่นคือการเปลี่ยนแปลงที่ตัดคุณค่าออกไป

การพับบริการไปซ่อนไว้หลังเมนู ก็เหมือนกับ การเอาสินค้าที่เคยกองอยู่หน้าร้าน ไปเก็บไว้ในซอกชั้นวาง สิ่งที่มองไม่เห็นก็จะไม่ถูกหยิบขึ้นมา สำหรับหน้าจอหลักของแพลตฟอร์มรวม การจัดระเบียบเองก็อาจกลายเป็นผลเสียได้

【แบบจัดระเบียบ・มินิมอล】               【แบบจัดวางอัดแน่น (ที่เลือกใช้)】
 พับบริการไว้หลัง ☰                     บริการอยู่ถาวร + ผลงานกองซ้อนกัน
   ↓                                  ↓
 เรียบร้อย／แต่มองไม่เห็นว่า            มองเห็นได้ในภาพเดียว／ลองหยิบขึ้นมาก่อน
 "มีอะไรบ้าง" = ไม่ถูกหยิบ              = เกิดการเวียนชมและอยู่นาน

แต่ความอัดแน่นไม่ใช่ “ความไร้ระเบียบ”

ถึงอย่างนั้น การกองสินค้าเฉยๆ ก็ไม่ใช่คำตอบที่ดีพอ ความอัดแน่นมาคู่กับความเสี่ยงที่จะทำให้คนที่เข้ามาหลงทาง ดังนั้นจึงต้องเตรียม โครงกระดูกที่รองรับความอัดแน่น ไว้ด้วย

สิ่งที่ใช้อ้างอิงคือพอร์ทัลรายใหญ่ที่รวมหลายบริการเข้าด้วยกัน (สร้างแบบเดียวกับ DMM) ที่นั่น ไม่ว่าจะอยู่หน้าจอไหน ก็สามารถเปิดรายการบริการจากขอบหน้าจอได้เสมอ และกระโดดไปยังบริการอื่นได้ทุกเมื่อ เส้นทางสำหรับสลับบริการเท่านั้นที่จะไม่ถูกฝังอยู่ในความอัดแน่น แต่คงอยู่ถาวร

ด้วยวิธีนี้ หน้าจอหลักก็จะ “ทำให้คนลองหยิบขึ้นมาก่อน” ด้วยการจัดวางอัดแน่น ในขณะที่โครงกระดูกสำหรับสลับก็อยู่ในมือเสมอ จึงไม่หลงทาง ดึงดูดด้วยความอัดแน่น รองรับด้วยโครงกระดูก นี่กลายเป็นแก่นของการออกแบบหน้าจอหลักของแพลตฟอร์มรวม

ตั้งคำถามก่อนจัดระเบียบ

ตั้งข้อสงสัยกับความเชื่อที่ว่า “จัดระเบียบ = ดี” ความเรียบร้อยและมินิมอลคือคำตอบที่ถูกต้องสำหรับหลายหน้าจอ แต่คำตอบที่ถูกต้องเปลี่ยนไปตามบริบท สำหรับหน้าจอที่มีหน้าที่ “แสดงว่ามีอะไรบ้างก่อน” การจัดระเบียบอาจตัดคุณค่าออกไปได้ ก่อนจะใช้สูตรสำเร็จ ให้ถามก่อนว่าหน้าจอนี้มีหน้าที่อะไร

การแสดงหรือซ่อน คือสิ่งที่ตัดสินว่าจะถูกหยิบขึ้นมาหรือไม่ สิ่งที่ซ่อนไว้ก็เหมือนกับไม่มีอยู่ สำหรับหน้าจอหลักของแพลตฟอร์มรวม การมองเห็นได้เองคือคุณค่า อย่ากลัวความอัดแน่น

รองรับความอัดแน่นด้วยโครงกระดูก ไม่ใช่แค่กองสินค้าเฉยๆ แต่ต้องเดินเส้นทางถาวรเส้นหนึ่งไว้นอกความอัดแน่น เพื่อไม่ให้คนหลงทาง ให้พลังดึงดูดและพลังไม่หลงทางอยู่ร่วมกันได้

ภูมิปัญญาที่ใช้กันเป็นเรื่องปกติที่หน้าร้านค้าปลีก นำมาใช้ได้ตรงกับการออกแบบหน้าจอ “ความสวยงาม” ของ UI ลอกเลียนแบบกันได้ แต่การตัดสินใจที่ว่า “หน้าที่ของหน้าจอนี้คือทำให้คนหยิบขึ้นมา ดังนั้นต้องคงความอัดแน่นไว้” ซึ่งรวมถึงการเลือกทำสวนทางกับสูตรสำเร็จด้วยนั้น เป็นสิ่งที่ต้องคิดเองในแต่ละครั้ง