35 พรอมต์ ChatGPT สำหรับนักออกแบบ UI/UX

การออกแบบ UI/UX ผสานจิตวิทยาผู้ใช้กับงานภาพ และแต่ละขั้นตอนต้องใช้วิธีคิดต่างกัน การใช้พรอมต์ ChatGPT สำหรับนักออกแบบ UI/UXที่เหมาะสมช่วยให้ค้นคว้าเร็วขึ้น วิเคราะห์โฟลว์อย่างรอบคอบ เขียนข้อความบนหน้าจอได้ดีขึ้น และอธิบายเหตุผลให้ทีมพัฒนาและผู้มีส่วนเกี่ยวข้องเข้าใจตรงกัน

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

พรอมต์ UX ที่ดีต้องมีบริบทของผลิตภัณฑ์จริง มองคำตอบเป็นร่างแรกที่ต้องตรวจสอบและปรับปรุง โดยทำดังนี้

• อธิบายผลิตภัณฑ์และผู้ใช้: ระบุแพลตฟอร์ม กลุ่มเป้าหมาย เป้าหมาย และหน้าที่ของหน้าจอ
• ระบุข้อจำกัด: เช่น เน้นมือถือ กฎของแบรนด์ ข้อจำกัดทางเทคนิค และเป้าหมายด้านการเข้าถึงอย่าง WCAG AA
• ปกป้องข้อมูลวิจัย: ลบข้อมูลระบุตัวตนออกจากบันทึกสัมภาษณ์ และไม่วางข้อมูลส่วนตัวของผู้เข้าร่วม
• ตรวจสอบกับคนและเครื่องมือจริง: AI ช่วยให้คิดได้เร็วขึ้น แต่ยังต้องทดสอบการใช้งาน ตรวจอัตราส่วนคอนทราสต์ และทดสอบกับผู้ใช้เทคโนโลยีช่วยเหลือ

สำหรับวิเคราะห์งานวิจัยอย่างละเอียดและเขียนข้อความให้เป็นธรรมชาติ Claude Sonnet 5เป็นตัวเลือกเริ่มต้นที่เหมาะสม

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

1. แนวทางสัมภาษณ์ผู้ใช้

สร้างแนวทางสัมภาษณ์ผู้ใช้ 30 นาทีเพื่อเข้าใจ [เป้าหมายวิจัย] โปรไฟล์ผู้เข้าร่วม: [อธิบาย] รวมการเริ่มคุย พฤติกรรมปัจจุบัน จุดติดขัด แบบจำลองความคิด และการปิดสัมภาษณ์ เขียนคำถามแต่ละช่วง ระบุคำถามสำคัญเมื่อเวลาไม่พอ และเพิ่มแนวทางถามเจาะลึกให้ผู้สัมภาษณ์

2. แผนผังเส้นทางผู้ใช้

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

3. เพอร์โซนาจากงานวิจัย

จากข้อค้นพบที่ลบข้อมูลระบุตัวตนแล้ว [วางข้อมูล] สร้างเพอร์โซนาที่มีเป้าหมาย ความไม่พอใจ พฤติกรรม บริบทการใช้ และคำพูดสั้นจากภาษาจริงในงานวิจัย แยกสมมติฐานออกจากหลักฐานให้ชัด

4. เขียนคำถามแบบสำรวจ

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

5. สังเคราะห์บทสัมภาษณ์

นี่คือบันทึกสัมภาษณ์ที่ลบข้อมูลระบุตัวตนจากผู้ใช้ [จำนวน] คน: [วางข้อมูล] จัดกลุ่มเป็นธีมเหมือนแผนผังความสัมพันธ์ นับความถี่ ยกคำพูดสนับสนุนหนึ่งคำพูดต่อธีม และเสนอสามโอกาสในการออกแบบ

6. ตรวจ UX ของคู่แข่ง

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

7. งานที่ผู้ใช้ต้องการทำให้สำเร็จ

