SlideShare a Scribd company logo
1 of 27
Download to read offline
ILLUSION: INSIGHTS INTO
VISUAL DESIGN ELEMENTS
OF WEB DESIGN
Deborah Stanley | Robin Fay
deb2611@gmail.com | georgiawebgurl@gmail.com
Faculty Learning Community: Shift to Visual
VISUAL LITERACY & IMAGES: WHAT IS REAL? WHAT IS MANIPULATED?
HOW INFORMATION IS CONVEYED ON THE WEB > WEB PAGE DESIGN:
LAYOUT
GRAPHICAL ELEMENTS
TEXT
NAVIGATION
HOW DO WE DESIGN FOR THE NET GENERATION?
Illusion:
Insights into Visual Design Elements of Webdesign
Illusion:
Insights into Visual Design Elements of Webdesign
USABILITY 
HOW DO PEOPLE PERCEIVE AND PROCESS INFORMATION ON THE WEB?
HOW DO THEY LOOK AT A PAGE OR A SITE? WHERE IS THE EYE DRAWN TO?
DO THEY READ?
WHAT EFFECT DO IMAGES HAVE?
WHAT GIVES A SITE CREDIBILITY?
Illusion:
Insights into Visual Design Elements of Webdesign
John Kupersmith: http://www.techinlibraries.com/kupersmith.pdf
"Seen in a larger perspective, usability focuses on the
user’s entire experience with the online library: what
users bring to it in terms of perceptions, vocabulary,
and Internet conventions they may be familiar with;
how they interact with it; and how this interaction can
be improved. In this sense, it encompasses both
assessment and web design."
Jakob Nielsen: http://www.useit.com/alertbox/9710a.html
Web pages have to employ scannable text, using:
• highlighted keywords (hypertext links serve as one form of highlighting;
typeface variations and color are others)
• meaningful sub-headings (not "clever" ones)
• bulleted lists
• one idea per paragraph (users will skip over any additional ideas if they are
not caught by the first few words in the paragraph)
• the inverted pyramid style, starting with the conclusion
• half the word count (or less) than conventional writing
Let's look at some specifics...
Illusion:
Insights into Visual Design Elements of Webdesign
Layout
o rule of thirds
 The rule states that an image should be imagined as divided into nine
equal parts by two equally-spaced horizontal lines and two equally-
spaced vertical lines, and that important compositional elements
should be placed along these lines or their intersections -- Wikipedia,
2010.
Illusion:
Insights into Visual Design Elements of Webdesign
Illusion:
Insights into Visual Design Elements of Webdesign
• Layout
o focal point, for the purpose of art and design, is the focus on a point of
interest.
o Balance / unbalance: an even mix of elements create a more harmonious
website; unbalanced can create a dynamic website
o Use of white space (empty space)is the space between the elements,
e.g., space around text, images, etc. Too much white space is bad; too
little white space is equally bad!
Illusion:
Insights into Visual Design Elements of Webdesign
Navigation
Navigation is the means of guiding users around a website, so that they know
how to find things. One of the basic rules of navigation is no surprises --
navigation should be relevant and logical.
Common navigational elements in a website are:
home (the front or main page), search and about/contact.
Navigation is one of the key structural ingredients of a website.
Illusion:
Insights into Visual Design Elements of Webdesign
Navigation
• Google “heatmap” research: areas of the page where users look most:
http://www.rocketface.com/organize_website/webpage_hotspots.html
 
• People ignore the banner, as they think of it as just advertising/logo. Do not put
important info/navigational elements up there.
 
• People scan text, rather than read it. Don't have "click here" links -- they are
meaningless when scanning.
Illusion:
Insights into Visual Design Elements of Webdesign
Navigation
• Add label tags to forms and images so they can be read by screen readers
• Number of clicks: used to be rule of thumb that everything should be reached by 3
clicks if possible. But users are now more willing to click if they can see a clear path.
• Scrolling -- good idea to keep most important info "above the fold", but people will
scroll if you give visual cues that there is more info below, i.e. make it obvious that a
section continues below the fold.
Illusion:
Insights into Visual Design Elements of Webdesign
Typography: Sans serif vs. serif
o http://www.fonttester.com/
o Generally, sans serif is considered to more
readable on a web or electronic device.
Serifed fonts are generally better for printed
pages.
o True Type fonts are standard are many
computers and digital devices, which makes
design easier because display is generally
consistent.
Illusion:
Insights into Visual Design Elements of Webdesign
Complementary colors reside across
from each other on the color wheel: they
are very high contrast when paired
together.
Illusion:
Insights into Visual Design Elements of Webdesign
Color
Analogous colors are adjacent on
the color wheel and they are
harmonious.They are combinations
often found in nature.
Illusion:
Insights into Visual Design Elements of Webdesign
 Triad or tertiary colors are 3 evenly 
