SlideShare a Scribd company logo
Introductions Balance C.R.A.P. Design Type & Color ,[object Object],Microsoft Word Adobe InDesign I Adobe InDesign II Adobe Photoshop Microsoft PowerPoint Quantitative Information Qualitative Information Abstractions Persuasion IPT 655 Visual Instructional Design “Aaa-nd we’re walking”
“the great story provides us with a road map or treasure map, which outlines all of the actions and tasks we have to accomplish in order to complete [a meaningful life change], and a tool kit for solving all of the problems that have to be solved to accomplish the actions and tasks.” Discussion ,[object Object]
 What does that have to do with learning/design?,[object Object]
Visual Hierarchy : Priority/order according to visual cues Size, weight, color, etc. Information Hierarchy : Priority/order according to meaning, intended communication 30/20/10 rule Problem = Making them Match. Hierarchy
Hierarchy Remember your #1 Design Skill Squinting is the best way to “see” the hierarchy you have set up
Flow “aaaa-nd we’re walking…” Eyes “travel” through a design Measurement unit = eye miles Elements of flow Entry Exit Path Stop
Flow Patterns Note: “natural” flow patterns are culture-specific
Designer as Guide Why pay for a guided tour? In-depth knowledge Limited time Unfamiliar area/subject “You missed the best part!” Why invest in V/I Hierarchy? Same reasons.
Designer as Guide Tools for guiding Size Weight Color CRAP
Exercise
[object Object]

More Related Content

Similar to Ipt655 Wk5 Info Hierarchy

Data Visualisation Forum Auckland 2018
Data Visualisation Forum Auckland 2018Data Visualisation Forum Auckland 2018
Data Visualisation Forum Auckland 2018
Adele Naude
 
Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019 Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019
Russell Spangler
 
Ipt655 Wk10 Representing Quantitative Data
Ipt655 Wk10 Representing Quantitative DataIpt655 Wk10 Representing Quantitative Data
Ipt655 Wk10 Representing Quantitative Data
SaraJoy
 
Data visualization tools & techniques - 1
Data visualization tools & techniques - 1Data visualization tools & techniques - 1
Data visualization tools & techniques - 1
Korivi Sravan Kumar
 
PowerPoint Presentation On giving effective PowerPoint Presentations
PowerPoint Presentation On giving effective PowerPoint PresentationsPowerPoint Presentation On giving effective PowerPoint Presentations
PowerPoint Presentation On giving effective PowerPoint Presentations
Amanda Gilmore
 
The 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationThe 8 Hats of Data Visualisation
The 8 Hats of Data Visualisation
Andy Kirk
 
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfvisualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
dimce3
 
Data Visualization and Dashboard Design
Data Visualization and Dashboard DesignData Visualization and Dashboard Design
Data Visualization and Dashboard Design
Jacques Warren
 
Using datawrapper mirko lorenz
Using datawrapper   mirko lorenzUsing datawrapper   mirko lorenz
Using datawrapper mirko lorenz
DataFest Tbilisi
 
OU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataVizOU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataVizTony Hirst
 
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
jason hobbs
 
Simple Slide Design and Data Visualization Crash Course
Simple Slide Design and Data Visualization Crash CourseSimple Slide Design and Data Visualization Crash Course
Simple Slide Design and Data Visualization Crash Course
Bessie Chu
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
Diane Leeper
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)
Ben Buchanan
 
Digital Marketing: Disruption or Revolution?
Digital Marketing: Disruption or Revolution?Digital Marketing: Disruption or Revolution?
Digital Marketing: Disruption or Revolution?
Andrew Chow ✯ Keynote Speaker ✯
 
Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011Andy Kirk
 
How to make presentations appealing to audiences
How to make presentations appealing to audiencesHow to make presentations appealing to audiences
How to make presentations appealing to audiences
Aashish Singh
 
The customer driven enterprise
The customer driven enterpriseThe customer driven enterprise
The customer driven enterprise
Intersection Group
 
ROI And The Business Value Of Information Architecture
ROI And The Business Value Of Information ArchitectureROI And The Business Value Of Information Architecture
ROI And The Business Value Of Information Architecture
Eric Reiss
 
Unicorn invasion: A UX workshop for all levels and stuff!
Unicorn invasion: A UX workshop for all levels and stuff!Unicorn invasion: A UX workshop for all levels and stuff!
Unicorn invasion: A UX workshop for all levels and stuff!
J+E Creative
 

Similar to Ipt655 Wk5 Info Hierarchy (20)

Data Visualisation Forum Auckland 2018
Data Visualisation Forum Auckland 2018Data Visualisation Forum Auckland 2018
Data Visualisation Forum Auckland 2018
 
Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019 Seattle DAA - Data Visualization - Russell Spangler December 2019
Seattle DAA - Data Visualization - Russell Spangler December 2019
 
Ipt655 Wk10 Representing Quantitative Data
Ipt655 Wk10 Representing Quantitative DataIpt655 Wk10 Representing Quantitative Data
Ipt655 Wk10 Representing Quantitative Data
 
Data visualization tools & techniques - 1
Data visualization tools & techniques - 1Data visualization tools & techniques - 1
Data visualization tools & techniques - 1
 
PowerPoint Presentation On giving effective PowerPoint Presentations
PowerPoint Presentation On giving effective PowerPoint PresentationsPowerPoint Presentation On giving effective PowerPoint Presentations
PowerPoint Presentation On giving effective PowerPoint Presentations
 
