
definition
keeping curious minds fed
Role
Product Designer
Skill
Timeline
Tools
Figma
Jittr
There's a 5 Letter Word that Describes Wordle Enjoyers:
WOR·DLE
noun
/ˈwərdᵊl/
Wordle is a viral word-guessing game where players have six attempts to guess a five-letter word. Feedback is given with color-coded letters to show correct and incorrect guesses. The goal is to guess the word in as few tries as possible.
The Challenge
Here are some user reactions to when the wordle answer on February 16, 2022 was CAULK
Research
Design Decisions
Where to Put a Definition
After 13 design iterations here are the final 3
Eyes gravitate toward "congratulations"
Clear font hierarchy
Grey box makes design feel detached
Hard to see "noun" and "pronounciation"
Matching header fonts keeps branding
Clear font hierarchy
Most sleek design and alignment
Word font weight takes away from "congratulations"
Font weight takes away from "congratulations" text and cta
Hiding the definition reduces cognitive load
Adds and extra step to get definition
Design Decisions
Edge Case! What if there are multiple definitions for one word?
For words with multiple, or longer definitions, include a more button for progressive disclosure. This way we avoid overwhelming the user
Design Decisions
The Design Process
The Solution
The Final Product
Future Plans
Ideas for next time
Confetti anyone? Let’s add an confetti animation to further reinforce the win!
Phone vibration - for every wrong answer the phone vibrates to indicate guess is incorrect. Inspired by PlayStation controllers
Thank You for Reading My Case Study! I Now Bid You
Pro Tip: SLATE, CRANE and TRACE are actually the best starting words according to WordleBot!