Ideation and Sketching Solutions
Students translate brainstormed ideas into initial sketches or wireframes for digital solutions.
About This Topic
Testing and Feedback is the final, iterative stage of the design process. In Year 4, students learn how to give and receive constructive criticism to improve their digital solutions. This aligns with ACARA's standards for evaluating design ideas and processes. Students learn that a design is never truly 'finished'; it can always be refined based on how real people use it.
This topic emphasizes the importance of clear communication and resilience. Students practice using specific feedback frames (like 'I like...', 'I wonder...', 'What if...') to ensure that critiques are helpful rather than hurtful. They also reflect on how feedback from diverse groups can lead to more inclusive and successful products. This topic comes alive when students can physically model the patterns of user testing through peer observation and 'think-aloud' protocols.
Key Questions
- Design a low-fidelity sketch for a digital app interface.
- Compare different visual representations of the same idea.
- Explain how sketching helps clarify complex ideas.
Learning Objectives
- Design a low-fidelity sketch for a digital app interface based on user needs.
- Compare at least two different visual representations of the same digital solution idea.
- Explain how the process of sketching helps to clarify and refine complex digital ideas.
- Identify the key elements required for a functional digital app interface sketch.
Before You Start
Why: Students need to have generated a range of ideas before they can begin translating them into visual representations.
Why: Effective app design starts with considering who the user is and what they need, which informs the sketching process.
Key Vocabulary
| Low-fidelity sketch | A simple, basic drawing of a digital interface that focuses on layout and functionality, without detailed graphics or color. |
| Wireframe | A visual guide that represents the skeletal framework of a website or app, showing the arrangement of content and features. |
| User Interface (UI) | The visual elements and interactive components that a user engages with when using a digital product, such as buttons, menus, and screens. |
| Ideation | The process of forming new ideas or concepts, often through brainstorming or creative thinking, to solve a problem. |
Watch Out for These Misconceptions
Common MisconceptionFeedback is a list of things I did wrong.
What to Teach Instead
Students can be sensitive to critique. Reframe feedback as 'data' that helps make the product better for everyone. Use the 'sandwich' method (praise-improvement-praise) to model positive feedback.
Common MisconceptionI should change everything the user tells me to.
What to Teach Instead
Students might try to please everyone. Teach them to look for 'patterns' in feedback, if three people have the same problem, it's a priority; if only one person does, it might just be a preference.
Active Learning Ideas
See all activitiesGallery Walk: The Feedback Loop
Students display their prototypes. Peers move around with 'feedback forms' and leave one positive comment and one suggestion for improvement on each project, focusing on how easy it is to use.
Simulation Game: Think-Aloud Testing
One student acts as the 'user' and tries to use a prototype while saying everything they are thinking out loud. The 'designer' watches and takes notes without helping, discovering where the user gets confused.
Formal Debate: Conflicting Feedback
Give a student two pieces of feedback that contradict each other (e.g., 'make it brighter' vs 'the colors are too distracting'). The class debates how a designer decides which feedback to follow and why.
Real-World Connections
- Game designers at Nintendo use low-fidelity sketches and wireframes to plan the layout and flow of new game levels and character interactions before creating detailed digital assets.
- App developers at Canva create wireframes to map out the user journey for new features, ensuring that tools for graphic design are easy to find and use for customers around the world.
- UX designers at Google use rapid sketching to explore different ways to present information on Google Maps, helping users navigate unfamiliar places more easily.
Assessment Ideas
Provide students with a simple problem statement (e.g., 'Design an app to help kids find local parks'). Ask them to draw a single screen of their app interface, labeling at least three key elements. Check for clarity of purpose and basic UI components.
Students sketch two different versions of the same app screen. They then swap sketches with a partner. Partners use a prompt: 'I like how you placed the [element]. I wonder if you could make the [other element] bigger. What if you added a [new feature]?' Students then discuss feedback.
On an exit ticket, ask students to write one sentence explaining why sketching is helpful in designing a digital app. Then, have them list two essential elements they would include in a sketch for a simple weather app.
Frequently Asked Questions
What is 'constructive feedback'?
Why is user testing important?
What does 'iteration' mean in design?
How can active learning help students understand testing?
More in The Design Process
Empathy and User Observation
Students use empathy and observation techniques to understand the needs and challenges of potential users.
2 methodologies
Problem Definition and Brainstorming
Students define a clear problem statement based on user needs and brainstorm diverse solutions.
2 methodologies
Paper Prototyping Interactive Elements
Students create interactive paper prototypes to simulate user interaction with a digital solution.
2 methodologies
Digital Prototyping Tools
Students use simple digital tools (e.g., drawing software, basic presentation slides) to create digital mock-ups.
2 methodologies
User Testing and Feedback Collection
Students conduct simple user tests with their prototypes and collect constructive feedback.
2 methodologies
Iterating on Designs
Students analyze feedback and iterate on their designs, making improvements based on user input.
2 methodologies