นัทนัท

ดีไซน์เนอร์อยู่ซิดนีย์ | Tech ไทยในออสเตรเลีย | ชอบเขียน | สอน UX UI ที่ Designil

[นัทนัท @natk148]

🧵 Thread รวมผลงานของนัทเอง ภาคภาษาไทย
[E-book] คู่มืออาชีพ UX/UI Designer
อ่าน Sample ฟรี~
https://t.co/BH6ftaWDE8

[konstantinpaulus @konstipaulus]

Introducing text-to-lottie: an open source skill and harness for generating production ready Lottie animations with codex/claude code.

$ npx skills add diffusionstudio/lottie

Prompts guide and repo in the comments.

[นัทนัท @natk148]

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

🫪 อ่านแบบอ่านหนังสือนิยายเลย สนุกของเราแหละ 55555555ั

[นัทนัท @natk148]

อ่านต่อทางนี้
https://t.co/LakDzdkjQX

[นัทนัท @natk148]

2 สายงานดีไซน์เนอร์ที่กำลังมีความต้องการสูงในยุค AI

สองสายงานที่ผู้เขียนระบุว่ากำลังมีความต้องการสูงแต่ยังขาดแคลนคนทำ จาก NNgroup คือ
Designing for AI Agents และ Designing the AI

โดยทั้งสองสายงานนี้มีรายละเอียดและหน้าที่ดังนี้

1. Designing for AI Agents (การออกแบบสำหรับ AI Agent)
สายงานนี้เปรียบเสมือน "วิศวกรโยธา" ที่คอยสร้างถนนและโครงสร้างพื้นฐานให้รถยนต์ไร้คนขับ (AI) สามารถขับเคลื่อนไปได้ ผู้ใช้งานหลักของคุณจะไม่ใช่มนุษย์ แต่เป็นตัว AI Agent

หน้าที่หลัก: ออกแบบโครงสร้างข้อมูล (Data), เนื้อหา (Content), หรือการโต้ตอบต่างๆ เพื่อให้ระบบ AI สามารถอ่าน ประมวลผล หรือลงมือทำงานแทนมนุษย์ได้อย่างถูกต้องและราบรื่น

ลักษณะงานที่ทำ:
- การจัดวางและออกแบบโครงสร้างข้อมูลสินค้า เพื่อให้ผู้ช่วย AI (Shopping Agent) สามารถดึงข้อมูลไปเปรียบเทียบและนำเสนอให้ผู้ใช้งานได้อย่างแม่นยำ

- การเขียนและกำหนดชุดคำสั่ง (Instructions) เพื่อให้ AI ทำตามได้อย่างถูกต้อง

- การปรับแต่งเนื้อหา (Optimize) เพื่อให้ระบบค้นหาของ AI สามารถค้นเจอและนำไปใช้งานต่อได้ง่าย

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

[นัทนัท @natk148]

2. Designing the AI (การออกแบบตัวโมเดล AI)

สายงานนี้เปรียบเสมือน "ช่างเครื่อง" ที่คอยปรับแต่งและจูนเครื่องยนต์ (AI Model) ให้ทำงานได้ตามเป้าหมายและปลอดภัย โดยจะต้องทำงานร่วมกับฝั่งวิศวกร (Engineers) อย่างใกล้ชิด

หน้าที่หลัก: เข้าไปมีส่วนร่วมในการกำหนดพฤติกรรม (Behavior), เกณฑ์การประเมินผล (Evaluation criteria), และหลักการทำงาน (Principles) ของตัวโมเดล AI ว่าควรตอบสนองอย่างไร และมีขีดจำกัดอยู่ตรงไหน

ลักษณะงานที่ทำ:
- การกำหนดเกณฑ์เพื่อใช้ประเมินว่า ผลลัพธ์ที่ AI สร้างขึ้นมานั้นมีคุณภาพตรงตามมาตรฐานหรือไม่
- การทำงานร่วมกับวิศวกรในการปรับจูนข้อมูล (Finetuning data) เพื่อสอน AI
- การสร้างกฎเกณฑ์หรือหลักการเพื่อทดสอบระบบ (Adversarial testing) เช่น การกำหนดว่าคำถามหรือคำสั่งแบบไหนที่ AI ควรปฏิเสธที่จะตอบ, AI ควรแสดงความไม่แน่ใจออกมาในสถานการณ์ใดบ้าง, หรือเมื่อได้รับคำสั่งที่ขัดแย้งกัน AI ควรจะชั่งน้ำหนักและเลือกทำสิ่งใด