spaced colors on the color wheel. 
http://www.colorschemedesigner.com/
 
Color theory @  
http://www.tigercolor.com/color-
lab/color-theory/color-theory-intro.htm
Illusion:
Insights into Visual Design Elements of Webdesign
Considerations: 
• Color blindness: the inability to distinguish between certain 
reds and greens
• Bright colors/high contrast combinations draw the eye and 
should be used sparingly
• Text should have a high value difference between its 
background, e.g., black on white  
 
Check for color blindness: 
http://colorfilter.wickline.org/ 
http://www.vischeck.com/vischeck/vischeckURL.php 
Illusion:
Insights into Visual Design Elements of Webdesign
Considerations: 
• Color has psychological and cultural values, too
• Color has warm and cool values
 Psychology of color:
http://www.infoplease.com/spot/colors1.html
Meaning of color:
http://www.smashingmagazine.com/2010/01/28/color-theory-
for-designers-part-1-the-meaning-of-color/
Illusion:
Insights into Visual Design Elements of Webdesign
Photos
 
Adding photos of real people increases credibility (as long as they are not too 
casual) and makes the site more welcoming. But if people look too beautiful and 
model-like, that also decreases credibility.
Illusion:
Insights into Visual Design Elements of Webdesign
Illusion:
Insights into Visual Design Elements of Webdesign
Web Page Preferences: Baby Boomers and Gen Y: a study using eye-tracking
• people like looking at images of people's faces
• prefer one image on a page to multiple small ones
• prefer clean pages to busy/cluttered pages, defined as too much content, not 
enough spacing, too many colors
• "A clean web page has little on it and is consistent."
• both generations prefer large fonts and little text
• Baby Boomers read more on a web page than Gen Y
• both generations say they prefer a search bar to many links,
but Gen Y rely on it more than Baby Boomers
• expect search box to be top right; don't notice it if elsewhere
• both generations look most at main part of page (center), 
then top, then bottom least
Appeal of Web Page Layout and Characteristics Based on Age: Usability Research through Eye
Tracking at Fidelity Investments Inc. Daniel Capozzo, MIS, Robert L. Groezinger, MI, Keet-Fung F. 
Ng, MIS, Marisa J. Siegel, MIS. http://www.wpi.edu/Pubs/E-project/Available/E-project-042208-
111154/unrestricted/Fidelity_MQP_2008.pdf
Stanford's Web Credibility Project: http://credibility.stanford.edu/ 
 
-- includes guidelines on how to make your site look credible: 
http://credibility.stanford.edu/guidelines/index.html
 
 
• transparency
• ease of use
• professionalism
• authority
Illusion:
Insights into Visual Design Elements of Webdesign
Usability Testing:
task-based, with observation and "talk aloud"
terminology
open-ended questions 
card-sort exercise
observe real interactions with site
have "evidence" for decision-makers
Let's look at some examples from
UGA Libraries... evolution of a design.
Illusion:
Insights into Visual Design Elements of Webdesign
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
Illusion Insights Into Visual Design Elements
Discussion questions:
Have you designed web pages for students? How do you take into account the
visual (as opposed to textual) nature of the web?
Have you asked students to create web pages
for projects? If so, how does their work reflect
the "shift to the visual"?
Illusion:
Insights into Visual Design Elements of Webdesign

More Related Content

What's hot

Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Bookjesús Santo
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignChristy Van Heugten
 
What are wireframes?
What are wireframes?What are wireframes?
What are wireframes?Chance Bliss
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online EnvironmentAngelito Quiambao
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web designananda gunadharma
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In MindCenergyDave
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyJoan Lumanauw
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014Lewis Lin 🦊
 
Illustration essay book
Illustration essay bookIllustration essay book
Illustration essay bookNaveed Ashraf
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureJoan Lumanauw
 
Web Design Trends 2017
Web Design Trends 2017Web Design Trends 2017
Web Design Trends 2017Lewis Lin 🦊
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page HierarchyLuke Wroblewski
 
