Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

สอบสมรรถนะ วิชาการออกแบบส่วนติดต่อผู้ใช้ขั้นสูง

Total questions: 60

Worksheet time: 52mins

Name
Class
Date
1.

การสร้างโปรเจกต์ใน Figma ต้องเริ่มต้นจากการสร้างอะไร?

a)

สร้างเส้นทาง

b)

สร้างเวกเตอร์

c)

สร้าง Frame หรือเลเยอร์

d)

สร้างเมนู

2.

เครื่องมือใดที่ใช้สร้างรูปร่างใน Figma?

a)

Color tools

b)

Text tools

c)

Navigation tools

d)

Shape tools

3.

การสร้างเมนูใน Figma ช่วยให้ผู้ใช้สามารถทำอะไรได้?

a)

แก้ไขรูปภาพและวีดีโอ

b)

สร้างเอกสารเอกสารได้อย่างรวดเร็ว

c)

สร้างแผนภาพองค์ประกอบ

d)

จัดระเบียบและนำเสนอข้อมูลหรือภาพประกอบได้อย่างชัดเจนและสวยงาม

4.

การใช้สีใน Figma สามารถทำอะไรได้บ้าง?

a)

ช่วยในการเพิ่มความเร็วในการทำงาน

b)

ช่วยในการสร้างโครงสร้างและดีไซน์ขององค์ประกอบต่าง ๆ ในโปรเจกต์

c)

ใช้สร้างเส้นขอบของโครงสร้าง

d)

ช่วยในการเพิ่มความสวยงามให้กับเนื้อหา

5.

การเพิ่มเนื้อหาใน Figma สามารถทำได้ผ่านเครื่องมือใด?

a)

Color Picker

b)

Shape Tool

c)

Text Tool

d)

Pen Tool

6.

การสร้างโมบายแอปใน Figma ต้องเริ่มต้นจากการออกแบบ?

a)

ต้องเริ่มจากการทดสอบ

b)

ต้องเริ่มจากการเผยแพร่

c)

ไม่จำเป็นต้องเริ่มต้นจากการออกแบบ

d)

ต้องเริ่มจากการเขียนโค้ด

7.

เมนูใน Figma ช่วยให้ผู้ใช้สามารถเข้าถึงเครื่องมือใดได้ง่ายขึ้น?

a)

สี

b)

เครื่องมือ

c)

รูปภาพ

d)

เมนู

8.

การใช้สีใน Figma สามารถช่วยให้โปรเจกต์ดูมีสีสันและชัดเจนอย่างไร?

a)

การใช้สีที่เข้มขึ้นหรือสว่างลงใน Figma

b)

การใช้สีที่ไม่ตรงกับเทศน์

c)

การใช้สีที่ไม่เหมาะสมกับธีม

d)

การใช้สีที่ไม่สอดคล้องกับโปรเจกต์

9.

การสร้างโมบายแอปใน Figma ช่วยให้นักพัฒนาสามารถทำอะไรได้?

a)

ช่วยให้นักพัฒนาสามารถสร้างเว็บไซต์

b)

ช่วยให้นักพัฒนาสามารถเขียนโค้ดได้ดีขึ้น

c)

ออกแบบและพัฒนาโมบายแอปได้อย่างรวดเร็วและมีประสิทธิภาพ

d)

ช่วยให้นักพัฒนาสามารถทำอะไรก็ได้

10.

เมนูใน Figma ช่วยให้ผู้ใช้สามารถเปลี่ยนแปลงอะไรได้?

a)

สร้างรูปแบบเว็บไซต์

b)

เพิ่มเอกสาร

c)

เปลี่ยนสีพื้นหลัง

d)

เปลี่ยนเนื้อหาหรือลิงก์ในเมนู

11.

การใช้สีใน Figma สามารถช่วยให้โปรเจกต์ดูมีความสมดุลอย่างไร?

a)

การใช้สีใน Figma ช่วยให้โปรเจกต์ดูมีความสมดุล

