GRADE XI | DESIGN THINKING & INNOVATION (848) | INTRO | CH-1

 

DESIGN THINKING &  INNOVATION (848) 

INTRODUCTION

LINK : INTRODUCTION PPT

PPT LINK

Notes: Design Thinking and Innovation

Grade XI

Introduction Section

 

I. What is Design? (0.1.1)

• Definitions from Experts:
• John Maeda: "Design is solution to a problem".
• Saul Bass: "Design is thinking made visual".
• Charles Eames: “Design is a plan for arranging elements in such a way as best to accomplish a particular purpose.”
• Steve Jobs: "Design is not just what it looks like and feels like. Design is how it works".
• Prof. Sudhakar Nadkarni: "Essentials of design are— purity, precision, details".

Design is a way of understanding needs, identifying problems, and creating appropriate and innovative solutions. It is not only about appearance, but also about usefulness and sustainability. Design is explained as something that helps solve problems and make a positive difference.

Key idea:

Design = understanding + problem solving + creativity + sustainability.

Design is a purposeful, creative process that transforms ideas into meaningful solutions.

II. Who is a Designer? (0.1.2)

• A designer is a highly creative problem-solver who is sensitive to the needs of people and societal issues.
• Designers use their intuition to find opportunities that enhance lives and appreciate the intricate aspects of problems.
• Career Pathways: Design is a key part of the creative industry with specializations in Communication/Graphic Design, Product Design, Animation, Automobile Design, Architecture, Environmental Design, Digital Design, and Textile/Fashion Design.

 

III. What is Design Thinking? (0.1.3)

• Definition: A method to solve problems using a structured process. It is one of the most effective ways to create something new.
• The Process: It starts by understanding users, identifying and analyzing a problem or need, and researching information. This is followed by exploring and analyzing ideas until an innovative solution is reached.
• Purpose: It translates an idea into a useful blueprint for a vehicle, building, graphic, service, or system.

 IV. Who is a Design Thinker? (0.1.4)

• A design thinker applies the design thinking process to find creative innovative solutions in any field or domain, including arts, social sciences, law, medicine, engineering, or business.
• They find creative ways to tackle both simple and complex problems at home, in the neighborhood, or at work.
• Widespread adoption of this method moves society toward being a "creative society".

 

V. What is the Design Thinking Process? (0.1.5)

The process involves five distinct phases (often referred to by the acronym OUIBR):

1. Phase 1: Observe/Empathise/Research: Identifying needs and locating issues through observation and empathy.
2. Phase 2: Understand/Analyse/Define: Understanding, defining, and analyzing the identified problem area.
3. Phase 3: Ideate/Alternate/Create: Coming up with several alternate creative innovative solutions.
4. Phase 4: Build/Prototype/Detail: Actualizing the solution by building mock-ups, creating scenarios, prototyping, and detailing.
5. Phase 5: Reflect/Feedback/Implement: Evaluating suggestions through feedback to implement them into the final solution.

 

VI. What is Innovation? (1.1.6)

• Definition: The implementation of something new that replaces or reframes an existing mindset. It translates concepts, ideas, or inventions into value-creating artifacts and services.
• Commercial Reality: It is the process of transforming ideas into commercial reality to cater to changing physical and emotional needs.
• Innovation vs. Invention: Invention happens rarely, but one invention (like the wheel) can produce millions of innovative products. Innovation is specifically the act of using an invention to solve problems.

  VII. Vision and Aims of the Curriculum (1.1.7)

The overall vision of the DT&I curriculum is to instill the following in students:

• Skill Development: Explore sensory, cognitive, and social abilities.
• Awareness: Foster observation, discovery, analysis, experience, collaboration, and reflection.
• Mindset: Nurture curiosity, enhance explorative abilities, and foster creativity and innovation.
• Problem Solving: Learn to identify problems and apply the design thinking process to solve them.
• Foundational Knowledge: Learn the essentials of the creative design discipline.
• Global & Cultural Context: Promote socially responsible practice by aligning with the UN's Sustainable Development Goals and providing a culturally-rooted understanding through the Indian Knowledge Systems.

 

CH - Fundamentals of Publication and Communication Design 

PPT LINK

1. Introduction to Communication Design

