ยิ่งแก้หน้าจอ ทำไมยิ่งไม่ลงตัว

หลังจากลองกดแล้วงง ผมเริ่มอธิบายทางเดินที่อยากใช้จริงครับ ตั้งแต่เริ่มทริป วางแผนหลายแบบ เลือกแผนไปลงรายละเอียด กลับมาเทียบและเคาะเลือก ก่อนจดค่าใช้จ่ายจริง

ผมพยายามอธิบายหน้าจอที่ต้องการ

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

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

แก้ทีละจุด แต่ยังไม่ลงตัว

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

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

ถึงผมจะอธิบายขั้นตอนทั้งหมดแล้ว พอเห็นจุดที่ยังไม่ใช่ ผมก็ถามให้แก้จุดนั้นไปทีละรอบ แต่ยิ่งแก้ก็ยิ่งรู้สึกเหมือนปะผุ และห่างจากหน้าจอที่เรียบร้อยขึ้นไปเรื่อย ๆ ผมเริ่มสงสัยแล้วถามว่า “คุณออกแบบโดยยึดว่าเป็นผู้เชี่ยวชาญด้าน UX/UI designer หรือไม่นะ หรือว่าออกแบบมาแค่พอทำงานได้”

ผมขอให้ ถอยไป Revise ทั้ง

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

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

พักไว้ก่อน

หลังตรวจและแก้ Prototype กันหลายรอบ ผมบอกว่า “prototype น่าจะพอแล้ว... ต่อพรุ่งนี้ละกันใน next session” สรุปว่าต้นแบบมีห้าขั้นหลัก ตั้งแต่ทริป เทียบและเลือกแผน ลงรายละเอียด จดเงินจริง ไปจนถึงสรุป พร้อมหน้าสำหรับแก้ข้อมูลแยกอีกสองหน้า

ผมพอใจกับ Prototype ระดับหนึ่งและขอพักไว้ก่อน ขั้นต่อไปคือนำ ที่ทบทวนแล้วไปปรับแอปจริง ซึ่งยังไม่ได้ทำใน Run นี้

หันกลับมามอง

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