Clive pm presentation
Clive pm presentationClive pm presentation
Clive pm presentationAmau Mau
 
Clive pm presentation
Clive pm presentationClive pm presentation
Clive pm presentationAmau Mau
 

What's hot (20)

Web Design Trends e-Book
 Web Design Trends e-Book Web Design Trends e-Book
Web Design Trends e-Book
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website Redesign
 
What are wireframes?
What are wireframes?What are wireframes?
What are wireframes?
 
flat design and colors
flat design and colorsflat design and colors
flat design and colors
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
 
Hypertext, multimedia and www
Hypertext, multimedia and wwwHypertext, multimedia and www
Hypertext, multimedia and www
 
UX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual HierarchyUX Lesson 6: Visual Hierarchy
UX Lesson 6: Visual Hierarchy
 
Web design
Web designWeb design
Web design
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Illustration essay book
Illustration essay bookIllustration essay book
Illustration essay book
 
UX Lesson 5: Information Architecture
UX Lesson 5: Information ArchitectureUX Lesson 5: Information Architecture
UX Lesson 5: Information Architecture
 
Web Design Trends 2017
Web Design Trends 2017Web Design Trends 2017
Web Design Trends 2017
 
The DEC Education: Product Design
The DEC Education: Product DesignThe DEC Education: Product Design
The DEC Education: Product Design
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page Hierarchy
 
Clive pm presentation
Clive pm presentationClive pm presentation
Clive pm presentation
 
Clive pm presentation
Clive pm presentationClive pm presentation
Clive pm presentation
 

Similar to Illusion Insights Into Visual Design Elements

Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basicselmorandall
 
Website research
Website researchWebsite research
Website researcher180044
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page DesignOvidiu Von M
 
1 httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2 ht.docx
1  httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2  ht.docx1  httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2  ht.docx
1 httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2 ht.docxjeremylockett77
 
USABILITY DESIGN OF SOFTWARE APPLICATION
USABILITY DESIGN OF SOFTWARE APPLICATION USABILITY DESIGN OF SOFTWARE APPLICATION
USABILITY DESIGN OF SOFTWARE APPLICATION SrilekhaK12
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointD'arce Hess
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.abhishek106899
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site DesignOvidiu Von M
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
UsabilityslideshowCarmell06769
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptxRhoan4
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsiteZoaib Mirza
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For UseChristina Wodtke
 
Ninghua Ch3
Ninghua Ch3Ninghua Ch3
Ninghua Ch3ninghua
 
Notes on the Rhetorical Nature of Web Design
Notes on the Rhetorical Nature of Web DesignNotes on the Rhetorical Nature of Web Design
Notes on the Rhetorical Nature of Web DesignAmy Goodloe
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and designAndz Bass
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsJohn Mark Centeno
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...D'arce Hess
 

Similar to Illusion Insights Into Visual Design Elements (20)

Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
Design & Usability Basics
Design & Usability BasicsDesign & Usability Basics
Design & Usability Basics
 
Website research
Website researchWebsite research
Website research
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page Design
 
1 httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2 ht.docx
1  httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2  ht.docx1  httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2  ht.docx
1 httpswww.eeoc.goveeocnewsroomrelease10-7-19.cfm2 ht.docx
 
USABILITY DESIGN OF SOFTWARE APPLICATION
USABILITY DESIGN OF SOFTWARE APPLICATION USABILITY DESIGN OF SOFTWARE APPLICATION
USABILITY DESIGN OF SOFTWARE APPLICATION
 
Web design Prasantation
Web design PrasantationWeb design Prasantation
Web design Prasantation
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.new UID module one(1) in the ppt format.
new UID module one(1) in the ppt format.
 
Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Usabilityslideshow
UsabilityslideshowUsabilityslideshow
Usabilityslideshow
 
ET_lESSON_6.pptx
ET_lESSON_6.pptxET_lESSON_6.pptx
ET_lESSON_6.pptx
 
Promote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A WebsitePromote Education Web Design Things To Consider When Designing A Website
Promote Education Web Design Things To Consider When Designing A Website
 
Designing The Interface For Use
Designing The Interface For UseDesigning The Interface For Use
Designing The Interface For Use
 
Web design basics
Web design basicsWeb design basics
Web design basics
 
Ninghua Ch3
Ninghua Ch3Ninghua Ch3
Ninghua Ch3
 