แบบใหม่แบบสับ
อาชีพ in demand ส่งกำลังใจให้ดีไซเนอร์ทุกคนค่า

[นัทนัท @natk148]

เดี๋ยวเขียนอธิบายให้ว่าใช้ยังไง ไอเดีย

[นัทนัท @natk148]

แม่เจ้าว้อย เว็บนี้ดีมาก สำหรับคนทำ Design system

รวมวิธีเตรียมไฟล์ documentation ให้กับ design system ของเราใน format json ที่ AI จะอ่านได้

ไม่ว่าจะเป็น components, tokens, styles, pattern แล้ว AI จะได้หยิบไกด์ไลน์การออกแบบจากองค์กรของเราไปสร้างซ้ำได้แบบไม่สะเปะสะปะ แล้วก็เขียนโค้ดใหม่ทุกรอบทุกหน้าแบบนั้น

https://t.co/PVgDxKR0AH

[นัทนัท @natk148]

ใช่ เราว่าเป็นงี้ ไอเดียมันเยอะขึ้น

[Kritika @kritikakodes]

The harsh truth

[Dhruv @dhruvtwt_]

A directory of ui skills for design engineers.

Link : https://t.co/DYeRfibUuq

[Justine Moore @venturetwins]

Stumbled upon a Codex skill that creates cool illustrations to explain topics or tell stories.

You feed it text (blog, article, narrative, even code) and it makes explainer graphics with this cute blob character.

I gave it the repo for the X recommendation algo and got this 👇

[นัทนัท @natk148]

ลองใช้ AI สร้าง canvas ของตัวเอง แล้วค้นพบว่าอย่าหาทำค่ะ

ได้เรียนรู้ว่าคนทำ SaaS หลายคนเก่งชิบเป๋ง เช่น Figma ทั้งดีไซเนอร์และเดป ทำไงให้เลื่อนบอร์ด ทำงานหลายคนซ้อนกันได้ไม่กระตุก งง

สรุปว่าอะไรที่ใช้ของคนอื่นได้ก็ใช้ไปเหอะ 55555555555555

[Figma @figma]

Turn code into designs your whole team can edit by connecting Codex to the Figma canvas

[นัทนัท @natk148]

เราก็ทำ เพราะเคยไม่ได้งาน
ตอนนั้น HR ที่ออสโทรมา ถามว่าสมัครงานไปหรอ รู้มั๊ยว่าบ.เราทำอะไร เราตอบจำไม่ได้
เขาเลยไม่โทรกลับมาอีกเลย
อีผี จำจนวันตาย

⭐ เอกสารนี้เอาไว้ปรับเทคนิคการสมัครงานได้ด้วย
- จดไว้ว่า resume ไหนที่เราทำคนโทรมามากสุด
- port ไหนคนโทรมากสุด
- งาน Job description ไหนโทรหามากสุด

แบบแสดงว่าเราเก่งด้านนั้นจริง ตลาดมองเห็นจริง ให้เราหางานด้านนั้นต่อ ถ้าไม่ได้งานอะ

ถ้าไม่มีคนโทรหาเราเลย แปลว่าไอ้ที่ทำไปต้องมีอะไรผิดพลาด
ถ้าสัมภาษณ์งานไม่ผ่านสักรอบ แปลว่าเราต้องตอบคำถามห่วย

เอกสารนี้มันเลยช่วยปรับการหางานได้หมด

[นอมแนม. @nommnamm_]

ส่วนตัวจะทำแบบนี้ไว้หลังยื่นสมัครงานไปแล้ว เวลาเขาโทรมา Screening ก็แบบกลับมาเปิดดูว่าคืองานไหน หัวข้อที่ทำไว้ก็จะมีแบบ ชื่อบริษัท ตำแหน่ง ลิ้งค์(เอาไว้กลับไปอ่านJD) สถานะการสมัคร สมัครไปช่องทางไหน เงินเดือน ที่ตั้ง วันที่สมัคร ช่องทางติดต่อ(ชื่อ/เบอร์โทร/อีเมล์ที่เขามีแจ้งไว้) หลักๆก็ประมาณนี้

