จาก Table Layout สู่ AI: วิวัฒนาการของนักออกแบบตลอด 15 ปี

ทุกอย่างเริ่มต้นจาก table

ไม่ใช่ table ในฐานข้อมูลนะ แต่เป็น HTML table

ถ้าคุณเริ่มสร้างเว็บไซต์ก่อนปี 2010 คุณรู้แน่นอนว่าผมพูดถึงอะไร <table>, <tr>, <td> — นั่นคือระบบ layout ของเรา เราซ้อน table ใน table หั่นงานดีไซน์จาก Photoshop เป็นชิ้นเล็กๆ แล้วประกอบกลับเหมือนจิ๊กซอว์ดิจิทัล มันยุ่งเหยิง เปราะบาง แต่ก็สวยงามในแบบของมัน

ตอนนั้นผมอายุยี่สิบต้นๆ เพิ่งเรียนจบ และหลงใหลสุดๆ สมัยนั้น "web design" หมายความว่าคุณทำทุกอย่าง — ทำ mockup ใน Photoshop, หั่น HTML, แม้แต่เขียน copy ไม่มี UX ไม่มี UI มีแค่ "ทำเว็บ"

เครื่องมือยังดิบมาก Dreamweaver คือราชา เรา preview ใน Internet Explorer 6 แล้วก็สวดมนต์ขอให้ไม่พัง ฟอนต์มีให้เลือกแค่ Arial, Verdana กับ Times New Roman อยากใช้ฟอนต์อื่น? ก็ render เป็นรูปภาพไปเลย

แต่สิ่งที่ยุคนั้นสอนผมคือ: ข้อจำกัดสร้างความคิดสร้างสรรค์ เมื่อคุณมีแค่ table กับ CSS พื้นฐาน ทุก pixel มีความหมาย คุณเรียนรู้เรื่อง hierarchy, spacing และ visual weight — ไม่ใช่เพราะ design system บอกให้ทำ แต่เพราะคุณไม่มีทางเลือกอื่น

Web 2.0: การปฏิวัติ CSS และจุดกำเนิดของการออกแบบ "จริงๆ"

แล้ว CSS2 ก็มาถึง และทุกอย่างก็เปลี่ยนไป

ทันใดนั้น เราแยก content ออกจาก presentation ได้ Float-based layout มาแทน table hack เราได้มุมโค้ง (หลังจากใช้รูปมุมมาหลายปี) เราได้ transparency เราได้ @font-face

แต่ที่สำคัญกว่านั้น เว็บหยุดเป็นแค่โบรชัวร์ดิจิทัลและเริ่มกลายเป็น application platform Gmail เปิดตัว Google Maps เปิดตัว Facebook เปิดให้คนทั่วไปใช้ เว็บกลายเป็นสิ่งที่ interactive, dynamic และเป็นส่วนตัว

นี่คือครั้งแรกที่ผมได้ยินคำว่า "User Experience" ก่อนหน้านี้เราพูดกันแต่เรื่อง "usability" หรือ "information architecture" — ศัพท์วิชาการที่รู้สึกห่างไกล แต่ UX? UX รู้สึกเป็นมนุษย์ มันเกี่ยวกับความรู้สึก ไม่ใช่ feature เกี่ยวกับ journey ไม่ใช่หน้าเว็บ

ผมจำ usability test ครั้งแรกได้ ผมออกแบบ flow e-commerce ที่คิดว่าสมบูรณ์แบบ — สะอาด มีตรรกะ มีประสิทธิภาพ แล้วผมก็นั่งดูคนจริงๆ ลองใช้มัน เขาหาปุ่ม checkout ไม่เจอ เขาไม่เข้าใจชื่อหมวดหมู่ของเรา เขาหลงทางที่ขั้นตอนที่ 3

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

แผ่นดินไหวจากมือถือ

แล้ว Steve Jobs ก็เดินขึ้นเวทีพร้อมกับ iPhone และไม่มีอะไรเหมือนเดิมอีกต่อไป