Notes on the Rhetorical Nature of Web Design
Notes on the Rhetorical Nature of Web DesignNotes on the Rhetorical Nature of Web Design
Notes on the Rhetorical Nature of Web Design
 
Basic webpage layout and design
Basic webpage layout and designBasic webpage layout and design
Basic webpage layout and design
 
Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 

More from robin fay

RWOs & linkeddata for libraries
RWOs & linkeddata for librariesRWOs & linkeddata for libraries
RWOs & linkeddata for librariesrobin fay
 
Project Management for Libraries
Project Management for LibrariesProject Management for Libraries
Project Management for Librariesrobin fay
 
Controlled Vocabularies & Cataloging
Controlled Vocabularies & Cataloging Controlled Vocabularies & Cataloging
Controlled Vocabularies & Cataloging robin fay
 
Catexpress - Quick overview
Catexpress - Quick overviewCatexpress - Quick overview
Catexpress - Quick overviewrobin fay
 
IOT, Real World Things, & Linked data
IOT, Real World Things, & Linked dataIOT, Real World Things, & Linked data
IOT, Real World Things, & Linked datarobin fay
 
Cataloging101 foundations: Authorities
Cataloging101 foundations: AuthoritiesCataloging101 foundations: Authorities
Cataloging101 foundations: Authoritiesrobin fay
 
BIBFRAME, Linked data, RDA
BIBFRAME, Linked data, RDA BIBFRAME, Linked data, RDA
BIBFRAME, Linked data, RDA robin fay
 
Cataloging101 foundations frbr - 2019 version
Cataloging101 foundations frbr - 2019 versionCataloging101 foundations frbr - 2019 version
Cataloging101 foundations frbr - 2019 versionrobin fay
 
Challenges and opportunities in library discovery services gen
Challenges and opportunities in library discovery services genChallenges and opportunities in library discovery services gen
Challenges and opportunities in library discovery services genrobin fay
 
Tech Bits: Taking your mobile photography to the next level
Tech Bits: Taking your mobile photography to the next levelTech Bits: Taking your mobile photography to the next level
Tech Bits: Taking your mobile photography to the next levelrobin fay
 
Copyright, Public Domain & Creative Commons for Educators
Copyright, Public Domain & Creative Commons for Educators Copyright, Public Domain & Creative Commons for Educators
Copyright, Public Domain & Creative Commons for Educators robin fay
 
Multimedia, Virtual Reality and 3D Technologies in Higher Ed
Multimedia, Virtual Reality and 3D Technologies in Higher EdMultimedia, Virtual Reality and 3D Technologies in Higher Ed
Multimedia, Virtual Reality and 3D Technologies in Higher Edrobin fay
 
Building a digital_library_from_scratch
Building a digital_library_from_scratchBuilding a digital_library_from_scratch
Building a digital_library_from_scratchrobin fay
 
Digitizing our past
Digitizing our past Digitizing our past
Digitizing our past robin fay
 
Linked data presentation for libraries (COMO)
Linked data presentation for libraries (COMO)Linked data presentation for libraries (COMO)
Linked data presentation for libraries (COMO)robin fay
 
Cataloging roundtable discussion questions
Cataloging roundtable discussion questionsCataloging roundtable discussion questions
Cataloging roundtable discussion questionsrobin fay
 
Metadata then & now
Metadata then & now Metadata then & now
Metadata then & now robin fay
 
Omeka introduction (revised) 2015
Omeka introduction (revised) 2015Omeka introduction (revised) 2015
Omeka introduction (revised) 2015robin fay
 
Go google - tips and tricks for getting started with google
Go google - tips and tricks for getting started with googleGo google - tips and tricks for getting started with google
Go google - tips and tricks for getting started with googlerobin fay
 
Organizing your online stuff
Organizing your online stuffOrganizing your online stuff
Organizing your online stuffrobin fay
 

More from robin fay (20)

RWOs & linkeddata for libraries
RWOs & linkeddata for librariesRWOs & linkeddata for libraries
RWOs & linkeddata for libraries
 
Project Management for Libraries
Project Management for LibrariesProject Management for Libraries
Project Management for Libraries
 
Controlled Vocabularies & Cataloging
Controlled Vocabularies & Cataloging Controlled Vocabularies & Cataloging
Controlled Vocabularies & Cataloging
 
Catexpress - Quick overview
Catexpress - Quick overviewCatexpress - Quick overview
Catexpress - Quick overview
 