[นัทนัท @natk148]

แล้วเนี่ย มีคนบอกว่าไม่ต้องจ้าง UX UI Designer นุยังคิดไม่ออกเลย ไม่ใช่ Designer ใครจะคิดได้รอบทิศขนาดนี้ หื้มมมมมมม หุ้มมมมมม เค

[นัทนัท @natk148]

ถ้าในทำงานออกแบบในบริษัท SaaS ปีนี้เทรนด์มาแรงของการออกแบบคือ การทำให้ product ของเรามีส่วนเชื่อมต่อกับ AI ให้ผู้ใช้สามารถใช้ระบบในการทำงานได้ไวขึ้น

เช่นแบบ Notion ก็มี AI เข้ามา ทำให้คนเขียนเอกสารได้ไวขึ้น, Atlassian มี Rovo เข้ามาช่วยในการทำงานกับระบบหลายตัว หลายแบบ ฯลฯ

ทีนี้พอเราทำ Product ให้มี AI เข้ามาในระบบ มันเลยจะต้องมีการออกแบบ pattern และการคิด use case ให้รองรับกับการทำงานที่ซับซ้อนกว่าเดิมมากๆ

สิ่งที่ควรรู้
1) เราไม่สามารถคาดเดาผลัพธ์ของ AI ได้ เพราะเอไอมันหลอนเป็นประจำ แปลว่า edge cases ที่จะเกิดขึ้นกับผู้ใช้งานกับระบบของเราที่มี AI มันจะมากขึ้นกว่าปกติ

และมันอาจจะคาดเดาไม่ได้ด้วย เพราะฉะนั้นจะต้องมี pattern และ flow ที่ไม่เหมือนจากการทำงานแบบ static เดิมที่เราออกแบบ UI

2) เราไม่สามารถให้ AI เป็นผู้คุมงานแทน User ได้ แปลว่าทุกครั้งที่ user ขอสั่งให้ AI ช่วยทำงานใน product จะต้องมีจุดย้อนคืน undo ให้กับ user หรือให้กด confirm ทุกครั้ง ไม่งั้นข้อมูลของ user อาจจะไปแล้วไปลับไม่กลับมา

3) ต้องมีการออกแบบว่าหน้านี้จะใช้ AI นะวุ้ย สัญลักษณ์การออกแบบจะต้องชัดเจนและแตกต่าง เพื่อให้ user คาดเดาและประเมินผลลัพธ์จากการทำงานได้ ซึ่งจากการรีเสิชหลายที่ค้นพบว่า user ไม่ได้คาดหวังว่า AI มันจะทำงานได้ดีอยู่ละ แต่บอกก่อนก็ดี จะได้ไม่ประหลาดใจ

4) อธิบายการทำงานแบบมีชั้นเชิง
สัญลักษณ์บอกให้รู้ว่านี่คือ AI แต่การเขียนอธิบายกำกับใน Product ที่ดีจะบอกว่า ทำไม AI ถึงตัดสินใจแบบนั้น

เช่น ตัวฟีเจอร์นี้ AI จะทำ
What (อะไร) -> Why (ทำไม) -> How (อย่างไร)
เพื่อเล่าการทำงานแบบละเอียดให้ User ฟังก่อนเริ่มใช้งาน
ทำให้ User ประเมินความเสี่ยงก่อนเริ่มใช้งานได้

[นัทนัท @natk148]

@woraperth ค่าเช่าบ้านยังไม่เท่า โดยรวมไทยถูกกว่า ฮึบ

[นัทนัท @natk148]

แล้วเราก็จะมือลั่นไปกด follow แล้วความชิบหายก็จะตามมา

[Beth Blythe, (ตอบช้า) @peacearhpn]

เคยมีใครทำวิจัยมั้ย ว่าทำไมเวลาติ๊กต่อกไอจีเฟสบุ๊คแนะนำ people you may know มา มันต้องเป็นคนที่เรารู้จัก แต่ไม่อยากรู้จักตลอด

[นัทนัท @natk148]

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

