เจาะประเด็น
AI / Design / Workflow
วิศวกรคนนี้ฟันธง: AI ทำ UI ให้คุณดูดี แต่กำลังสร้าง "ขยะ" ที่ไม่มีใครอ่านเข้าใจ
คู่มือ 7 ข้อ "ดีสลอป" ดีไซน์ด้วย AI ที่ไม่ใช่แค่สั่งให้เพิ่มปุ่ม แต่ต้องกล้าลบของที่ไม่จำเป็นทิ้ง
ทีมข่าว เอไอไทย.com
⏱ อ่าน 5 นาที
เคยสงสัยไหมว่าทำไมเว็บหรือแอปที่ "AI ช่วยทำ" ถึงดูสวยแต่ใช้ยาก? ปัญหาอาจไม่ได้อยู่ที่ AI แต่อยู่ที่วิธีคิดของคุณต่างหาก
หนึ่งในปัญหาที่น่าหงุดหงิดที่สุดในยุค AI โมเดลคือการที่ทุกอย่างมัน "ดูเหมือนกันไปหมด" ไม่ว่าจะเป็น landing page, แอป หรือแม้แต่ TUI (Text User Interface) หน้าตามันคือสูตรสำเร็จเดียวกันเป๊ะ วิศวกรคนหนึ่งบน Reddit ถึงกับเรียกรวมๆ ว่ามันคือ "slop" — ขยะที่ดูดี แต่ใช้งานจริงแล้วมั่วซั่วไปหมด
โพสต์ใน r/ClaudeAI ที่ใช้ชื่อว่า "How I Design with AI" เขียนโดยวิศวกรที่นิยามตัวเองว่า "ไม่ใช่นักออกแบบ แต่เกลียดขยะ" เขาเปิดใจว่าปัญหาไม่ได้อยู่ที่ AI สร้างงานไม่ได้คุณภาพ แต่อยู่ที่กระบวนการคิดของคนที่ใช้ AI ต่างหากที่พากันข้ามขั้นตอนสำคัญจนผลลัพธ์ออกมาเป็นแพทช์เวิร์กที่ไร้ทิศทาง
บทความนี้ไม่ได้เป็นแค่ทริคเด็ดๆ แต่คือปรัชญาการทำงานที่ท้าทายกระแสหลักในตอนนี้ที่ทุกคนรีบเร่งใช้ AI สร้างของไวๆ โดยไม่คิดให้รอบคอบ เรามาดูกันว่าวิธีคิดแบบ "ดีสลอป" ของเขามันโคตรจะต่างจากวิธีที่คนส่วนใหญ่ใช้ AI กันอยู่ตอนนี้ยังไง
แก่นของวิธีคิดนี้มาจากหนังสือคลาสสิกชื่อ "Notes on the Synthesis of Form" ของ Christopher Alexander ซึ่งว่าด้วยขั้นตอนการออกแบบ 3 ขั้นตอนง่ายๆ คือ 1) วางกรอบข้อจำกัดทั้งหมดที่คุณต้องออกแบบให้สอดคล้อง 2) คิดหาวิธีแก้ที่หลากหลายซึ่งตอบโจทย์ข้อจำกัดเหล่านั้น และ 3) ถ้าค้นพบว่าต้องเพิ่มหรือลบข้อจำกัดบางอย่าง ก็กลับไปเริ่มต้นใหม่ที่ขั้นตอนแรก
ฟังดูเป็นวิชาการใช่ไหม? แต่ปัญหาที่เกิดขึ้นจริงคือคนส่วนใหญ่ข้ามขั้นตอนที่ 3 ไปแล้วโดดเข้าสู่โหมด "แก้ปัญหาเฉพาะหน้า" หรือที่เขาเรียกว่า "design whack-a-mole" หรือการเล่นตีตัวตุ่น — เจอจุดที่ผู้ใช้สับสนก็สั่ง AI แก้จุดนั้น พอเจออีกจุดก็แก้อีกจุด โดยไม่เคยกลับมาดูภาพรวมว่าข้อจำกัดเดิมยังใช้ได้อยู่หรือเปล่า
ส่วนตัวผมคิดว่าจุดที่อินไซด์ที่สุดของโพสต์นี้คือการชี้ให้เห็นว่า AI ยิ่งทำให้โรค "ตีตัวตุ่น" รุนแรงขึ้นไปอีก เพราะธรรมชาติของ AI คือการรอรับคำสั่ง ถ้าคุณบอกว่า "ทำให้ X เด่นขึ้น" หรือ "เพิ่มลูกเล่นให้ Y" มันก็จะทำตามนั้นทันทีโดยไม่คิดถึงผลกระทบข้างเคียง ผลลัพธ์ที่ได้คือ UI ที่มีแต่ของตกแต่งพอกพูนไปเรื่อยๆ จนกระทั่งไม่มีใครเข้าใจวิธีใช้
วิธีรับมือของทีมเขาคือการเก็บ "สมุดบันทึก" ไว้จดสิ่งที่น่ารำคาญเล็กๆ น้อยๆ (papercuts) เวลามีอะไรที่แก้ได้ไวก็แก้ไป แต่สิ่งเล็กๆ ที่ยังไม่เร่งด่วนจะถูกเก็บสะสมไว้ เพื่อที่เมื่อถึงเวลารีดีไซน์ใหญ่ จะได้รวบรวมแก้ทีเดียวเป็นระบบ ไม่ใช่แก้ไปเรื่อยเปื่อยแบบงูๆ ปลาๆ
นอกจากการวางกรอบแล้ว เขายังแจกแจงขั้นตอนปฏิบัติอีก 6 ข้อที่ใช้ได้จริงกับทุกโปรเจกต์ นี่คือหัวใจของโพสต์ที่ผมคิดว่าทุกคนที่ใช้ AI ทำ UI ควรอ่าน:
1. ลบของที่ไม่จำเป็นทิ้ง
AI ชอบเพิ่มของเกะกะ ไม่ว่าจะเป็นโค้ดที่เผื่อไว้หรือ UI elements ที่ไม่จำเป็น หน้าที่ของคุณคือตั้งคำถามกับทุกองค์ประกอบบนหน้าจอว่า "เราต้องใช้มันจริงไหม?" แล้วลบทิ้ง
2. อย่า Iterate บนโปรดักต์จริง
ใช้เครื่องมือออกแบบโดยเฉพาะ (เขายกให้ Figma ยังเป็น GOAT) เพื่อสร้างวาไรตี้ 3-4 แบบก่อนตัดสินใจ อย่าให้ AI สร้างเวอร์ชันแรกในโค้ดจริงแล้วค่อยแก้ เพราะจะตกหลุมพราง "Prototype Gravity" ที่ทำให้คุณไม่กล้าสำรวจทางเลือกอื่น
3. ใช้ Component และ Library
แยก view และ logic ออกจากกัน สร้าง reusable components เพื่อให้ UI ดูเป็นระบบเดียวกัน ไม่ใช่การปะติดปะต่อปุ่มที่เขียนซ้ำแล้วซ้ำเล่า
4. ใช้ Preview Deploys
วิธีที่ดีที่สุดในการประเมินดีไซน์คือการใช้ข้อมูลจริง ลองดีไซน์ใหม่กับ backend จริงเพื่อดูว่ามันใช้ได้จริงหรือไม่ แยก PR ระหว่าง frontend และ backend เพื่อให้ตรวจสอบได้ง่ายขึ้น
5. ขโมยของคนอื่น
ปัญหา UX ส่วนใหญ่มีคนแก้ไว้แล้ว จงใช้เวลาศึกษาสินค้าที่แก้ปัญหาคล้ายๆ กัน แล้วรวบรวม screenshot ไว้เป็น context ให้ AI นักออกแบบระดับท็อปทุกคนที่เขารู้จักเริ่มงานด้วยการรวบรวม screenshot เสมอ
6. สำรวจรสนิยมตัวเอง
Taste คือการสะท้อนปฏิกิริยาของตัวเองที่มีต่อสิ่งต่างๆ วิศวกรเก่งๆ หลายคนบอกได้ว่าดีไซน์มัน "ไม่เวิร์ก" แต่บอกไม่ถูกว่าจะแก้ยังไง เพราะขาดคลังโซลูชันจากประสบการณ์ ทางออกเดียวคือลองทำบ่อยๆ แล้วสะท้อนผล
สำหรับทีมของเขาที่ไม่มีดีไซเนอร์ประจำ พวกเขาใช้วิธี "นวดข้าว" — เอาดีไซน์วางไว้กลางวง แล้วช่วยกันตีด้วยไม้จนกว่าจะรู้สึกว่ามันดีพอ น่าจะเป็นวิธีที่โหดร้ายแต่ได้ผลจริงสำหรับทีมเล็กๆ ที่ไม่มีเวลามานั่งถกเถียงกันยืดเยื้อ
ผมว่าโพสต์นี้คือ "ไม้เท้ายอดทอง" สำหรับยุคที่ทุกคนหลงระเริงกับความสามารถของ AI จนลืมไปว่าหัวใจของดีไซน์ไม่ใช่ความสวย แต่คือการสื่อสารให้มนุษย์เข้าใจ อย่าปล่อยให้ AI เป็นคนออกแบบแทนคุณ — ให้มันเป็นแค่เครื่องมือที่อยู่ในกำมือคุณต่างหาก จำไว้ว่า AI สร้าง "งาน" ได้ แต่ "รสนิยม" ยังเป็นหน้าที่ของคุณ
ที่มา: Reddit r/ClaudeAI — อ่านต้นฉบับ
ความคิดเห็น 6
กำลังโหลดความคิดเห็น...