ช่วงแรกๆ ของมือถือคือความโกลาหล เราสร้างเว็บไซต์แยกสองชุด — ชุดหนึ่งสำหรับ desktop อีกชุดสำหรับมือถือ (จำ m.example.com ได้ไหม?) เวอร์ชันมือถือเป็นสิ่งที่คิดทีหลังเสมอ ตัดทอน พื้นฐาน เป็นพลเมืองชั้นสอง

แล้ว Ethan Marcotte ก็เขียนบทความชื่อ "Responsive Web Design" และมันเหมือนมีคนเปิดไฟ

Codebase เดียว ทุกขนาดหน้าจอ Fluid grid รูปภาพยืดหยุ่น Media query

ผมใช้เวลาหลายเดือนเรียนรู้ responsive design ไม่ใช่แค่ส่วนเทคนิค — ส่วนนั้นค่อนข้างตรงไปตรงมา ส่วนที่ยากคือ การคิดแบบ responsive layout 5 คอลัมน์นี้จะทำงานยังไงบนมือถือ? mega-menu นี้จะเป็นยังไงบน tablet? content ไหนควรให้ความสำคัญบนหน้าจอเล็ก?

นี่ยังเป็นช่วงที่ผมเข้าร่วม Priceza แพลตฟอร์มเปรียบเทียบราคาที่ใหญ่ที่สุดในประเทศไทย ทันใดนั้นผมไม่ได้ออกแบบให้ผู้ใช้หลักพัน — ผมออกแบบให้ 140 ล้าน visit ต่อปี ใน 5 ประเทศ การปรับปรุง conversion แค่ 1% อาจหมายถึงเงินหลายล้านบาท

ในขนาดแบบนั้น "ผมคิดว่าแบบนี้ดูดีกว่า" ไม่ใช่ข้อโต้แย้งที่ยอมรับได้อีกต่อไป คุณต้องมีข้อมูล คุณต้องมี A/B test คุณต้องเข้าใจ analytics นี่คือจุดที่ผมเรียนรู้ว่า UX ที่ดีไม่ได้เกี่ยวกับสิ่งที่นักออกแบบชอบ แต่เกี่ยวกับสิ่งที่ผู้ใช้ทำจริงๆ

เราทดลองตลอดเวลา ปุ่ม "เปรียบเทียบ" ที่ใหญ่ขึ้นทำให้คลิกเพิ่มไหม? (ใช่) การแสดงส่วนต่างราคาเป็นเปอร์เซ็นต์หรือตัวเลขสัมบูรณ์ไหนสร้าง engagement มากกว่า? (เปอร์เซ็นต์) การเพิ่มรูปสินค้าในตารางเปรียบเทียบลด bounce rate ไหม? (ลดอย่างมาก)

ทุกการตัดสินใจวัดผลได้ ทุกสมมติฐานทดสอบได้ มันเป็นการศึกษาด้านการออกแบบที่เข้มข้นที่สุดที่ผมจะขอได้

Web 3.0: Social, content และเศรษฐกิจแห่งความสนใจ

พอถึงช่วงกลางทศวรรษ 2010 เว็บก็เปลี่ยนรูปอีกครั้ง มันไม่ใช่เรื่องของเว็บไซต์อีกต่อไป — มันเป็นเรื่องของ แพลตฟอร์มและระบบนิเวศ

Social media กลายเป็นประตูหน้าของอินเทอร์เน็ต ผู้คนไม่ได้พิมพ์ URL อีกแล้ว พวกเขาเลื่อนฟีด Content กลายเป็นสกุลเงิน ทุกธุรกิจต้องมี "content strategy" ทุกแบรนด์ต้องมี "social presence"

สำหรับนักออกแบบ นี่หมายถึงการเปลี่ยนแปลงพื้นฐาน เราไม่ได้แค่ออกแบบ interface อีกต่อไป เราออกแบบ เพื่อ engagement เพื่อการแชร์ เพื่อความ viral คำถามเปลี่ยนจาก "ผู้ใช้ทำ task นี้สำเร็จไหม?" เป็น "ผู้ใช้จะกลับมาพรุ่งนี้ไหม?"

ผมเห็นสิ่งนี้เกิดขึ้นที่ Priceza ที่เราต้องคิดว่า content ของเราจะแสดงผลยังไงบน LINE, Facebook และ Twitter รูป Open Graph สามารถทำให้ลิงก์ที่แชร์รุ่งหรือร่วงได้ meta description สามารถกำหนดว่าคนจะคลิกหรือเลื่อนผ่าน

