8/30/2024

Visual Thinking

8/29/2024 Visual Thinking 1

Visual Thinking
• 𝐴𝑙𝑠𝑜 𝑐𝑎𝑙𝑙𝑒𝑑 𝑣𝑖𝑠𝑢𝑎𝑙 𝑡ℎ𝑖𝑛𝑘𝑖𝑛𝑔 𝑜𝑟 𝑝𝑖𝑐𝑡𝑢𝑟𝑒 𝑡ℎ𝑖𝑛𝑘𝑖𝑛𝑔

A thought process that organizes

ideas visually and focuses on
graphic representation instead of a
verbal representation of
information.
8/29/2024 Visual Thinking 2

1
 8/30/2024

Visual Thinking

? ?

?
8/29/2024 Visual Thinking 3

Visual Thinking
Visual thinking brains have a knack for:

• Organizing ideas graphically

• Read books or listen music and visualize/visualize a traffic route

• Remembering and recalling information as images

• Recalling by visualizing notes/writing on a page

• Estimating number-based, physical attributes

• Know immediately if a desk is going to go through the door

8/29/2024 Visual Thinking 4

2
 8/30/2024

Visual Thinking
• Visual thinkers also rely on several tools, such as pen,
paper, index cards, whiteboards and software tools.

• They externalize their internal process, that is, turn

it into a tangible format so that it’s clear, explicit and
actionable.

8/29/2024 Visual Thinking 5

Visual Thinking Techniques/Tools

8/29/2024 Visual Thinking 6

3
 8/30/2024

Mind Maps
A diagram for representing……
……tasks, words, concepts, or items……
….linked to/arranged around a central concept or subject….
……..using a non-linear graphical layout….
…..that allows the user to build an intuitive framework.

8/29/2024 Visual Thinking 7

Mind Maps - Characteristics

• The Five Essential Characteristics of Mind Mapping:

1. The main idea, subject or focus is crystallized in a central image

2. The main themes radiate from the central image as 'branches'
3. The branches comprise a key image or key word drawn or printed on
its associated line
4. Topics of lesser importance are represented as 'twigs' of the relevant
branch
5. The branches form a connected nodal structure

8/29/2024 Visual Thinking 8

4
 8/30/2024

Mind Maps - Example

8/29/2024 Visual Thinking 9

Mind Maps - Example

8/29/2024 Visual Thinking 10

5
 8/30/2024

Mind Maps – Real World

8/29/2024 Visual Thinking 11

Process Map / Flowcharts

• A technique used to visually map out workflows and processes.
• The purpose of process mapping is to communicate how a
process works in a concise and straightforward way.
• Involves creating a process map, also referred to as a flowchart,
process flowchart, or workflow diagram.

8/29/2024 Visual Thinking 12

6
 8/30/2024

Process Map - Example

8/29/2024 Visual Thinking 13

Process Map – Main Symbols

8/29/2024 Visual Thinking 14

7
 8/30/2024

Process Map – Another Example

8/29/2024 Visual Thinking 15

Draw a Flowchart
• Enter student id & password
• Credentials verified?
Scenario: Course
• No: Go back Registration Process
• Yes: Enter course id
• Is pre-requisite met?
• No: go back
• Yes: is there space in class?
• No: go back
• Yes: course registered
• more courses to register?
• No: end
• Yes: go back to start

8/29/2024 Visual Thinking 16

8
 8/30/2024

Gantt Charts
• A Gantt chart is a bar chart that illustrates a
project activities against time.
• Designed and popularized by Henry Gantt around the
years 1910.
• Modern Gantt charts also show the dependency
relationships between activities and the current
schedule status.

8/29/2024 Visual Thinking 17

Gantt Charts - Example

27-Jun 9

8/29/2024 Visual Thinking 18

9
 8/30/2024

Gantt Charts – Example / HW

8/29/2024 Visual Thinking 19

Use case Diagrams

• Use-case diagrams describe the high-level functions and scope of a

system.
• These diagrams also identify the interactions between the system and
its actors.
• The use cases and actors in use-case diagrams describe what the system
does and how the actors use it, but not how the system operates
internally.
• The use cases are represented by either circles or ellipses.
8/29/2024 Visual Thinking 20

10
 8/30/2024

Use case Diagrams

8/29/2024 Visual Thinking 21

8/29/2024 Visual Thinking 22

11