จากงานวิจัย [วางข้อมูล] เขียนงานหลักที่ [ประเภทผู้ใช้] ต้องการทำให้สำเร็จในรูปแบบ 'เมื่อ… ฉันต้องการ… เพื่อให้…' และระบุงานที่ดีไซน์ปัจจุบันรองรับได้ไม่ดี

คำถามเรื่องแบบจำลองความคิดในพรอมต์ 1 มักให้ข้อค้นพบที่สำคัญ หากต้องการลงรหัสและวิเคราะห์ธีมจากบทสัมภาษณ์ให้ลึกขึ้น ดูพรอมต์ ChatGPT สำหรับวิเคราะห์ข้อมูลเชิงคุณภาพของเรา

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

8. ทบทวนโครงสร้างข้อมูล

ทบทวนโครงสร้างข้อมูลของ [ประเภทผลิตภัณฑ์] ที่มีเมนูดังนี้: [อธิบาย] ประเมินความชัดของชื่อจากมุมผู้ใช้ การจัดกลุ่มเนื้อหา ความลึกเทียบกับความกว้าง และการค้นพบฟีเจอร์หลัก เสนอโครงสร้างใหม่พร้อมเหตุผล และชี้ฟีเจอร์ที่ซ่อนลึกหรือใช้ชื่อผิด

9. วางโฟลว์ผู้ใช้

วางโฟลว์ทำ [งาน] ใน [ผลิตภัณฑ์] ทีละขั้น รวมเส้นทางปกติ จุดตัดสินใจ เส้นทางผิดพลาด สิ่งที่เกิดเมื่อออกกลางทาง และจุดที่ลดขั้นตอนได้

10. แผนจัดกลุ่มการ์ด

วางแผนวิจัยจัดกลุ่มการ์ดสำหรับ [ส่วนผลิตภัณฑ์] แนะนำแบบเปิดหรือปิด รายการการ์ด เกณฑ์ผู้เข้าร่วม และวิธีแปลงผลเป็นโครงสร้างเมนู

11. ทดสอบชื่อเมนู

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

12. ออกแบบการเริ่มใช้งาน

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

13. ออกแบบ UX ของฟอร์ม

ฟอร์ม [สมัคร/ชำระเงิน/ยื่นคำขอ] มีช่อง [รายการ] แนะนำช่องที่ควรลบ รวม หรือไม่บังคับ ลำดับที่ดีที่สุด กฎตรวจข้อมูลขณะกรอก และวิธีลดการเลิกกรอก

14. วางแผนสถานะว่างและกรณีขอบ

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

ผู้สร้างผลิตภัณฑ์อาจมองไม่เห็นปัญหาโครงสร้างข้อมูล จึงควรใช้พรอมต์ 11 ตรวจชื่อเมนูใหม่ทุกครั้ง หากทำงานกับผู้จัดการผลิตภัณฑ์ พรอมต์ ChatGPT สำหรับผู้จัดการผลิตภัณฑ์จะช่วยให้เห็นวิธีมองโจทย์เดียวกันจากอีกบทบาท

เจ็ดพรอมต์สำหรับเปลี่ยนโครงสร้างให้เป็นหน้าจอ หากต้องการสำรวจอารมณ์หรือสไตล์ก่อนเปิดเครื่องมือออกแบบ Nano Banana Proสามารถสร้างภาพอ้างอิงจากคำอธิบายได้

15. เขียนบรีฟไวร์เฟรม

เขียนบรีฟไวร์เฟรมสำหรับ [หน้าจอ] ของ [ประเภทผลิตภัณฑ์] วัตถุประสงค์: [อธิบาย] การกระทำหลัก: [อธิบาย] ข้อมูลสำคัญ: [รายการ] การกระทำรอง: [รายการ] ข้อจำกัด: [เช่น มือถือก่อน กว้าง 320px, WCAG AA] เสนอลำดับเลย์เอาต์พร้อมเหตุผลเรื่องข้อมูล

16. วิจารณ์ลำดับความสำคัญทางสายตา

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

17. ตรวจสีและคอนทราสต์