b)

การใช้สีใน Figma ไม่มีผลต่อความสมดุลของโปรเจกต์

c)

การใช้สีใน Figma ทำให้โปรเจกต์ดูไม่สมดุล

d)

การใช้สีใน Figma ทำให้โปรเจกต์ดูยุ่งเหยิง

12.

การสร้างโมบายแอปใน Figma ช่วยให้นักพัฒนาสามารถทดสอบอะไรได้?

a)

การทดสอบซอฟต์แวร์

b)

การออกแบบและทดสอบโมบายแอป

c)

การออกแบบเว็บไซต์

d)

การเขียนโปรแกรมคอมพิวเตอร์

13.

เมนูใน Figma ช่วยให้ผู้ใช้สามารถเพิ่มองค์ประกอบใดลงในโปรเจกต์ได้?

a)

Add menu

b)

Include menu

c)

Insert menu

d)

Attach menu

14.

การใช้สีใน Figma สามารถช่วยให้โปรเจกต์ดูมีความสมดุลอย่างไร?

a)

การใช้สีใน Figma ทำให้โปรเจกต์ดูไม่สมดุล

b)

การใช้สีใน Figma ไม่มีผลต่อความสมดุลของโปรเจกต์

c)

การใช้สีใน Figma ทำให้โปรเจกต์ดูเหลือเชื่อ

d)

การใช้สีใน Figma ช่วยให้โปรเจกต์ดูมีความสมดุล

15.

การสร้างโมบายแอปใน Figma ช่วยให้นักพัฒนาสามารถปรับแก้ไขอะไรได้?

a)

ทำการทดสอบโมบายแอป

b)

เขียนโค้ด JavaScript

c)

สร้างโมบายแอปใน Photoshop

d)

ออกแบบและเรียงลำดับองค์ประกอบต่าง ๆ ของแอป

16.

ใน Figma หากต้องการซ้อนภาพในรูปวงกลม ดังภาพต้องใช้คำสั่งใด

a)

Group selection

b)

Flatten

c)

Outline Stroke

d)

Use as mask

17.

หากต้องการเชื่อมโยงเมนู เพื่อลิงก์ไปมาระหว่างหน้า ดังภาพต้องทำในโหมดใด

a)

Design

b)

Prototype

c)

Inspect

d)

ถูกทุกข้อ

18.

ในเรื่องของการทำฟอร์ม ในภาพต้องการสื่อความหมายในข้อใด

a)

กำหนดความยาวกรอบให้ตรงกับคำ

b)

ใช้คำกำกับ (label)

c)

หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่

d)

ควรเลือกใช้ประเภท input ให้เหมาะสม

e)

ใช้คำที่เหมาะกับปุ่ม

19.

ข้อใดไม่ใช่ plug-in ที่ใช้ในห้องเรียน

a)

Unsplash

b)

AppScript

c)

Iconify

d)

Lorem Ipsum

e)

Color Scale Generator

20.

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

a)

Collaboration

b)

Offline without Internet

c)

Prototyping

d)

Design systems

e)

Design thinking

21.

การออกแบบ UX เน้นอะไรบ้าง?

a)

การเชื่อมต่อผู้ใช้ (User Connectivity)

b)

ประสบการณ์ใช้งาน (User Experience)

c)

การเข้าถึงผู้ใช้ (User Accessibility)

d)

ประสบการณ์ผู้ใช้ (User Engagement)

22.

การออกแบบ UI คืออะไร?

a)

การออกแบบ UI คือการออกแบบ User Input

b)

การออกแบบ UI คือการออกแบบ User Interface หรือส่วนต่อประสานผู้ใช้

c)

การออกแบบ UI คือการออกแบบ User Information

d)

การออกแบบ UI คือการออกแบบ User Integration

23.

การทดสอบ UX มีวิธีการอย่างไร?

a)

การทดสอบ UX มีวิธีการทำ user interviews

b)

การทดสอบ UX มีวิธีการทำ market research

