The "I Do, We Do, You Do" method is a teaching method designed to help students learn new concepts by first observing, then practicing with guidance, and finally working independently.
I Do: The teacher demonstrates the task while explaining the steps and thought process aloud. This stage is about modeling the correct way to approach the task and highlighting key concepts and techniques.
We Do: The session owner walks the students through an activity. The students follow along (code or design along). This collaborative stage allows students to apply what they've seen with support, ask questions, and receive immediate feedback.
You Do: Students work independently on the task. This stage allows them to practice the skill on their own.
Example: Introducing Javascript
I Do: The teacher introduces JavaScript and demonstrates a simple script that shows an alert when clicking a button. Key concepts like variables, functions, and events are explained briefly.
We Do: The teacher walks the students through creating a function that changes a heading's color when clicking a button. The students follow and code along. The teacher shares their screen and gives the students time to code along. Together, the teacher and the students write the function, select the element, and add an event listener, with the teacher guiding and asking questions to engage students.
You Do: Students independently write JavaScript to change the text of a paragraph when a button is clicked in a breakout room. They practice using variables, functions, and event listeners and then share their work for feedback.
Context before content - We experienced that explaining why a concept is important helps a lot in understanding what the concept is about. Why should you learn this concept? Try to give the context. Maybe explain where you use it in your daily work life. Or explain how this concept can help to solve a bigger problem
Engage with Students: Ask questions to check understanding. Use their names and keep the tone friendly and encouraging.
Be Prepared but Flexible: Have a plan but adapt based on student needs.
Feedback is Key: Provide constructive feedback to help students improve. Celebrate small wins to keep motivation high.
Watch this video on how to run the Regular Class.
Ice Breakers and Energizers - Do you want to start the session with an energizer? Have a look at Class Engagement
We provide additional tools that you can use to engage students more in your sessions! At ReDI, we like to use the following tools and icebreakers:
Create live polls, word clouds, and Q&A
Perfect for:
Icebreakers: Ask students about their expectations or background knowledge.
Quick polls: Check understanding of a topic in real-time.
Exit tickets: Gather feedback at the end of a session.
Login credentials in teachers' Slack channel
Quiz-based learning with competitive elements
Perfect for Revision & Recaps - You create a quiz, and students participate live in class via browser or cell phone.
Login credentials in teachers' Slack channel
You can use quick icebreakers at the start of your sessions to energize participants, build connections, and create an engaging and interactive learning environment. Here is a list of icebreakers. They shouldn't take more than 5 minutes to run.
Description: Participants share three statements about themselves—two true and one false. The group has to guess which one is the lie.
How to Run: Use breakout rooms for smaller groups or let everyone participate in the main room.
Objective: Participants get to know each other in a fun way.
Description: Give participants a list of items to find in their home within 1-2 minutes (e.g., something red, something that makes noise).
How to Run: Ask them to bring the items back to the camera and share a quick story about one of them.
Objective: The activity is an energizer.
Description: Pose a question or statement (e.g., "How are you feeling about today’s session?") and ask participants to respond using emojis only.
How to Run: Use the chat in Zoom.
Objective: It is an easy way for participants to share how they are doing.
Our UX/UI Bootcamp is project-based - students learn by working on hands-on projects. Each project is broken into weekly milestones.
Our core teaching materials are hosted in our GitHub repository:
Projects
Contains all course projects. Includes weekly milestones.
Slides
Contains slide decks to complement the teaching
Figma Files
Figma is the primary tool for UX/UI design. We store templates for the classes in our Figma Space.
Student Hub
Student-facing documentation, tutorials, and concept explanations. Students use this as their main reference.
If you taught in the past semester at ReDI, you might have existing material you would like to reuse. That is fantastic! Let's update the repository for this course with your material. Please add the content in the repo in the right milestone. If you have Google Slides, please link them to the lesson or teacher guide files. You can also reach out to Julian on Slack or via email (julian@redi-school.org) for further questions on how to add or use prior material.
Regular Class
Practice Session with Q&A
The practice session with Q&A aims to go through a practical example of the concepts taught in the previous regular class.
Coaching Session
No teaching is needed. Focused on reviewing student work and providing feedback.
Reviewing the milestoneREADME.mdt helps to understand what the milestone contains students are working on.
We are aware that the material is not perfect. That's why we aim to constantly improve it. Please help us to improve it further! If something is unclear or missing - feel free to add it! If you believe a practical example is needed in the slide decks or a template in Figma is missing, feel free to add it! As the session owner, you can teach the session as you like. You don't need to stick to cover the whole slide deck and go through all the slides. Thanks for further improving the content - like this the UX/UI bootcamp grows stronger from semester to semester.
We use Google Classroom to share material with the students. Please have a look here:
If you find good material, ReDI could use, and if you have feedback or further ideas, feel free to contact Julian via Slack or email (julian@redi-school.org).
- The slide decks help to cover the main content. They are very extensive. They are meant to give a base the session owner can rely on.
templates - The templates help to make the class more practical and interactive.
- Further explanations and resources shared directly with students
can help to recap the concepts
templates can help run the practical example.