• Definition: It is the process of conveying ideas, information, and messages visually.
• Core Components: It combines text, images, symbols, and layouts to ensure effective sharing of ideas.
• Key Focus: The primary goals are clarity, creativity, and impact.
• Essential Goal: The ultimate aim is to ensure the message is clearly understood by the intended audience.

2. The Communication Process (Model)

Communication is a structured process of sending and receiving information. The standard flow follows these stages:

• Source (Sender): The person who initiates communication with an idea.
• Encoder: Translates the idea into a message using words, symbols, or gestures.
• Message: The actual content or information being communicated.
• Channel: The medium or path the message travels (e.g., sound, phone, email, WhatsApp).
• Decoder: The receiver who interprets and understands the message.
• Feedback: The response from the receiver; without feedback, communication is considered incomplete.
• Additional Factors:
  • Context: The situation or background of the communication.
  • Noise: Disturbances (like loud sounds) that can negatively affect the message.

3. Types of Communication Design

• Graphic Design: Focused on posters, logos, and brochures.
• UI/UX Design: Focused on the design of apps and websites.
• Advertising Design: Focused on campaigns, banners, and billboards.
• Publication Design: Focused on the layout and presentation of printed or digital content such as books, magazines, newspapers, and e-books.

4. Elements of Design

These are the basic building blocks used to create visual work:

• Line: Connects points and guides the viewer’s eye.
• Shape: Geometric (precise) or organic (natural) forms.
• Color: Used to create mood and meaning; it gives a feeling and personality to a piece.
• Texture: The surface quality that "breathes realism" and can provide a 3D effect.
• Space: Also called Negative Space or White Space; it is the area between elements that helps highlight important parts and prevents clutter.
• Typography: The style of text; it acts as the carrier of the message and creates visual hierarchy.
• Form: Refers to positive elements that, combined with space and shadows, create a 3D effect.

5. Principles of Design

These principles help organize the elements effectively:

• Balance: Arranging elements so no part of the layout feels heavier than another. It can be Symmetrical (even), Asymmetrical (uneven but balanced), or Radial (from the center outward).
• Contrast: Highlighting differences between elements to emphasize focal points.
• Hierarchy: Organizing content by importance to guide the eye (e.g., Heading → Subheading → Body Text).
• Unity: Creating harmony so everything feels like it belongs together through consistent colors, fonts, and spacing.
• Proximity: Grouping related items together to reduce clutter.
• Repetition: Strengthening design by tying elements together to build consistency.
• Emphasis: Drawing attention to key elements or "calls to action".

6. Media of Communication

• Print Media: Newspapers, magazines, books, comics, and journals.
• Electronic/Broadcast Media: TV, radio, and films.
• Outdoor & Transit Media: Billboards, posters, and banners.
• Digital Media (New Media): Social media, websites, mobile apps, e-books, and podcasts.

7. Design Thinking in Communication Design

To create user-centered designs, designers follow the OUIBR process:

1. Observe/Empathise: Understand the users.
2. Understand/Define: Identify the core problem.
3. Ideate: Generate creative ideas.
4. Build/Prototype: Create the actual design.
5. Reflect/Feedback: Improve the solution based on user response.

8. Features of Good Communication Design

A successful design must be:

• Simple and clear.
• Attractive and creative.
• Easy to understand.
• Properly using colors and fonts.
• Organized with a well-planned layout.

Grid Design & Its Types

In grid designing, a grid is a visual structure made up of columns, gutters, and margins that provides a framework for organizing elements on a page. Much like a city's street system, a grid provides a predictable structure that guides both the designer in placing content and the user in scanning and reading the interface.

Here is a detailed explanation of the specific grid types and general design principles:

1. Column Grid

• Definition: This is the most common grid type, where a page is divided into several vertical columns.
• Usage: UI elements and text are aligned to these columns. For example, a desktop website might use a 12-column grid, while a mobile device might use only 4.
• Example: A vitamin company’s website uses a four-column grid to help users easily separate and scan different products.
• Used for: Websites, newspapers, magazines, app layouts, product pages.

Design Thinking link: Helps define layout structure during the Prototype stage of the Design Thinking process.

 2. Modular Grid

• Definition: This grid extends the column grid by adding horizontal rows. The intersection of these columns and rows creates "modules".
• Usage: It is ideal for e-commerce or listing pages where content is repeatable and needs to be browsed easily.
• Example: Design libraries like Behance use modular grids to create a pleasant browsing experience with consistently sized modules.
• Used for: Online stores, design portfolios, photo galleries, dashboards, library catalogues.