เราว่าดีไซน์เนอร์ต้องไปแตะอันนี้มากขึ้นแหละ ในพอร์ตฟอลิโอควรมีข้อมูลแบบนี้เยอะขึ้นด้วย

งานยาก งานช้างงง

[นัทนัท @natk148]

ถ้าถามเราว่าปีนี้คนทำ UX/UI ควรอัปสกิลอะไร ไปทางไหนถึงจะรอด มุมมองส่วนตัวล้วน ๆ
คนที่เจ็บหนักสุดตอนนี้คือสาย junior กับเพิ่งจบ ส่วน senior น่าจะยังมีหนทางรอด

1) Product Thinking เข้าใจว่าควรสร้างอะไรและทำไม ไม่ใช่แค่ทำหน้าจอได้,

2) Agent Workflow ออกแบบว่า AI ทำอะไร คนทำอะไรอย่างไร ตรงไหน ควรมี human-in-the-loop ตรงไหน

3) Design Systems เพราะยิ่ง AI วาด UI เร็ว ยิ่งต้องมีคนวาง token component governance ให้ทั้งองค์กรใช้ต่อ

4) อ่าน data ให้เป็น (funnel retention A/B testing) กับ Human-AI Interaction พวก trust transparency การจัดการ hallucination

5) UX Research ยังอยู่ แต่ที่หายคือคนที่เป็น researcher ที่แค่เก็บข้อมูล ที่ยังขาดคือคนที่ช่วยบริษัทเข้าใจมนุษย์จริง ๆ เข้าใจทุกคนแบบโดยรอบของการทำ product ที่ไม่ใช่แค่ลูกค้า

6) แยกการผลิต UI ออกจาก taste
งานวาดเพิ่ม 20 หน้า ขยับปุ่ม 2px จัด spacing พวกนี้ AI ทำแทนได้เรื่อย ๆ ราคาตก แต่ taste คือรู้ว่าใน 50 เวอร์ชันที่ AI พ่นมาอันไหนใช่ อันไหนไม่ใช่
เหมือนแบบทุกคนก็มีกล้องถ่ายรูปมือถือในมือ ทุกคนถ่ายรูปได้กันหมด แต่ตากล้องและช่างภาพที่ taste ดีก็ยังทำอาชีพนี้ได้อยู่และมีงานทำ

7) Accessibility ในมุมกฎหมาย + ดีมานด์งาน ไม่ใช่แค่ checklist

8) Soft skill แบบลดความวุ่นวายได้ คือเกณฑ์จ้างที่ไม่ค่อยมีใครพูดในประกาศรับสมัครงาน คนแก้ปัญหาความขัดแย้งของคนได้ในองค์กร หา Solution การออกแบบได้โดยไม่ทำคนเกลียดกัน คนบริหารความขัดแย้งด้วยทักษะ Soft skill คือคนเทพที่ทุกคนต้องการ

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

9) มีคนพูดเรื่อง adaptive ui เพิ่มขึ้นเรื่อยๆ ว่าต่อไป UI แบบเดียวจะไม่ใช่เหมาะสำหรับ user ทุกคน มันจะมี UI เป็นพันแบบสำหรับ user พันแบบก็ได้ แล้วระบบ AI จะช่วยสร้างให้เรา
ถ้าเราอยากทำแบบนั้นให้ได้ เราต้องเข้าใจ user และเข้าใจ technology

หาทางของตัวเองให้เจอแล้วไปให้สุด
ส่งกำลังใจให้เพื่อนร่วมอาชีพทุกคน 😊

[นัทนัท @natk148]

เขียนขยายความให้อ่านยาวๆ
https://t.co/NuggEV9Jrj

[นัทนัท @natk148]

ถ้าถามเราว่าปีนี้คนทำ UX/UI ควรอัปสกิลอะไร ไปทางไหนถึงจะรอด มุมมองส่วนตัวล้วน ๆ
คนที่เจ็บหนักสุดตอนนี้คือสาย junior กับเพิ่งจบ ส่วน senior น่าจะยังมีหนทางรอด

1) Product Thinking เข้าใจว่าควรสร้างอะไรและทำไม ไม่ใช่แค่ทำหน้าจอได้,

2) Agent Workflow ออกแบบว่า AI ทำอะไร คนทำอะไรอย่างไร ตรงไหน ควรมี human-in-the-loop ตรงไหน