จากนั้นผมย้ายไปวงการประกันภัย — Southeast Insurance ก่อน แล้วก็ MSIG Thailand และนี่คือจุดที่เรื่องน่าสนใจจริงๆ

ประกันภัยเป็นขั้วตรงข้ามของ social media ไม่มีใคร อยาก ซื้อประกัน ไม่มีใคร แชร์ กรมธรรม์บน Instagram สินค้าซับซ้อน ภาษาเต็มไปด้วยศัพท์เทคนิค และกำแพงความไว้วางใจสูงมาก

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

เราออกแบบแพลตฟอร์มประกันภัยดิจิทัลของ MSIG ใหม่ทั้งหมด เรานำเทคโนโลยี OCR มาใช้เพื่อให้ผู้ใช้ไม่ต้องพิมพ์เลขบัตรประชาชนเอง เราสร้างระบบเคลมแบบ self-service เพื่อให้คนติดตามสถานะเคลมได้ตอนตี 3 โดยไม่ต้องโทรหา hotline เราลดรูปแบบการเปรียบเทียบกรมธรรม์จากตาราง 15 ช่องเหลือ wizard 3 คำถาม

บทเรียนจากยุคนี้: UX ไม่ใช่แค่ทำให้สวยหรือ viral บางครั้ง UX คือการทำให้อะไรบางอย่างราบรื่นจนคนลืมไปเลยว่ากำลังทำเรื่องซับซ้อน

2025 และต่อจากนี้: ยุค AI

และตอนนี้เราอยู่ตรงนี้ การเปลี่ยนแปลงครั้งใหญ่ที่สุดตั้งแต่ยุคมือถือ อาจจะใหญ่กว่าด้วยซ้ำ

ผมเฝ้าดู AI พัฒนาจากมุมของนักออกแบบ และผมบอกได้เลยว่า — นี่ไม่เหมือนการเปลี่ยนแปลงทางเทคโนโลยีครั้งก่อนๆ นี่ไม่ใช่ "เพิ่ม breakpoint ใหม่" หรือ "optimize สำหรับแพลตฟอร์มใหม่" นี่คือการเปลี่ยนแปลงพื้นฐานใน วิธีที่เราออกแบบ สิ่งที่เราออกแบบ และคนที่เราออกแบบให้

นี่คือสิ่งที่ผมหมายถึง:

วิธีที่เราออกแบบเปลี่ยนไปแล้ว

workflow ประจำวันของผมไม่เหมือนเมื่อสองปีก่อนเลย ผมใช้ Claude เป็นคู่คิด — ไม่ใช่เพื่อ generate งานออกแบบ แต่เพื่อท้าทายสมมติฐานของผม "ผมพลาด edge case อะไรใน flow นี้บ้าง?" "ผู้ใช้ครั้งแรกจะติดตรงไหน?" "สิ่งนี้จะใช้งานยังไงสำหรับคนที่มีปัญหาทางสายตา?"

ผมใช้ AI สำหรับสังเคราะห์งานวิจัย ที่ MSIG เราสัมภาษณ์ลูกค้าแล้วใช้เวลาหลายวัน cluster insight ตอนนี้ผมสามารถป้อน transcript เข้า LLM แล้วได้ theme ที่จัดระเบียบแล้วในไม่กี่นาที ผมยังตรวจสอบทุกอย่าง — AI ไม่ได้แทนที่วิจารณญาณ — แต่มันตัดส่วนที่น่าเบื่อออกไป

ผมใช้ Gemini สำหรับ content generation และ Imagen สำหรับ concept visual แบบรวดเร็ว ไม่ใช่เป็น output สุดท้าย แต่เป็น จุดเริ่มต้นของบทสนทนา "นี่คือ headline ที่เป็นไปได้ 10 แบบสำหรับ landing page นี้" เป็นจุดเริ่มต้นที่ดีกว่าช่องข้อความเปล่าๆ

สิ่งที่เราออกแบบเปลี่ยนไปแล้ว

