This activity introduces students to graphical user interfaces (GUI) and is ideal for Digital Technology and VCE VCD Classes.
- Wireframing:
- Utilize Miro’s vast library of UI elements or create custom shapes to design wireframes for individual screens.
- Arrange elements to create a basic layout for each screen, including buttons, text fields, images, and navigation components.
- Prototyping:
- Connect wireframes together using arrows or linking features in Miro to demonstrate the flow between screens.
- Use hotspot functionality or Miro’s prototype mode to simulate interactions and give a more realistic feel to the app.
Additionally students can integrate other graphic designs from any application, such as Adobe Photoshop and Procreate.