The 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationThe 8 Hats of Data Visualisation
The 8 Hats of Data Visualisation
 
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfvisualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
 
Data Visualization and Dashboard Design
Data Visualization and Dashboard DesignData Visualization and Dashboard Design
Data Visualization and Dashboard Design
 
Using datawrapper mirko lorenz
Using datawrapper   mirko lorenzUsing datawrapper   mirko lorenz
Using datawrapper mirko lorenz
 
OU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataVizOU Stats Conference - Quick Ways In to DataViz
OU Stats Conference - Quick Ways In to DataViz
 
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...Reframing Information Architecture: A case study from the Johannesburg Art Ga...
Reframing Information Architecture: A case study from the Johannesburg Art Ga...
 
Simple Slide Design and Data Visualization Crash Course
Simple Slide Design and Data Visualization Crash CourseSimple Slide Design and Data Visualization Crash Course
Simple Slide Design and Data Visualization Crash Course
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)
 
Digital Marketing: Disruption or Revolution?
Digital Marketing: Disruption or Revolution?Digital Marketing: Disruption or Revolution?
Digital Marketing: Disruption or Revolution?
 
Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011Andy Kirk Viz Marathon London 2011
Andy Kirk Viz Marathon London 2011
 
How to make presentations appealing to audiences
How to make presentations appealing to audiencesHow to make presentations appealing to audiences
How to make presentations appealing to audiences
 
The customer driven enterprise
The customer driven enterpriseThe customer driven enterprise
The customer driven enterprise
 
ROI And The Business Value Of Information Architecture
ROI And The Business Value Of Information ArchitectureROI And The Business Value Of Information Architecture
ROI And The Business Value Of Information Architecture
 
Unicorn invasion: A UX workshop for all levels and stuff!
Unicorn invasion: A UX workshop for all levels and stuff!Unicorn invasion: A UX workshop for all levels and stuff!
Unicorn invasion: A UX workshop for all levels and stuff!
 

More from SaraJoy

Ipt655 Wk11 Qualitative
Ipt655 Wk11 QualitativeIpt655 Wk11 Qualitative
Ipt655 Wk11 QualitativeSaraJoy
 
Ipt655 Wk6 Word Powerpoint
Ipt655 Wk6 Word PowerpointIpt655 Wk6 Word Powerpoint
Ipt655 Wk6 Word PowerpointSaraJoy
 
Ipt655 Wk4 Type and Color
Ipt655 Wk4 Type and ColorIpt655 Wk4 Type and Color
Ipt655 Wk4 Type and ColorSaraJoy
 
Ipt655 Wk3 C.R.A.P. Design
Ipt655 Wk3 C.R.A.P. DesignIpt655 Wk3 C.R.A.P. Design
Ipt655 Wk3 C.R.A.P. DesignSaraJoy
 
Ipt655 Wk2 Balance
Ipt655 Wk2 BalanceIpt655 Wk2 Balance
Ipt655 Wk2 Balance
SaraJoy
 
The Tipping Bucket
The Tipping BucketThe Tipping Bucket
The Tipping BucketSaraJoy
 

More from SaraJoy (6)

Ipt655 Wk11 Qualitative
Ipt655 Wk11 QualitativeIpt655 Wk11 Qualitative
Ipt655 Wk11 Qualitative
 
Ipt655 Wk6 Word Powerpoint
Ipt655 Wk6 Word PowerpointIpt655 Wk6 Word Powerpoint
Ipt655 Wk6 Word Powerpoint
 
Ipt655 Wk4 Type and Color
Ipt655 Wk4 Type and ColorIpt655 Wk4 Type and Color
Ipt655 Wk4 Type and Color
 
Ipt655 Wk3 C.R.A.P. Design
Ipt655 Wk3 C.R.A.P. DesignIpt655 Wk3 C.R.A.P. Design
Ipt655 Wk3 C.R.A.P. Design
 
Ipt655 Wk2 Balance
Ipt655 Wk2 BalanceIpt655 Wk2 Balance
Ipt655 Wk2 Balance
 
The Tipping Bucket
The Tipping BucketThe Tipping Bucket
The Tipping Bucket
 

Recently uploaded

Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
Pierluigi Pugliese
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
Product School
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™
UiPathCommunity
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 

Recently uploaded (20)

Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...How world-class product teams are winning in the AI era by CEO and Founder, P...
How world-class product teams are winning in the AI era by CEO and Founder, P...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™
Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 

Ipt655 Wk5 Info Hierarchy

  • 1.
  • 2.
  • 3.
  • 4. Visual Hierarchy : Priority/order according to visual cues Size, weight, color, etc. Information Hierarchy : Priority/order according to meaning, intended communication 30/20/10 rule Problem = Making them Match. Hierarchy
  • 5. Hierarchy Remember your #1 Design Skill Squinting is the best way to “see” the hierarchy you have set up
  • 6. Flow “aaaa-nd we’re walking…” Eyes “travel” through a design Measurement unit = eye miles Elements of flow Entry Exit Path Stop
  • 7. Flow Patterns Note: “natural” flow patterns are culture-specific
  • 8. Designer as Guide Why pay for a guided tour? In-depth knowledge Limited time Unfamiliar area/subject “You missed the best part!” Why invest in V/I Hierarchy? Same reasons.
  • 9. Designer as Guide Tools for guiding Size Weight Color CRAP
  • 11.
  • 12. Using the plain-text file posted to the island site, design an informational flyer. Focus on flow and hierarchy decisions. You may add elements and perform slight edits, but all the original information must be present in your design.Assignment