ตัว interface เองก็กำลังวิวัฒนาการ เราไม่ได้แค่ออกแบบหน้าจอนิ่งๆ กับปุ่มและฟอร์มอีกต่อไป เราออกแบบ บทสนทนา การคาดเดา และประสบการณ์ที่ปรับตัวได้

ฟอร์มขอใบเสนอราคาประกันแบบเดิมถาม 20 คำถามเรียงกัน แบบที่ใช้ AI อาจถามแค่ 3 คำถาม อนุมานที่เหลือจากบริบท แล้วนำเสนอคำแนะนำที่ปรับให้เหมาะกับแต่ละคน ความท้าทายด้าน UX ไม่ใช่ "จะจัด layout ช่องกรอกข้อมูลยังไง?" — แต่เป็น "จะทำยังไงให้ผู้ใช้เชื่อมั่นในคำแนะนำที่เขาไม่ได้ขอมาตรงๆ?"

นี่คือปัญหาด้านการออกแบบที่ไม่มียุคไหนเตรียมเราไว้: การออกแบบความไว้วางใจในระบบอัจฉริยะ

คนที่เราออกแบบให้เปลี่ยนไปแล้ว

AI ไม่ได้แค่เปลี่ยนผลิตภัณฑ์ มันเปลี่ยนความคาดหวังของผู้ใช้ คนที่ใช้ ChatGPT ทุกวันตอนนี้คาดหวังให้ทุก interface เป็นแบบสนทนาได้ คนที่ใช้ Midjourney คาดหวังว่าการสร้างภาพต้องเร็วทันใจ มาตรฐานสูงขึ้นแล้ว — ไม่ใช่แค่สำหรับผลิตภัณฑ์ AI แต่สำหรับ ทุก ผลิตภัณฑ์

เมื่อผู้ใช้สามารถถาม AI assistant ว่า "หาประกันเดินทางไปญี่ปุ่นสัปดาห์หน้าที่ถูกที่สุดให้หน่อย" แล้วได้คำตอบทันที เว็บเปรียบเทียบแบบเดิมที่มี filter กับ sorting รู้สึก... ช้า ไม่ได้พัง แค่ช้า

นี่คือความท้าทาย — และโอกาส — สำหรับนักออกแบบทุกคนตอนนี้

สิ่งที่ 15 ปีสอนผม

มองย้อนกลับไป ทุกยุคมี panic เวอร์ชันของตัวเอง: "สิ่งใหม่นี้จะทำให้นักออกแบบตกงาน"

CSS จะแทนที่นักออกแบบ (ไม่เลย) Template จะแทนที่นักออกแบบ (ไม่เลย) No-code tool จะแทนที่นักออกแบบ (ไม่เลย) AI จะแทนที่นักออกแบบ (ไม่หรอก)

แต่สิ่งที่แต่ละยุค ได้ แทนที่จริงๆ คือ: นักออกแบบที่ปฏิเสธที่จะปรับตัว

นักออกแบบ table layout ที่ไม่ยอมเรียน CSS? พวกเขาจางหายไป นักออกแบบ desktop-only ที่ดูถูก responsive? พวกเขาถูกทิ้งไว้ข้างหลัง นักออกแบบที่ไม่สนข้อมูลและยืนกรานใช้สัญชาตญาณ? พวกเขาสูญเสียอิทธิพล

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

นั่นคือสิ่งที่ผมทำมา 15 ปี สื่อกลางเปลี่ยนไปเรื่อยๆ แต่ภารกิจไม่เคยเปลี่ยน

ต่อจากนี้คืออะไร

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

ไม่ว่าจะด้วย table layout, responsive grid, แพลตฟอร์ม social หรือ AI agent — งานก็เหมือนเดิม

ทำให้สิ่งซับซ้อนรู้สึกง่าย ทำให้สิ่งที่มองไม่เห็นรู้สึกตั้งใจ ทำให้เทคโนโลยีหายไปเพื่อให้คนมุ่งเน้นกับสิ่งที่สำคัญจริงๆ

นั่นคืองาน มันเป็นงานนี้มาตลอด

และหลังจาก 15 ปี ผมเพิ่งจะเริ่มต้นเท่านั้นเอง