Affordance Basics in HCI Quiz

  • 11th Grade
Reviewed by Editorial Team
The ProProfs editorial team is comprised of experienced subject matter experts. They've collectively created over 10,000 quizzes and lessons, serving over 100 million users. Our team includes in-house content moderators and subject matter experts, as well as a global network of rigorously trained contributors. All adhere to our comprehensive editorial guidelines, ensuring the delivery of high-quality content.
Learn about Our Editorial Process
| By ProProfs AI
P
ProProfs AI
Community Contributor
Quizzes Created: 81 | Total Attempts: 817
| Questions: 15 | Updated: May 1, 2026
Please wait...
Question 1 / 16
🏆 Rank #--
0 %
0/100
Score 0/100

1. What is an affordance in HCI?

Explanation

An affordance in Human-Computer Interaction (HCI) refers to the characteristics of an object that indicate its functionality and how it can be interacted with. For example, a button's shape or texture suggests that it can be pressed, guiding users in understanding how to engage with the interface effectively.

Submit
Please wait...
About This Quiz
Affordance Basics In HCI Quiz - Quiz

This quiz tests your understanding of affordances and signifiers in human-computer interaction (HCI). Affordance Basics in HCI Quiz covers how objects communicate their function, why design matters for usability, and how users understand interfaces intuitively. Learn to recognize visual and physical cues that guide user behavior and improve design decisions.

2.

What first name or nickname would you like us to use?

You may optionally provide this to label your report, leaderboard, or certificate.

2. Which of the following is a signifier?

Explanation

A door handle that suggests you can pull it serves as a signifier by conveying the intended action through its design. Its shape and positioning communicate to users that pulling is the appropriate way to operate the door, guiding behavior without the need for explicit instructions.

Submit

3. A button with a raised surface and shadow is an example of what?

Explanation

A button with a raised surface and shadow suggests its functionality (signifier) while also indicating that it can be pressed (affordance). The design cues invite interaction, making it clear to users that the button is meant to be engaged, thus serving both purposes effectively.

Submit

4. Why are signifiers important in interface design?

Explanation

Signifiers are crucial in interface design because they indicate how users can interact with elements. By visually conveying affordances, such as buttons that suggest clicking or sliders that imply dragging, signifiers help users understand the functionality of the interface without requiring extensive instructions, enhancing usability and overall user experience.

Submit

5. A door with no handle or markings is an example of poor design because it lacks ____.

Explanation

A door without handles or markings fails to provide clear indicators of how to operate it, which are known as signifiers. Signifiers guide users in understanding functionality and usage, ensuring intuitive interaction. Without these visual cues, users may struggle to identify how to open the door, leading to confusion and frustration.

Submit

6. Which scenario best demonstrates a false affordance?

Explanation

A false affordance occurs when an object appears to have a certain function but does not perform as expected. In this scenario, a button that looks clickable but isn't misleads users into thinking they can interact with it, leading to confusion and frustration. This undermines effective design by creating a disconnect between appearance and functionality.

Submit

7. A keyboard's physical keys suggest that they can be ____.

Explanation

A keyboard's physical keys are designed to be tactile and responsive, indicating that they can be pressed to input commands or text. This functionality is essential for user interaction, making it intuitive to operate the device by applying pressure to the keys.

Submit

8. True or False: An affordance must always be visible to users.

Explanation

Affordances do not need to be visible to users; they can also be inferred through experience or context. For instance, a door handle suggests a pulling action even if the handle is not immediately obvious. Users can learn to recognize affordances through interaction, making them effective even when not visually apparent.

Submit

9. A scrollbar on a webpage is primarily a ____.

Explanation

A scrollbar on a webpage acts as a signifier by indicating the presence of additional content that is not currently visible. It allows users to navigate through the page, providing a visual cue about the length of the content and where they are within it, enhancing the overall user experience.

Submit

10. Which best explains why a door might have conflicting signifiers?

Explanation

Conflicting signifiers occur when the design elements of an object suggest different actions. In this case, the handle pointing left implies that the door should open in that direction, but it actually opens to the right. This inconsistency can confuse users, making it difficult to understand how to operate the door correctly.

Submit

11. True or False: A well-designed interface relies only on affordances, not signifiers.

Explanation

A well-designed interface requires both affordances and signifiers. Affordances indicate what actions are possible, while signifiers provide cues to help users understand how to interact with those affordances. Relying solely on affordances may lead to confusion, as users might not recognize the intended actions without clear signifiers guiding them.

Submit

12. Which element helps users understand what an icon does?

Explanation

Signifiers like tooltips or labels provide context and clarity about an icon's function, enhancing user comprehension. They serve as informative cues that guide users in understanding the action or feature represented by the icon, ultimately improving usability and user experience.

Submit

13. A light switch's affordance is its ability to control light; its signifier might be ____.

Submit

14. True or False: Affordances and signifiers are the same concept.

Submit

15. Why do designers use shadows and gradients on buttons?

Submit
×
Saved
Thank you for your feedback!
View My Results
Cancel
  • All
    All (15)
  • Unanswered
    Unanswered ()
  • Answered
    Answered ()
What is an affordance in HCI?
Which of the following is a signifier?
A button with a raised surface and shadow is an example of what?
Why are signifiers important in interface design?
A door with no handle or markings is an example of poor design because...
Which scenario best demonstrates a false affordance?
A keyboard's physical keys suggest that they can be ____.
True or False: An affordance must always be visible to users.
A scrollbar on a webpage is primarily a ____.
Which best explains why a door might have conflicting signifiers?
True or False: A well-designed interface relies only on affordances,...
Which element helps users understand what an icon does?
A light switch's affordance is its ability to control light; its...
True or False: Affordances and signifiers are the same concept.
Why do designers use shadows and gradients on buttons?
play-Mute sad happy unanswered_answer up-hover down-hover success oval cancel Check box square blue
Alert!