Worksheetsแบบทดสอบเก็บคะแนนหลักการออกแบบขั้นสูง
Total questions: 40
Worksheet time: 20mins
Design Thinking คือกระบวนการคิดเพื่ออะไร?
สร้างความเชื่อมั่นให้กับผู้บริโภค
เพิ่มกำไรให้กับองค์กร
สร้างความสุขให้กับผู้ใช้
แก้ปัญหาและพัฒนาแนวคิดใหม่
กระบวนการคิดเชิงออกแบบ (Design Thinking) มีการยึดไปที่หลักของใคร?
ผู้บริโภค
ผู้บริการ
ผู้ผลิต
ผู้ลงทุน
การคิดเชิงออกแบบมีประโยชน์ต่อใคร?
นักวิจัยเท่านั้น
ผู้บริการเท่านั้น
ผู้บริโภคเท่านั้น
บุคลากรและองค์กร
กระบวนการของการคิดเชิงออกแบบมีขั้นตอนอะไรบ้าง?
Empathize, Define, Ideate, Prototype, Test
Think, Plan, Execute, Evaluate, Improve
Understand, Solve, Implement, Review, Innovate
Research, Design, Develop, Launch, Analyze
ขั้นตอนแรกของ Design Thinking คือ?
Define
Ideate
Prototype
Empathize
การ Define ใน Design Thinking คือการทำอะไร?
กำหนดปัญหาให้ชัดเจน
ทดสอบ
ระดมความคิด
สร้างต้นแบบ
การระดมความคิด (Ideate) ใน Design Thinking คือการทำอะไร?
ทดสอบ
กำหนดปัญหา
สร้างต้นแบบ
ระดมความคิดตลอดจนแนวทางการแก้ไขปัญหา
Prototype ใน Design Thinking คือการทำอะไร?
กำหนดปัญหาให้ชัดเจน
กำหนดปัญหา
ระดมความคิด
สร้างต้นแบบเพื่อทดสอบ
การ Test ใน Design Thinking คือการทำอะไร?
ทดลองนำต้นแบบหรือข้อสรุปที่จะนำไปใช้จริงมาปฎิบัติ
ระดมความคิด
กำหนดปัญหา
สร้างต้นแบบ
Design Thinking คือกระบวนการที่ใช้ในการทำอะไร?
การทำงานกลุ่ม
การประมวลผลข้อมูล
การเขียนโปรแกรม
การคิดเชิงออกแบบ
Prototype ใน Design Thinking หมายถึงอะไร?
การสร้างแบบจำลอง
การทดสอบ
การสรุปปัญหา
การสร้างไอเดีย
UI (User Interface) มีบทบาทสำคัญอย่างไรในการสร้างประสบการณ์การใช้งานของผู้ใช้?
ทำให้ระบบสามารถประมวลผลได้เร็วขึ้น
ทำให้ผู้ใช้สามารถโต้ตอบกับระบบได้ง่ายและเข้าใจได้
ปรับปรุงความปลอดภัยของระบบ
ทำให้ข้อมูลมีความถูกต้องมากขึ้น
ในการออกแบบ UX (User Experience) อะไรคือสิ่งที่ต้องคำนึงถึงมากที่สุด?
สีสันและกราฟิกที่สวยงาม
ฟังก์ชันที่ซับซ้อนและมีความสามารถมาก
ความสะดวกสบายในการใช้งานของผู้ใช้
ความรวดเร็วในการโหลดข้อมูล
ข้อใดเป็นหลักการสำคัญในการออกแบบ UI?
การใช้สีสดใสทุกๆ ส่วนของหน้าจอ
การสร้างข้อมูลที่หลากหลายเพื่อให้ผู้ใช้เลือก
การจัดวางองค์ประกอบอย่างเป็นระบบและเรียบง่าย
การเพิ่มปุ่มและไอคอนให้มากที่สุด
Wireframe ในการออกแบบ UX/UI คืออะไร?
แบบร่างแรกของการออกแบบเว็บไซต์หรือแอปพลิเคชัน
เครื่องมือในการทดสอบความเร็วของเว็บไซต์
การกำหนดขนาดและสีของ UI
กระบวนการในการทดสอบความปลอดภัยของระบบ
ข้อใดไม่ใช่เครื่องมือที่นิยมใช้ในการออกแบบ UX/UI?
Sketch
Figma
Adobe XD
Microsoft Word
Figma เป็นโปรแกรมที่เน้นการใช้งานในด้านใด?
การเขียนโค้ด
การสร้างโมเดล 3D
การออกแบบกราฟิกและ UX/UI
การจัดการฐานข้อมูล
ฟีเจอร์ "Components" ใน Figma มีประโยชน์อย่างไร?
ช่วยให้สามารถใช้สีเดียวกันได้ทั่วทั้งโปรเจค
ช่วยในการสร้างส่วนประกอบที่สามารถนำมาใช้ซ้ำได้
ช่วยในการสร้างอนิเมชันให้กับวัตถุ
ช่วยในการแชร์โปรเจคไปยังผู้ใช้งานอื่น ๆ
ข้อใดต่อไปนี้คือการทำงานร่วมกันบน Figma?
การเพิ่มปลั๊กอินเพื่อเพิ่มความสามารถในการออกแบบ
การแชร์ลิงก์ให้ผู้อื่นสามารถดูหรือแก้ไขงานได้แบบเรียลไทม์
การส่งออกไฟล์ในรูปแบบต่าง ๆ เช่น PNG, SVG
การใช้เครื่องมือ Pen เพื่อสร้างรูปทรงต่าง ๆการใช้เครื่องมือ Pen เพื่อสร้างรูปทรงต่าง ๆ
ใน Figma การสร้าง "Prototype" ใช้สำหรับอะไร?
การออกแบบสีและฟอนต์
การทำงานร่วมกันของนักออกแบบ
การสร้างต้นแบบการโต้ตอบ (Interactive)
การจัดการชั้นเลเยอร์ (Layers)
ข้อใดเป็นการจัดการเลเยอร์ (Layers) ที่ถูกต้องใน Figma?
การสร้างเลเยอร์ใหม่ทุกครั้งที่เพิ่มองค์ประกอบใหม่
การซ่อนเลเยอร์ทั้งหมดเพื่อทำให้งานง่ายขึ้น
การจัดกลุ่มเลเยอร์ที่เกี่ยวข้องเพื่อให้การจัดการง่ายขึ้น
การลบเลเยอร์ที่ไม่ได้ใช้งานเพื่อประหยัดพื้นที่
ใน Figma การใช้ "Auto Layout" ช่วยให้อะไรเกิดขึ้น?
การจัดวางองค์ประกอบในหน้าจอได้แบบอัตโนมัติ
การสร้างสีและธีมสำหรับโปรเจค
การส่งออกไฟล์ในรูปแบบต่างๆ
การเพิ่มฟอนต์และไอคอนใหม่ๆ ในโปรเจค
การสร้าง “Frame” ใน Figma ใช้สำหรับอะไร?
การทำให้งานออกแบบสามารถแก้ไขได้ง่ายขึ้น
การสร้างพื้นที่ทำงานเฉพาะส่วนที่ต้องการออกแบบ
การเพิ่มฟอนต์และสีที่ตรงกับแบรนด์
การจัดการเลเยอร์ในโปรเจค
ใน Figma การใช้ “Pen Tool” ช่วยในการทำอะไร?
การสร้างตัวอักษรและฟอนต์
การวาดและปรับแต่งเส้นทางแบบเวกเตอร์
การสร้างเลเยอร์ใหม่ในโปรเจค
การสร้างต้นแบบ (Prototype) ของเว็บไซต์
การใช้ฟีเจอร์ "Team Libraries" ใน Figma ช่วยในการทำงานอย่างไร?
ช่วยให้สามารถสร้างโฟลเดอร์สำหรับจัดเก็บไฟล์ได้
ช่วยให้สามารถสร้างต้นแบบที่โต้ตอบได้ (Interactive Prototypes)
ช่วยในการแชร์และใช้ทรัพยากรร่วมกันในทีม เช่น สี ฟอนต์ และ Components
ช่วยในการเพิ่มฟอนต์ใหม่ในโปรเจค
ใน Figma ฟีเจอร์ "Export" ใช้สำหรับอะไร?
การนำเข้าฟอนต์ใหม่ในโปรเจค
การแชร์ไฟล์ไปยังผู้ใช้งานอื่น
การส่งออกไฟล์งานในรูปแบบต่าง ๆ เช่น PNG, SVG หรือ PDF
การสร้างส่วนประกอบใหม่ในโปรเจค
ข้อใดเป็นวิธีการใช้งาน “Overlays” ใน Figma?
การจัดการกับความโปร่งใสของวัตถุ
การสร้างการโต้ตอบที่แสดงผลแบบเลเยอร์ซ้อนทับ (Overlay)
การปรับขนาดวัตถุตามหน้าจอ
การวาดรูปทรงแบบเวกเตอร์
ข้อใดคือจุดประสงค์หลักของการสร้าง Workflow ในกระบวนการออกแบบ?
เพื่อกำหนดสีและฟอนต์สำหรับแบรนด์
เพื่อจัดระเบียบขั้นตอนการทำงานและการโต้ตอบของผู้ใช้
เพื่อสร้างไอคอนและองค์ประกอบกราฟิก
เพื่อเพิ่มประสิทธิภาพในการเขียนโค้ด
Wireframe แตกต่างจาก Prototype อย่างไร?
Wireframe เป็นการแสดงโครงสร้างพื้นฐาน ส่วน Prototype เป็นการแสดงต้นแบบที่สมบูรณ์
Wireframe มีการโต้ตอบได้มากกว่า Prototype
Wireframe ใช้สำหรับทดสอบประสิทธิภาพของระบบ
Wireframe มักจะมีรายละเอียดและการออกแบบที่ซับซ้อนกว่า Prototype
ในการสร้าง Workflow สำหรับ UX/UI Design ข้อใดคือขั้นตอนแรกที่ควรทำ?
การเลือกฟอนต์และสีสำหรับการออกแบบ
การสร้าง Wireframe เพื่อกำหนดโครงสร้างพื้นฐาน
การวิจัยผู้ใช้เพื่อเข้าใจความต้องการและปัญหาของพวกเขา
การพัฒนาโค้ดสำหรับการทำงานของโปรเจค
ข้อใดเป็นประโยชน์หลักของการใช้ Wireframe ในการออกแบบ?
ช่วยให้สามารถทดสอบการทำงานของแอปพลิเคชันได้
ช่วยในการสื่อสารแนวคิดการออกแบบให้กับทีมและผู้มีส่วนได้ส่วนเสีย
ช่วยในการสร้างสีและฟอนต์ที่เหมาะสมสำหรับโปรเจค
ช่วยในการเพิ่มประสิทธิภาพการทำงานของเว็บไซต์
ข้อใดต่อไปนี้เป็นการใช้ Workflow ที่มีประสิทธิภาพในการออกแบบ UX?
การสร้างหน้าจอทั้งหมดพร้อมกันโดยไม่ต้องกำหนดลำดับ
การกำหนดลำดับของหน้าจอและการโต้ตอบก่อนเริ่มการออกแบบรายละเอียด
การทดสอบแอปพลิเคชันหลังจากการออกแบบเสร็จสิ้น
การใช้สีและฟอนต์ที่สวยงามก่อนสร้างโครงสร้างของหน้าจอ
ข้อใดเป็นข้อดีของการสร้าง Wireframe ก่อนลงรายละเอียดการออกแบบจริง?
ลดเวลาการออกแบบโดยไม่ต้องปรับเปลี่ยนบ่อย
เพิ่มความซับซ้อนในการออกแบบตั้งแต่เริ่มต้น
ช่วยให้ทีมออกแบบและผู้เกี่ยวข้องเข้าใจภาพรวมของโครงสร้างได้ชัดเจนขึ้น
ทำให้สามารถพัฒนาโค้ดได้เร็วขึ้น
ในการออกแบบ Workflow ข้อใดที่ควรหลีกเลี่ยง?
การเพิ่มฟีเจอร์โดยไม่ผ่านกระบวนการวิเคราะห์
การสร้าง Wireframe ก่อนเริ่มการออกแบบ
การจัดลำดับความสำคัญของงาน
การทดสอบการโต้ตอบของผู้ใช้ในระหว่างขั้นตอนการออกแบบ
เครื่องมือใดต่อไปนี้ที่นิยมใช้ในการสร้าง Wireframe?
Microsoft Excel
Adobe Photoshop
Sketch หรือ Figma
Final Cut Pro
การใช้ “Flowchart” ในการออกแบบ Workflow มีจุดประสงค์อะไร?
เพื่อกำหนดโครงสร้างพื้นฐานของหน้าเว็บเพื่อกำหนดโครงสร้างพื้นฐานของหน้าเว็บ
เพื่อแสดงขั้นตอนและกระบวนการการทำงานของระบบหรือผู้ใช้
เพื่อจัดระเบียบสีและฟอนต์ที่ใช้ในโปรเจค
เพื่อสร้างแบบจำลอง 3D ของผลิตภัณฑ์
ข้อใดเป็นลักษณะสำคัญของการสร้าง Workflow ที่ดี?
มีความซับซ้อนและรายละเอียดมาก
เน้นการโต้ตอบแบบเรียลไทม์
ง่ายต่อการเข้าใจและติดตามขั้นตอน
ใช้ฟอนต์และสีที่สวยงาม
ในการสร้าง Workflow ข้อใดเป็นการปฏิบัติที่ดีที่สุด?
การเพิ่มขั้นตอนการทำงานให้ซับซ้อนเพื่อลดข้อผิดพลาด
การทดสอบ Workflow กับผู้ใช้จริงก่อนเริ่มการพัฒนา
การเพิ่มองค์ประกอบใหม่ทันทีที่คิดได้
การสร้าง Workflow หลังจากการออกแบบเสร็จสิ้น
เมื่อสร้าง Workflow สำหรับแอปพลิเคชันมือถือ ข้อใดควรคำนึงถึงเป็นอันดับแรก?
ขนาดของฟอนต์ที่ใช้งาน
จำนวนหน้าจอที่ผู้ใช้ต้องการ
ลำดับของการโต้ตอบและเส้นทางการนำทางของผู้ใช้
การเลือกสีและธีมสำหรับแอป
ข้อใดไม่ใช่ข้อดีของการใช้ Wireframe ในกระบวนการออกแบบ?
ช่วยในการสื่อสารแนวคิดการออกแบบกับผู้มีส่วนได้ส่วนเสีย
ช่วยในการทดสอบโค้ดที่เขียนขึ้น
ช่วยในการวางแผนโครงสร้างของหน้าเว็บหรือแอปพลิเคชัน
ช่วยลดความเสี่ยงในการออกแบบที่ไม่ตรงกับความต้องการของผู้ใช้