c)

การทดสอบ UX มีวิธีการทำ A/B testing

d)

การทดสอบ UX มีวิธีการทำ usability testing

24.

การทดสอบ UI มีวิธีการใดบ้าง?

a)

Performance Testing

b)

Manual Testing, Automated Testing, Usability Testing

c)

Security Testing

d)

Regression Testing

25.

การวิเคราะห์ UX เป็นกระบวนการอะไร?

a)

การวิเคราะห์ UX เป็นกระบวนการที่ใช้เพื่อสร้างเว็บไซต์

b)

การวิเคราะห์ UX เป็นกระบวนการที่ใช้เพื่อพัฒนาซอฟต์แวร์

c)

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

d)

การวิเคราะห์ UX เป็นกระบวนการที่ใช้เพื่อสร้างโปรแกรมคอมพิวเตอร์

26.

การวิเคราะห์ UI มีความสำคัญอย่างไร?

a)

การวิเคราะห์ UI ไม่สำคัญเลย

b)

UI ไม่มีผลต่อประสิทธิภาพการใช้งาน

c)

การวิเคราะห์ UI สามารถละเลยได้

d)

การวิเคราะห์ UI มีความสำคัญเพราะช่วยให้ผู้ใช้สามารถใช้งานและนำเสนอข้อมูลได้อย่างมีประสิทธิภาพ

27.

UX หมายถึงอะไร?

a)

User Experience

b)

User Experiment

c)

User Expertise

d)

User Excitement

28.

UI คือสิ่งที่เกี่ยวข้องกับอะไร?

a)

User Involvement

b)

User Integration

c)

User Interface

d)

User Input

29.

การทดสอบ UX ช่วยให้เราทราบข้อมูลอะไร?

a)

ข้อมูลเกี่ยวกับสภาพแวดล้อม

b)

ข้อมูลเกี่ยวกับประสิทธิภาพและประสิทธิภาพของผู้ใช้ในการใช้งานผลิตภัณฑ์หรือบริการ

c)

ข้อมูลเกี่ยวกับการตลาด

d)

ข้อมูลเกี่ยวกับการเงิน

30.

UI มีบทบาทสำคัญในการออกแบบอะไร?

a)

สำหรับการออกแบบส่วนต่อประสานผู้ใช้ (User Interface)

b)

สำหรับการเขียนโปรแกรม

c)

สำหรับการออกแบบโครงสร้างฐานข้อมูล

d)

สำหรับการทดสอบซอฟต์แวร์

31.

การวิเคราะห์ UX ช่วยให้เราทราบความต้องการของใคร?

a)

โปรแกรมเมอร์

b)

ผู้ใช้

c)

ผู้คุมงาน

d)

ผู้บริหาร

32.

การวิเคราะห์ UI ช่วยให้เราทราบข้อมูลเกี่ยวกับอะไร?

a)

การออกแบบและการใช้งานของ User Interface

b)

การวิเคราะห์ข้อมูลสุขภาพ

c)

การวิเคราะห์ข้อมูลทางการเมือง

d)

การวิเคราะห์ข้อมูลการเงิน

33.

UX มีผลต่อประสบการณ์ของผู้ใช้อย่างไร?

a)

UX มีผลต่อประสบการณ์ของผู้ใช้อย่างบวกโดยทำให้ผู้ใช้มีประสบการณ์การใช้งานที่ดี สะดวก และเข้าใจง่ายมากขึ้น

b)

UX ทำให้ผู้ใช้สับสนและงงงัน

c)

UX ทำให้ผู้ใช้มีประสบการณ์การใช้งานที่แย่

d)

UX ไม่มีผลต่อประสบการณ์ของผู้ใช้

34.

UI มีความสำคัญต่อการใช้งานอย่างไร?

a)

UI ทำให้ระบบทำงานช้าลง

b)

UI ไม่มีผลต่อประสิทธิภาพการใช้งาน

c)