IOT, Real World Things, & Linked data
IOT, Real World Things, & Linked dataIOT, Real World Things, & Linked data
IOT, Real World Things, & Linked data
 
Cataloging101 foundations: Authorities
Cataloging101 foundations: AuthoritiesCataloging101 foundations: Authorities
Cataloging101 foundations: Authorities
 
BIBFRAME, Linked data, RDA
BIBFRAME, Linked data, RDA BIBFRAME, Linked data, RDA
BIBFRAME, Linked data, RDA
 
Cataloging101 foundations frbr - 2019 version
Cataloging101 foundations frbr - 2019 versionCataloging101 foundations frbr - 2019 version
Cataloging101 foundations frbr - 2019 version
 
Challenges and opportunities in library discovery services gen
Challenges and opportunities in library discovery services genChallenges and opportunities in library discovery services gen
Challenges and opportunities in library discovery services gen
 
Tech Bits: Taking your mobile photography to the next level
Tech Bits: Taking your mobile photography to the next levelTech Bits: Taking your mobile photography to the next level
Tech Bits: Taking your mobile photography to the next level
 
Copyright, Public Domain & Creative Commons for Educators
Copyright, Public Domain & Creative Commons for Educators Copyright, Public Domain & Creative Commons for Educators
Copyright, Public Domain & Creative Commons for Educators
 
Multimedia, Virtual Reality and 3D Technologies in Higher Ed
Multimedia, Virtual Reality and 3D Technologies in Higher EdMultimedia, Virtual Reality and 3D Technologies in Higher Ed
Multimedia, Virtual Reality and 3D Technologies in Higher Ed
 
Building a digital_library_from_scratch
Building a digital_library_from_scratchBuilding a digital_library_from_scratch
Building a digital_library_from_scratch
 
Digitizing our past
Digitizing our past Digitizing our past
Digitizing our past
 
Linked data presentation for libraries (COMO)
Linked data presentation for libraries (COMO)Linked data presentation for libraries (COMO)
Linked data presentation for libraries (COMO)
 
Cataloging roundtable discussion questions
Cataloging roundtable discussion questionsCataloging roundtable discussion questions
Cataloging roundtable discussion questions
 
Metadata then & now
Metadata then & now Metadata then & now
Metadata then & now
 
Omeka introduction (revised) 2015
Omeka introduction (revised) 2015Omeka introduction (revised) 2015
Omeka introduction (revised) 2015
 
Go google - tips and tricks for getting started with google
Go google - tips and tricks for getting started with googleGo google - tips and tricks for getting started with google
Go google - tips and tricks for getting started with google
 
Organizing your online stuff
Organizing your online stuffOrganizing your online stuff
Organizing your online stuff
 

Recently uploaded

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 

Recently uploaded (20)

9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 

Illusion Insights Into Visual Design Elements

Editor's Notes

  1. We have talked about visual literacy and the use of images and what is real or manipulated.    But another important aspect of how information is conveyed on the web is web page/site design, e.g. layout, navigation, page design.   Along with teaching students to evaluate what they find on the web, we need to take into account their visual learning habits when designing web pages for them. Young people in particular don't read web pages -- they scan. Web sites are teaching tools > Users receive cues from environment
  2. Libraries are trying to make their web sites more usable so that library instruction can focus on evaluation of what students find, rather than the processes of getting to a database, combining search terms, etc.
  3. Deborah 1-5 Robin 6-9 Deborah 10-
  4. Our first graphical home page   items on the left had rollovers   some confusion about terminology, e.g. 'about us' and 'collections' montage
  5. attempts to incorporate more info concern about items in top right and under banner (although they initially tested OK in usability testing, but were testers trying harder than in real life?) continued with the rollovers
  6. We never used this Too much text? Attempt to make rollovers more visible Would people notice all the links to the right? First iteration of search box
  7. Major redesign Wanted to bring as much to the top as possible People noticed main services to the left Change to lists was popular with users, but later we felt there might be too much text, and they were not always seeing "More information" links
  8. Attempt to add more promotional space 4 boxes of lists very popular on library sites a couple of years ago. Libraries have so much content. Drop-down menus more noticeable than "More information" links. Most important info is in Search Shortcuts and the 4 link boxes. Tabbed search box to incorporate functionality on home page. Trying to shoe horn in multimedia and RSS streams! In usability testing, students have increasingly gravitated towards site search box over the years. Planning a new design, with less content.