Wireframe Exercises
Explore hands-on “Wireframe” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Font
Exercise
Font weight
Exercise
Baseline grid
Exercise
Web resolution
Exercise
Wireflow creation process
Exercise
Image placeholder
Exercise
Cognitive walkthrough
Exercise
Templates
Exercise
Task flow
Exercise
Compose an evaluation plan
Exercise
Wireflows
Exercise
Step 1: Identify the target audience and the problem
Exercise
Usability inspection
Exercise
Wireframes make the design process iterative
Exercise
Heuristic evaluation
Exercise
Flowchart
Exercise
Assets
Exercise
Interaction design
Exercise
Wireframe
Exercise
Inner shadow
Exercise
Define user goals
Exercise
Describe users with personas
Exercise
Wireframes keep usability at the forefront
Exercise
Edge cases
Exercise
Step 1: Formulate a user story and its acceptance criteria
Exercise
Wireframes keep the concept user-focused
Exercise
User testing with wireframes
Exercise
Choose the correct level of annotation detail
Exercise
Localization
Exercise
Document usability inspection findings
Exercise
Step 5: Get inspiration from competitors
Exercise
Hard shadow
Exercise
Wireflow
Exercise
Cons and caveats of usability inspection
Exercise
Text wrapping
Exercise
Wireflow organization and usage
Exercise
Step 2: Write the explanation of the user journey
Exercise
Wireframes tell a story
Exercise
Describe content and functionality in your annotations
Exercise
Wireframing for interaction design
Exercise
Create scenarios
Exercise
Crosshair cursor
Exercise
Choose the grid
Exercise
Step 3: Create a flowchart
Exercise
Analyze and summarize results
Exercise
Use actual copy early in the process
Exercise
Identify content zones
Exercise
Nudge values
Exercise
Step 7: Annotate wireframes to prepare for collaboration
Exercise