Design Thinking link: Ideal during the Ideate stage when brainstorming layouts for uniform, repeatable content

 3. Hierarchical Grid

• Definition: This grid organizes content specifically by importance.
• Usage: The most critical elements take up the largest sections of the grid. It is often used when one item on a page must always be more prominent than the surrounding elements.
• Example: The New York Times uses a hierarchical grid to create a newspaper-like experience where the main news story occupies the largest column, followed by smaller modules for secondary stories.
• Used for: Newspaper front pages, news websites, landing pages, home screens.

Design Thinking link: Applies the principle of visual hierarchy — guides user attention from most to least important (Empathise & Define stages).

 4. Manuscript Grid

• Note from Sources: The layout of books and newspapers which typically utilize this structure.
• General Definition (External Info): A manuscript grid is the simplest grid type, consisting of a single column of text surrounded by margins. It is primarily used in documents with continuous blocks of text, such as novels or essays, to ensure readability.
• Used for: Novels, essays, research papers, legal documents, academic textbooks.

Design Thinking link: Prioritises the user's reading experience and reduces cognitive distraction — aligned with user-centred design.

 5. Baseline Grid

• General Definition: A baseline grid is a series of horizontal lines that act as a guide for aligning the "baseline" of your text. It ensures that the lines of text in different columns or boxes sit on the same horizontal level, creating a clean and professional look. The sources emphasize that consistency is key in alignment to prevent a design from feeling unorganized.
• Used for: All design work — especially multi-column layouts, print design, and UI/app design.

Design Thinking link: Delivers consistency — a core aesthetic principle in design. Prevents a layout from feeling disorganised.

Example: Leading = the vertical space between lines of text. An 8px baseline grid means all spacing is a multiple of 8.

 Key Components of a Grid

To function effectively, every grid relies on three basic elements:

• Columns: The vertical sections where content and images are placed.
• Gutters: The fixed spaces between columns that prevent content from clashing and help the eye separate different elements.
• Margins: The outermost space on the left and right sides of the screen where content generally does not live.

Using these grids benefits the design process by helping designers put together well-aligned interfaces and helping users scan information predictably.

FUN-damentals: Lines, Shapes, and Forms

LINK - https://www.youtube.com/watch?v=a5KYlHNKQB8

Answer the following:

🔹 Communication Process

1. Explain the communication process and draw a labeled diagram showing its elements.

2. What is noise in communication? Explain with examples and draw a simple diagram showing how noise affects a message.

Ans:

Noise is anything that interrupts, distorts, or interferes with a message being sent from a sender to a receiver, causing the original message to be misunderstood or lost.

Examples: loud traffic during a phone call, poor internet during a video class, using difficult words the listener doesn't understand, or a distracted listener.

Diagram: Sender sends message → Noise interferes → Receiver gets a distorted message.

3. Explain the role of feedback in communication. Draw a diagram to show the feedback loop.

Ans:

Feedback is the response given by the receiver back to the sender after receiving a message. It confirms whether the message was understood correctly.

Example: A teacher explains a topic → students nod or ask a question → that reaction is feedback.

Without feedback, communication is one-way and the sender never knows if the message was understood.

With feedback, communication becomes two-way and more effective.

In short: Feedback completes the communication cycle — it tells the sender "your message was received and understood" (or not).

🔹 Design Principles

4. What is visual hierarchy? Explain and draw a rough layout of a poster showing hierarchy using size         and placement.

5. Differentiate between symmetrical and asymmetrical balance. Draw one example of each.

6. Explain negative space and draw two small sketches:

• One cluttered design
• One improved using negative space

7. What is unity in design? Explain and draw a layout showing consistent elements.

           _______________________________________________

Design Thinking-Based Questions (Very Important)

1. You are given a problem:
   “People are not following recycling practices.”

Apply Design Thinking Steps:

• Empathize: Who is the target audience?
• Define: What is the core problem?
• Ideate: Suggest two communication ideas
• Prototype: What will your design look like?

---

2. A school notice board is cluttered and ignored by students.
• Identify the problem using observation
• Suggest a redesigned communication strategy

---

Competency-Based HOTS Questions

1. Why is visual communication more effective than textual communication in modern media? Justify with examples.
2. Can a good design fail in communication? Explain with reasons.
3. How does understanding the target audience influence publication design?