Monstrous Accessibility
Famous Haunted Designs
Design Witchcraft
Frightful Wireframes
Creepy UX Principles
100

Even vampires need websites they can read! This acronym stands for the guidelines that ensure web accessibility for all users.

What is WCAG (Web Content Accessibility Guidelines)?

100

The launch of this product in 2007 sent shockwaves through the tech world, much like a haunting ghost in the night.

What is the iPhone?

100

This principle states that designs should be easy for users to understand and navigate—like removing the fog from a haunted forest.

What is Usability?

100

This skeletal structure shows the basic layout and functionality of a design without all the spooky details.

What is a Wireframe?

100

Beware! This principle warns designers to keep their designs as simple as possible to avoid complexity.

What is KISS (Keep It Simple, Stupid)?

200

Some users navigate websites as if cursed to only use a keyboard. This term refers to the feature that supports their navigation.

What is Keyboard Accessibility?

200

Some say the designer behind this famous font haunts UX design to this day.

Who are Max Miedinger and Eduard Hoffmann?

200

The principle that users should be able to complete tasks quickly and without confusion, avoiding unnecessary steps.

What is Efficiency?

200

Designers often create this to show how the user will move through the interface to complete specific tasks—like following ghostly footsteps.

What is User Flow?

200

Zombies may be brainless, but users shouldn't be. This principle encourages familiar designs to prevent confusion.

What is Jakob’s Law?

300

A true horror story: excluding users with disabilities from your design! This design philosophy ensures your product is usable by everyone.

What is Inclusive Design?

300

This social media platform's 2020 redesign scared some users with its simpler, minimalist logo.

What is Instagram?

300

In design, this refers to the balance between functionality and visual appeal, ensuring both are equally strong.

What is the Aesthetic-Usability Effect?

300

These low-fidelity sketches of a design help UX teams quickly experiment with layouts before developing the product further.

What are Paper Prototypes?

300

Ghosts may vanish without a trace, but this principle ensures your most important content stays visible to users.

What is the Principle of Visibility?

400

Much like seeing through fog, a proper contrast ratio is essential for readability. This is the recommended contrast ratio for accessibility.

What is 4.5:1 for regular text / 3:1 for larger text?

400

Released in 1985, this game console revived an entire industry, like a phoenix rising from the ashes.

What is the Nintendo Entertainment System (NES)?

400

This principle ensures that design elements like buttons and links give users feedback to confirm that their actions have been registered.

What is Feedback?

400

A high-fidelity version of a wireframe that includes visuals, typography, and more detailed interactions is called this.

What is a Mockup?

400

Much like trimming dead branches from a haunted tree, this principle focuses on removing unnecessary elements to highlight what matters most.

What is Occam’s Razor?

500

Ghosts may not need descriptions, but your images do! This term refers to the text descriptions provided for screen readers.

What is Alt Text?

500

This legendary designer is known for creating hauntingly beautiful minimalist designs, such as the Braun T3 radio. (Hint: famous for "less but better.")

Who is Dieter Rams?

500

A well-known heuristic, this principle ensures that users always know where they are and how to get back—like breadcrumbs in a haunted forest.

What is Visibility of System Status?

500

This software tool is often used to create interactive wireframes, allowing designers to simulate how users will navigate a product.

What is Figma?

500

Just like navigating a dark, haunted house, users should be able to reach their destination with minimal clicks.

What is the Three-Click Rule?

M
e
n
u