UI ช่วยให้ผู้ใช้สามารถโต้ตอบกับระบบได้อย่างสะดวกและช่วยให้ประสบการณ์การใช้งานเป็นไปอย่างราบรื่น

d)

UI ทำให้ผู้ใช้งงเวลาใช้งาน

35.

การทดสอบ UX ช่วยให้เราปรับปรุงอะไร?

a)

ปรับปรุงรูปแบบเว็บไซต์

b)

ปรับปรุงรายได้

c)

ปรับปรุงประสบการณ์ผู้ใช้ (User Experience)

d)

ปรับปรุงการตลาด

36.

ข้อใดเป็นความเกี่ยวข้องกับ UX

a)

ปุ่มกด

b)

กราฟิกส์

c)

เสียง

d)

การใช้งาน

37.

ข้อใดเกี่ยวข้องกับ UI เป็นหลัก

a)

กราฟิกส์

b)

ใช้ง่าย

c)

ประทับใจ

d)

ตอบโจทย์

38.

กระบวนการ Design Sprint คือกระบวนการอะไร

a)

การคิดเชิงออกแบบ

b)

การออกแบบบริการ

c)

กระบวนการแก้ปัญหา

d)

การออกแบบเน้นผู้ใช้งานเป็นหลัก

39.

หลักการให้แสงเงาในข้อใดถูกต้องตามหลักแสงธรรมชาติ

a)

เงาอยู่ด้านล่าง

b)

แสงมาจากด้านล่าง

c)

แสงมาจากด้านซ้าย

d)

เงาอยู่ด้านบน

40.

จากหลักการแสงธรรมชาติ กรอบที่มีลักษณะเว้าลึก เงาควรอยู่ด้านใด

a)

บน

b)

ล่าง

c)

ซ้าย

d)

ขวา

41.

การออกแบบกราฟิกส์ในลักษณะใด ที่มักออกแบบในลักษณะยกตัวเสมอ

a)

ปุ่มในสถาณะปกติ

b)

การ์ด

c)

หน้าต่าง popup

d)

ปุ่ม Dropdown

42.

หากต้องการออกแบบ กราฟิกส์สำหรับอุปกรณ์จากตัวเลือกต่อไปนี้ ควรเลือกออกแบบสำหรับอุปกรณ์ใดก่อน

a)

มือถือ

b)

เครื่อง PC

c)

แท็ปเล็ต

d)

โน้ตบุค

43.

การมี White space มากๆ ช่วยให้ประโยชน์ด้านใดมากที่สุด

a)

อ่านสบายตา

b)

เพิ่มปริมาณหน้าได้

c)

กราฟิกส์ไม่หนัก

d)

ใช้บนจอเล็กได้ดี

44.

ข้อใดคือเทคนิคการวางตัวหน้งสือบนภาพให้อ่านง่ายขึ้น

a)

วางบนแถบดำ

b)

ทำพื้นหลังให้เบลอ

c)

เฟดภาพบางๆ

d)

ถูกทุกข้อ

45.

ระบบการแสดงสีบนจอภาพใช้ระบบแม่สีแสงประกอบไปด้วยสีอะไร

a)

Red Green Blue

b)

Red Green Black

c)

White Black

d)

Cyan Magenta Yellow

46.

ข้อใดกล่าวไม่ถูกต้องเกี่ยวกับ Figma เฉพาะที่ใช้ในคลาสเรียน

a)

Collaboration (ทำงานร่วมกันได้)

b)

ไม่ต้องใช้ Internet

c)

สามารถทำ Prototype เสนอให้ลูกค้าดูก่อนได้

d)

ทำเป็น Design systems ได้

e)

มี plug in เสริมให้ใช้

47.

เครื่องมือที่ใช้สำหรับการระดมสมองในทีม เพื่อออกแบบระบบ หรือการวาดไดอะแกรม เรียกว่าอะไร

a)

Figjem

b)

Figjam

c)

Figjom

d)

ไม่มีข้อใดถูก

e)