นี่คือชุดสีและการใช้งาน: [รหัส HEX และบทบาท] ชี้คู่สีที่อาจไม่ผ่านคอนทราสต์ WCAG สำหรับข้อความและ UI รวมจุดที่สื่อความหมายด้วยสีอย่างเดียว เสนอวิธีแก้และเตือนให้ยืนยันอัตราส่วนด้วยเครื่องมือตรวจคอนทราสต์

18. กำหนดสเกลตัวอักษร

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

19. วางแผนหน้าจอ responsive

อธิบายการปรับเลย์เอาต์นี้สำหรับมือถือ แท็บเล็ต และเดสก์ท็อป: [อธิบาย] ในแต่ละ breakpoint ระบุสิ่งที่ย้าย เรียงซ้อน ซ่อน หรือขยาย และวิธีให้การกระทำหลักเข้าถึงง่าย

20. ข้อควรคำนึงสำหรับโหมดมืด

เราจะเพิ่มโหมดมืดใน [ผลิตภัณฑ์] ระบุสิ่งที่ต้องปรับนอกจากกลับสี เช่น ระดับความลึก เงา สีอิ่มตัว ภาพ ภาพประกอบ และสถานะ พร้อมข้อผิดพลาดที่ควรเลี่ยง

21. เปรียบเทียบทางเลือกดีไซน์

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

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

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

22. เขียนข้อความสั้นบนหน้าจอ

เขียนข้อความสั้นใน [ประเภทผลิตภัณฑ์] สำหรับ [กลุ่มเป้าหมาย] ในสถานการณ์ [เช่น ไม่มีการแจ้งเตือน ยืนยันลบบัญชี เครือข่ายหมดเวลา ส่งฟอร์มสำเร็จ คำแนะนำฟีเจอร์] โทน: [อบอุ่นหรือมืออาชีพกระชับ] แต่ละข้อความไม่เกิน [จำนวนคำ] และเลี่ยงศัพท์เฉพาะ

23. ปรับข้อความผิดพลาด

เขียนข้อความผิดพลาดเหล่านี้ใหม่: [วางข้อความ] ให้บอกว่าเกิดอะไร ทำไมสำคัญ และผู้ใช้ทำอะไรต่อได้ โดยไม่ตำหนิผู้ใช้ และสั้นพอสำหรับมือถือ

24. ประเมินหลักการใช้งาน

เป็นผู้เชี่ยวชาญ UX ประเมิน [หน้าจอหรือโฟลว์ที่อธิบายละเอียด] ตามหลักการใช้งาน 10 ข้อของ Nielsen ให้คะแนนผ่าน ผ่านบางส่วน หรือไม่ผ่าน พร้อมเหตุผลและข้อปรับปรุงหนึ่งข้อ จัดลำดับจากวิกฤตไปเล็กน้อย

25. ตรวจการเข้าถึง

ตรวจการเข้าถึงของดีไซน์นี้: [อธิบายหรืออัปโหลด] ตรวจการใช้คีย์บอร์ด ลำดับโฟกัส ขนาดเป้าหมายสัมผัส ข้อความทดแทน ป้ายฟอร์ม การเคลื่อนไหว และความหมายที่ใช้สีอย่างเดียว เชื่อมแต่ละปัญหากับ WCAG และระบุสิ่งที่ต้องทดสอบด้วยเทคโนโลยีช่วยเหลือ

26. สคริปต์ทดสอบการใช้งาน

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

27. ตั้งสมมติฐาน A/B

ช่วยวาง A/B test สำหรับการเปลี่ยน UX นี้: [อธิบาย] ดีไซน์ปัจจุบัน: [อธิบาย] เขียนสมมติฐาน 'ถ้า… จะ… เพราะ…' เมตริกหลัก เมตริกรองและป้องกันผลเสีย ข้อพิจารณาขนาดตัวอย่าง และตัวแปรกวนที่ต้องควบคุม

28. สรุปผลการทดสอบ

บันทึกทดสอบการใช้งานที่ลบข้อมูลระบุตัวตนแล้ว: [วางข้อมูล] สรุปปัญหาตามความรุนแรงและความถี่ พร้อมคำพูดสั้นแต่ละปัญหา แนะนำสิ่งที่แก้ก่อน ทดสอบซ้ำ และคงไว้