3) Design Systems เพราะยิ่ง AI วาด UI เร็ว ยิ่งต้องมีคนวาง token component governance ให้ทั้งองค์กรใช้ต่อ

4) อ่าน data ให้เป็น (funnel retention A/B testing) กับ Human-AI Interaction พวก trust transparency การจัดการ hallucination

5) UX Research ยังอยู่ แต่ที่หายคือคนที่เป็น researcher ที่แค่เก็บข้อมูล ที่ยังขาดคือคนที่ช่วยบริษัทเข้าใจมนุษย์จริง ๆ เข้าใจทุกคนแบบโดยรอบของการทำ product ที่ไม่ใช่แค่ลูกค้า

6) แยกการผลิต UI ออกจาก taste
งานวาดเพิ่ม 20 หน้า ขยับปุ่ม 2px จัด spacing พวกนี้ AI ทำแทนได้เรื่อย ๆ ราคาตก แต่ taste คือรู้ว่าใน 50 เวอร์ชันที่ AI พ่นมาอันไหนใช่ อันไหนไม่ใช่
เหมือนแบบทุกคนก็มีกล้องถ่ายรูปมือถือในมือ ทุกคนถ่ายรูปได้กันหมด แต่ตากล้องและช่างภาพที่ taste ดีก็ยังทำอาชีพนี้ได้อยู่และมีงานทำ

7) Accessibility ในมุมกฎหมาย + ดีมานด์งาน ไม่ใช่แค่ checklist

8) Soft skill แบบลดความวุ่นวายได้ คือเกณฑ์จ้างที่ไม่ค่อยมีใครพูดในประกาศรับสมัครงาน คนแก้ปัญหาความขัดแย้งของคนได้ในองค์กร หา Solution การออกแบบได้โดยไม่ทำคนเกลียดกัน คนบริหารความขัดแย้งด้วยทักษะ Soft skill คือคนเทพที่ทุกคนต้องการ

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

9) มีคนพูดเรื่อง adaptive ui เพิ่มขึ้นเรื่อยๆ ว่าต่อไป UI แบบเดียวจะไม่ใช่เหมาะสำหรับ user ทุกคน มันจะมี UI เป็นพันแบบสำหรับ user พันแบบก็ได้ แล้วระบบ AI จะช่วยสร้างให้เรา
ถ้าเราอยากทำแบบนั้นให้ได้ เราต้องเข้าใจ user และเข้าใจ technology

หาทางของตัวเองให้เจอแล้วไปให้สุด
ส่งกำลังใจให้เพื่อนร่วมอาชีพทุกคน 😊

[นัทนัท @natk148]

วันนี้เห็นดราม่าในเฟสว่ามีการเลิกจ้าง UX UI ในบริษัทไป เพราะจะใช้ AI เข้ามาช่วยทำงานแทนทั้งหมด

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

สำหรับพนักงานอย่างพวกเราเอง ทำไรไม่ได้
เราหวังว่าจะให้บริษัทเริ่มปรับตัวและหาจุดศูนย์กลางที่ลงตัวกับเทคโนโลยีได้ไวๆ

คิดว่าช่วงนี้คงจะอยู่อีกสักพัก เป็นช่วงทดลองเรียนรู้ เลิกจ้าง ไม่รับคนเพิ่ม จนกว่าเทคโนโลยีจะนิ่ง ตอนนี้น่าจะเละเทะกันต่อไป

ถ้าถามว่าต้องปรับตัวอะไร เราว่าต้องรู้ให้มากกว่า AI รู้เรื่องเทคโนโลยี, รู้ workflow การทำงานทั้งสายของธุรกิจ, คนในองค์กร, ลูกค้า, วิธีหาเงิน และปัญหาของธุรกิจให้เยอะๆ จะมีแต้มต่อมากสุดเลย

ถ้ารู้แค่ออกแบบให้สวย, รู้แค่การใช้งาน tool จะอยู่ไม่ได้ละ

[นัทนัท @natk148]

อันนี้อีกบทความนึง
https://t.co/0IfDLvPbyV
Intent-Based UI: อนาคตของ Design System ที่จะปรับหน้าตาตามความต้องการของผู้ใช้