ถูกทุกข้อ

48.

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

a)

Collaboration

b)

Offline without Internet

c)

Prototyping

d)

Design systems

e)

Design thinking

49.

ข้อใดไม่ใช่ plug-in ที่ใช้ในห้องเรียน

a)

Unsplash

b)

AppScript

c)

Iconify

d)

Lorem Ipsum

e)

Color Scale Generator

50.

การออกแบบตามรูปใช้หลักการออกแบบที่เรียกว่าอะไร

a)

color component

b)

color style

c)

color generator

d)

color implementation

e)

color system

51.

การทำปุ่ม โลโก้ ภาพ ฯลฯ ให้เป็นองค์ประกอบให้สามารถ reuse (ใช้ซ้ำได้) และสะดวกต่อการแก้ไขเปลี่ยนแปลง เรียกว่าอะไร

a)

computer

b)

compromise

c)

component

d)

competency

e)

ไม่มีข้อใดถูก

52.

การจัดตำแหน่งของข้อความให้สามารถย่อขยายได้ตามขนาดความยาวข้อความเรียกว่าอะไร

a)

auto detect

b)

auto scale

c)

auto implement

d)

auto layout

e)

automatic

53.

ข้อใดคือประโยชน์ของปลั๊กอิน Lorem Ipsum

a)

ช่วยให้ทำ shade สีได้

b)

ช่วยให้สร้างข้อความสมมติได้

c)

ช่วยให้ mock up รูปภาพได้

d)

ช่วยในการทำไอคอน

e)

ช่วยให้ mock up ปุ่มได้

54.

ข้อใดคือประโยชน์ของ prototype

a)

ช่วยสำหรับการออกแบบตัวอักษร

b)

ช่วยสำหรับการสร้างข้อความยาว ๆ

c)

ช่วยในการสร้าง รูปภาพให้สวยงาม

d)

ช่วยในการทำ footer

e)

ช่วยสร้างการเชื่อมโยงแต่ละหน้า

55.

ข้อใดหมายถึง HCI ที่เรียนในวิชานี้

a)

Human center information

b)

Human connector information

c)

Human computer interaction

d)

Human computational interaction

e)

ไม่มีข้อใดถูก

56.

ความรู้สึกหรือความสะดวกในการใช้งานแอปพลิเคชัน เกี่ยวข้องกับข้อใด

a)

User interface

b)

User experience

c)

User ability

d)

User probability

e)

ไม่มีข้อใดถูก

57.

องค์ประกอบ สี ปุ่ม ข้อความที่เห็นในแอปพลิเคชัน เกี่ยวข้องกับข้อใด

a)

User interface

b)

User experience

c)

User ability

d)

User probability

e)

ไม่มีข้อใดถูก

58.

ในเรื่องของการทำฟอร์ม ในภาพต้องการสื่อความหมายในข้อใด

a)

กำหนดความยาวกรอบให้ตรงกับคำ

b)

ใช้คำกำกับ (label)

c)

หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่

d)

ควรเลือกใช้ประเภท input ให้เหมาะสม

e)

ใช้คำที่เหมาะกับปุ่ม

59.

ในเรื่องของการทำฟอร์ม ในภาพต้องการสื่อความหมายในข้อใด

a)

กำหนดความยาวกรอบให้ตรงกับคำ

b)

ใช้คำกำกับ (label)

c)

หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่

d)

ควรเลือกใช้ประเภท input ให้เหมาะสม

e)

ใช้คำที่เหมาะกับปุ่ม

60.

ในเรื่องของการทำฟอร์ม ในภาพต้องการสื่อความหมายในข้อใด

a)

กำหนดความยาวกรอบให้ตรงกับคำ

b)

ใช้คำกำกับ (label)

c)

หลีกเลี่ยงการใช้ตัวพิมพ์ใหญ่

d)

ควรเลือกใช้ประเภท input ให้เหมาะสม

e)

ใช้คำที่เหมาะกับปุ่ม