🔄 Flowcharts

Explanation:
Flowcharts show the step-by-step flow of a process or decision using symbols like arrows, rectangles, diamonds, and ovals.

Used for:

• Designing the logic of systems (e.g. algorithms, menus, or navigation flows).

• Planning user journeys through apps or websites.

• Explaining technical processes or sequences.

Common in:

• Programming, app development, business process modelling, troubleshooting guides.

🧠 Mind Maps

Explanation:
Mind maps are diagrams used to visually organise ideas around a central concept. They help generate and structure thoughts.

Types of Mind Maps:

• Library Mind Map: Shows related topics branching from a central theme, like sections in a library.

• Tunnel Timeline: Displays a sequence of events over time, often used for processes or stages.

• Presentation Mind Map: Structures content for presentations, helping with layout and flow.
  
  

Used for:

• Brainstorming ideas during the early design stage.

• Organising content for websites, documents, or presentations.

• Planning structures (e.g. navigation menus, features of an app).

Common in:

• Project planning, educational resources, marketing, software design.
  
  

🖼️ Visualisation Diagrams

Explanation:
These are rough sketches or images that show what something might look like, such as a webpage, poster, or app screen.

Used for:

• Planning the layout of digital products (e.g. websites, mobile apps).

• Showing colours, fonts, images, and content arrangement.

• Presenting ideas to clients or teams for feedback.
  
  

Common in:

• Web design, advertising, UI/UX design, product packaging.
  
  

💻 Wireframes

Explanation:
Wireframes are low-fidelity outlines that show the structure and layout of a screen or interface without full detail.

Used for:

• Designing navigation, placement of buttons, menus, and images.

• Planning user interaction and flow through a system

• Preparing early mock-ups for discussion.

Common in:

• Website and app interface design, prototyping, UX planning.