Lesson 1 of 0
In Progress

Concept Design for now and the future

Charbel Zeaiter February 9, 2024

Learning Objectives

Conceptualise innovative solutions with wireframes and prototypes. Utilise AI to accelerate ideation and experimentation. Incorporate sustainability to make a lasting social impact. 

  • Create wireframes and low-fidelity prototypes to conceptualise UX solutions
  • Use AI tools to enhance ideation and rapid prototyping
  • Incorporate sustainability and social impact into UX designs

Part 1: Theory (Morning Session)

  1. Introduction (15 minutes):
    • Briefly recap the previous week’s lessons.
    • Introduce the goals and objectives of Week 6.
    • Provide an overview of the day’s schedule.
  2. Introduction to Wireframing and Prototyping Tools (60 minutes):
    • Lecture on the importance of wireframing and prototyping in the design and development process.
    • Explain the purpose and benefits of creating wireframes and prototypes.
    • Introduce various wireframing and prototyping tools, such as Sketch, Figma, Adobe XD, and InVision.
    • Compare the features, pros, and cons of each tool.
    • Provide examples of wireframes and prototypes created using these tools.
    • Engage students in a Q&A session to ensure understanding of the concepts.
  3. Break (15 minutes)
  4. Creating Low-Fidelity Prototypes with AI Assistance (60 minutes):
    • Lecture on the advantages of using low-fidelity prototypes in the early stages of design.
    • Explain the role of AI in assisting with the creation of low-fidelity prototypes, such as generating UI components, suggesting layouts, and predicting user behaviour.
    • Introduce AI-driven prototyping tools and platforms, such as Generative Adversarial Networks (GANs) and tools that suggest design elements based on natural language input.
    • Provide examples of low-fidelity prototypes created using AI assistance.
    • Engage students in a Q&A session to ensure understanding of the concepts.
  5. Incorporating Sustainability and Purpose-Driven Elements into Your Design (45 minutes):
    • Lecture on the importance of considering sustainability and purpose-driven elements in design projects.
    • Explain how to incorporate these elements into wireframes and prototypes, such as using environmentally friendly materials, promoting social impact, and ensuring accessibility.
    • Discuss strategies for balancing aesthetic appeal with sustainability and purpose-driven goals.
    • Engage students in a Q&A session to ensure understanding of the concepts.

Part 2: Hands-On Practical Activities (Afternoon Session)

  1. Wireframing Activity (60 minutes):
    • Divide students into small groups.
    • Assign each group a specific project or problem to solve, preferably based on the user personas and journey maps created in previous weeks.
    • Instruct groups to create wireframes for their assigned project using the wireframing tools introduced in the morning session.
    • Rotate through the groups, providing guidance and support as needed.
  2. Break (15 minutes)
  3. Low-Fidelity Prototyping with AI Assistance Activity (60 minutes):
    • Provide students with access to AI-driven prototyping tools and platforms introduced in the morning session.
    • Instruct students to use these tools to create low-fidelity prototypes for their assigned project.
    • Offer support and guidance to students as they work with the AI tools.
  4. Incorporating Sustainability and Purpose-Driven Elements Activity (45 minutes):
    • Have groups reconvene and share their wireframes and low-fidelity prototypes.
    • Instruct groups to identify areas in their designs where they can incorporate sustainability and purpose-driven elements.
    • Facilitate a discussion among the groups, encouraging them to share their findings and insights.
  5. Wrap-up and Reflection (30 minutes):
    • Invite each group to present their wireframes and low-fidelity prototypes, discussing the sustainability and purpose-driven elements they incorporated.
    • Facilitate a class-wide discussion about the day’s activities, highlighting key learnings and insights.
    • Preview the topics and objectives for Week 7.
    • Encourage students to practise the techniques learned during the week and to prepare for the upcoming sessions.

Downloadable Toolkit: Wireframing and Prototyping Tool Recommendations

  • Provide students with a downloadable toolkit containing:
    • A list of recommended wireframing and prototyping tools, including their features, pros, and cons.
    • Guides and resources for using AI-driven prototyping tools and platforms.
    • Worksheets for incorporating sustainability and purpose-driven elements into design projects.
    • A summary of the key concepts and techniques covered in Week 6.