SlideShare uma empresa Scribd logo
1 de 11
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]

Mais conteúdo relacionado

Semelhante a Essential Design Elements for Visual Instruction

Data Visualisation Forum Auckland 2018
Data Visualisation Forum Auckland 2018Data Visualisation Forum Auckland 2018
Data Visualisation Forum Auckland 2018Adele 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 DataSaraJoy
 
Data visualization tools & techniques - 1
Data visualization tools & techniques - 1Data visualization tools & techniques - 1
Data visualization tools & techniques - 1Korivi 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 PresentationsAmanda Gilmore
 
The 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationThe 8 Hats of Data Visualisation
The 8 Hats of Data VisualisationAndy 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.pdfdimce3
 
Data Visualization and Dashboard Design
Data Visualization and Dashboard DesignData Visualization and Dashboard Design
Data Visualization and Dashboard DesignJacques Warren
 
Using datawrapper mirko lorenz
Using datawrapper   mirko lorenzUsing datawrapper   mirko lorenz
Using datawrapper mirko lorenzDataFest 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 CourseBessie Chu
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual DesignDiane 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
 
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 audiencesAashish Singh
 
The customer driven enterprise
The customer driven enterpriseThe customer driven enterprise
The customer driven enterpriseIntersection 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 ArchitectureEric 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
 

Semelhante a Essential Design Elements for Visual Instruction (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!
 

Mais de 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 BalanceSaraJoy
 
The Tipping Bucket
The Tipping BucketThe Tipping Bucket
The Tipping BucketSaraJoy
 

Mais de 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
 

Último

WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 

Último (20)

WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 

Essential Design Elements for Visual Instruction

  • 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