Unit 2: Developing Ideas (Criterion B) - IB 8 Design (Digital Design)
Students

Academic Programs

AI-powered learning for grades 8-12, aligned with major curricula

Professional

Professional Courses

Industry-relevant training in Business, Technology, and Design

Games

Interactive Games

Fun games to boost memory, math, typing, and English skills

Unit 2: Developing Ideas (Criterion B)

Unit 2: Developing Ideas (Criterion B)

The chapter emphasizes the complete process of developing ideas, guiding students from gathering requirements to conceptual validation. It covers essential methodologies including ideation techniques, sketching conventions, and digital wireframing, providing detailed protocols and tools at each stage. By engaging in various structured activities and exercises, students create a professional portfolio that reflects their understanding and application of these concepts.

28 sections

Sections

Navigate through the learning materials and practice exercises.

  1. 1
    Expanded Key Concepts

    This section elaborates on key concepts in design ideation, sketching...

  2. 1.1

    This section explores the fundamental concepts of ideation in developing...

  3. 1.2
    Sketching Conventions

    Sketching conventions involve specific techniques and shorthand used to...

  4. 1.3
    Digital Mock‑ups & Wireframing

    This section explores digital mock-ups and wireframing, emphasizing the use...

  5. 1.4
    Decision‑making Methodologies

    This section explores various decision-making methodologies used to assess...

  6. 2
    Ultra‑detailed Content Breakdown

    This section focuses on the methodologies and tools for developing ideas...

  7. 2.1
    Brainstorming & Mind‑mapping

    This section introduces effective brainstorming and mind-mapping techniques...

  8. 2.1.1
    Brainstorm Protocols

    This section outlines the protocols for brainstorming, utilising structured...

  9. 2.1.2
    Scamper Workshop

    The SCAMPER Workshop teaches techniques for enhancing creativity by...

  10. 2.1.3
    Digital Mind‑map Advanced

    This section focuses on advanced techniques for creating digital mind maps,...

  11. 2.2
    Concept Sketches & Storyboards

    This section explores the techniques and standards required for creating...

  12. 2.2.1
    Sketch Anatomy

    This section focuses on the anatomy of sketches, emphasizing line hierarchy...

  13. 2.2.2
    Tool‑tips For Digital Sketching

    This section provides essential tips and techniques for effective digital...

  14. 2.2.3
    Storyboard Example

    This section provides an example of a storyboard format, including a frame...

  15. 2.3
    Vector Wireframing

    This section delves into advanced techniques for creating digital wireframes...

  16. 2.3.1
    Figma Advanced Techniques

    This section explores advanced techniques in Figma, focusing on elements...

  17. 2.3.2
    Keyboard Shortcut Cheatsheet

    This section provides essential keyboard shortcuts for Figma that enhance...

  18. 2.3.3
    Accessibility Checklist

    The Accessibility Checklist outlines crucial elements needed to ensure...

  19. 2.4
    Systematic Decision Frameworks

    This section focuses on systematic decision frameworks that assist in making...

  20. 2.4.1
    Bayesian Decision Matrix

    The Bayesian Decision Matrix utilizes probabilistic reasoning to evaluate...

  21. 2.4.2
    Kano Analysis Grid

    The Kano Analysis Grid categorizes product features into three essential...

  22. 2.4.3
    Risk‑adjusted Scoring

    Risk-adjusted scoring involves adjusting weighted scores based on identified...

  23. 3
    Example Artifacts & Templates

    This section discusses various exemplar artifacts and templates that...

  24. 3.1
    Sample Mind‑map Snapshot

    This section provides an overview of developing ideas from gathering...

  25. 3.2
    Annotated Sketch Example

    This section illustrates the process of creating and annotating sketches...

  26. 3.3
    Wireframe Prototype Link

    This section provides a clickable Figma link that showcases three artboards:...

  27. 3.4
    Filled Decision Matrix

    The Filled Decision Matrix uses a structured approach to prioritize design...

  28. 4
    Summative Assessment & Reflection Prompts

    This section delves into summative assessments and reflection prompts...

What we have learnt

  • Developing ideas involves collecting requirements, brainstorming, and validating concepts.
  • Key techniques include ideation methods, sketching conventions, and decision-making frameworks.
  • Effective wireframing and mock-ups require understanding of design tokens and auto-layout principles.

Key Concepts

-- Ideation
The process of generating a broad set of ideas before narrowing down to viable concepts.
-- Kano Model
A framework for categorizing features into must-haves, performance, and delight elements based on user feedback.
-- Autolayout Constraints
Rules that define how elements resize and position in response to different screen sizes and orientations in wireframing.
-- Bayesian Updating
A statistical method for updating the probability for a hypothesis as more evidence or information becomes available.
-- SCAMPER
A creative brainstorming technique that prompts innovation through exploration of substitutions, combinations, adaptations, modifications, uses, eliminations, and rearrangements.

Additional Learning Materials

Supplementary resources to enhance your learning experience.