การเขียนข้อความหลายจุดในพรอมต์เดียวช่วยให้โทนสม่ำเสมอทั้งผลิตภัณฑ์ สำหรับวิเคราะห์ผล A/B และฟันเนลหลังเปิดตัว ดูพรอมต์ ChatGPT สำหรับวิเคราะห์ข้อมูลเพิ่มเติม

เจ็ดพรอมต์เพื่อจัดทำเอกสารและนำเสนอผลงาน GPT-5.6 Solช่วยจัดทำสเปกและเอกสารที่มีโครงสร้าง

29. เขียนสเปกปฏิสัมพันธ์

เขียนสเปกปฏิสัมพันธ์ของ [คอมโพเนนต์ที่อธิบาย] ครอบคลุมปกติ hover focus active ปิดใช้งาน ผิดพลาด และสำเร็จ ระบุการเปลี่ยนภาพ ตัวกระตุ้น แอนิเมชันหรือทรานซิชัน และป้ายเพื่อการเข้าถึงหรือ ARIA ที่ต้องใช้ จัดรูปแบบส่งทีมพัฒนา

30. เอกสารดีไซน์โทเคน

เขียนเอกสารดีไซน์โทเคนของระบบสำหรับ [ประเภทผลิตภัณฑ์] ครอบคลุมสี ตัวอักษร ระยะห่าง รัศมีมุม ระดับความลึก และการเคลื่อนไหว ระบุชื่อ ค่า หลักการตั้งชื่อ เมื่อควรและไม่ควรใช้ พร้อมตัวอย่างหนึ่งข้อแต่ละหมวด

31. เอกสารคอมโพเนนต์

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

32. เช็กลิสต์ส่งต่องานพัฒนา

สร้างเช็กลิสต์ส่ง [ฟีเจอร์] ให้ทีมพัฒนา รวมโฟลว์ ทุกสถานะ ระยะห่างและโทเคน กฎ responsive ข้อความ ไฟล์ประกอบ ข้อกำหนดการเข้าถึง และคำถามค้างอยู่

33. นำเสนอการตัดสินใจ

ช่วยนำเสนอดีไซน์ให้ [ผู้มีส่วนเกี่ยวข้อง]: [อธิบายดีไซน์และการตัดสินใจหลัก] เรียงเรื่องจากปัญหาผู้ใช้ หลักฐาน ทางเลือกที่พิจารณา และข้อสรุป พร้อมคาดสามคำถามที่ยากที่สุด

34. ข้อเสนอแนะต่อดีไซน์

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

35. เล่าเคส UX

ช่วยเขียนเคส UX โครงการ: [อธิบาย] บทบาท: [อธิบาย] ปัญหา: [อธิบาย] กระบวนการ: [ช่วงสำคัญ] ผลลัพธ์: [ใช้เมตริกจริงเท่านั้น] เรียงเป็นปัญหาหนึ่งประโยค บริบท กระบวนการที่เน้นการตัดสินใจ ข้อค้นพบสำคัญ และผลลัพธ์ ใช้โทนมั่นใจและสะท้อนบทเรียน

สเปกที่ครบช่วยลดการถามกลับระหว่างพัฒนา และคำแนะนำว่าเมื่อใดไม่ควรใช้โทเคนในพรอมต์ 30 ช่วยรักษาความสม่ำเสมอ หากต้องการมองการส่งต่องานจากฝ่ายพัฒนา ดูพรอมต์ ChatGPT สำหรับนักพัฒนาของเรา

Chat Smith รวม ChatGPT, Claude, Gemini, Grok และ DeepSeek ไว้ในแอปเดียว การให้โมเดล AI หลายตัวตรวจสเปกปฏิสัมพันธ์หรือประเมินตามหลักการเดียวกันอาจพบกรณีขอบที่โมเดลเดียวมองข้าม บันทึกบรีฟไวร์เฟรม ชุดข้อความ และพรอมต์ตรวจงานเป็นเทมเพลตเพื่อนำกลับมาใช้ทุกโครงการ

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