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
Usability inspection
Exercise
Heuristic evaluation
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
Wireframes make the design process iterative
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
Plan for edge cases
Exercise
Step 1: Formulate user story and acceptance criteria
Exercise
Wireframes allow for rapid testing
Exercise
Wireframes keep the concept user-focused
Exercise
User testing with wireframes
Exercise
Choose the correct level of annotation detail
Exercise
Plan for localization
Exercise
Document usability inspection findings
Exercise
Step 5: Get inspiration from competitors
Exercise
Hard shadow
Exercise
Wireframing for component-based UI design
Exercise
Wireflows
Exercise
Cons and caveats of usability inspection
Exercise
Keep responsiveness in mind
Exercise
Wireflow organization
Exercise
Step 2: Write the explanation of the user journey
Exercise
Wireframes tell a story
Exercise
Differentiate content and functional notes
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