SlideShare a Scribd company logo

Visual hierarchy examples

•
•
Dr. V Vorvoreanu
Dr. V Vorvoreanu
1 of 11
Visual hierarchy examples
On each of the following examples, circle the elements that are visually prominent (that you see first). By annotating with a text box like this Then, explain what technique was used to make each element prominent (e.g. color, size, alignment, etc.)
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples
Visual hierarchy examples

Recommended

11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014Dr. V Vorvoreanu
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course reviewDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
Grids mini lecture
Grids mini lectureGrids mini lecture
Grids mini lectureDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
Usability reporting
Usability reportingUsability reporting
Usability reportingDr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel uxDr. V Vorvoreanu
 

Recommended

11 info architecture-2014
11 info architecture-201411 info architecture-2014
11 info architecture-2014Dr. V Vorvoreanu
 
Cgt 256 course review
Cgt 256 course reviewCgt 256 course review
Cgt 256 course reviewDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
Grids mini lecture
Grids mini lectureGrids mini lecture
Grids mini lectureDr. V Vorvoreanu
 
26 social interaction design
26 social interaction design26 social interaction design
26 social interaction designDr. V Vorvoreanu
 
Usability reporting
Usability reportingUsability reporting
Usability reportingDr. V Vorvoreanu
 
Sketches wireframes mockups prototypes
Sketches wireframes mockups prototypesSketches wireframes mockups prototypes
Sketches wireframes mockups prototypesDr. V Vorvoreanu
 
Cross channel ux
Cross channel uxCross channel ux
Cross channel uxDr. V Vorvoreanu
 
usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and weaDr. V Vorvoreanu
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101Zhihua Dong
 
Controls
ControlsControls
ControlsDr. V Vorvoreanu
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lectureDr. V Vorvoreanu
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exerciseDr. V Vorvoreanu
 
Gestalt examples
Gestalt examplesGestalt examples
Gestalt examplesDr. V Vorvoreanu
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt PsychologyChristian Sisles Gle
 
Piranhas
PiranhasPiranhas
Piranhasguest7b0d77f
 
Ossiannilsson #ssmw littorin_3febr2015
Ossiannilsson #ssmw littorin_3febr2015Ossiannilsson #ssmw littorin_3febr2015
Ossiannilsson #ssmw littorin_3febr2015Ebba Ossiannilsson
 
Suffolk Teens
Suffolk TeensSuffolk Teens
Suffolk Teensrriis
 
Session 15
Session 15Session 15
Session 15guest91d2b3
 
Ossiannilsson130311 openedweek
Ossiannilsson130311 openedweekOssiannilsson130311 openedweek
Ossiannilsson130311 openedweekEbba Ossiannilsson
 
Social changes
Social changes Social changes
Social changes Denise Guerrero
 
Ossiannilsson mmvc15 the battle for innovation towards opening up education
Ossiannilsson mmvc15 the battle for innovation towards opening up educationOssiannilsson mmvc15 the battle for innovation towards opening up education
Ossiannilsson mmvc15 the battle for innovation towards opening up educationEbba Ossiannilsson
 
T2437 Mb Qa Final
T2437 Mb Qa FinalT2437 Mb Qa Final
T2437 Mb Qa Finalguest54dc1e
 
Project Part 2
Project Part 2Project Part 2
Project Part 2slmsaady
 
Listing A Property For Sale
Listing A Property For SaleListing A Property For Sale
Listing A Property For Saledarryllwhaley
 
Shot types
Shot typesShot types
Shot typesNINANC
 
Strumenti Web 2.0 per artigiani e PMI
Strumenti Web 2.0 per artigiani e PMIStrumenti Web 2.0 per artigiani e PMI
Strumenti Web 2.0 per artigiani e PMINordestcreativo social business club
 
01 welcome
01 welcome01 welcome
01 welcomeDr. V Vorvoreanu
 
Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona Dr. V Vorvoreanu
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketchesDr. V Vorvoreanu
 

More Related Content

Viewers also liked

usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and weaDr. V Vorvoreanu
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101Zhihua Dong
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lectureDr. V Vorvoreanu
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exerciseDr. V Vorvoreanu
 
Ossiannilsson #ssmw littorin_3febr2015
Ossiannilsson #ssmw littorin_3febr2015Ossiannilsson #ssmw littorin_3febr2015
Ossiannilsson #ssmw littorin_3febr2015Ebba Ossiannilsson
 
Suffolk Teens
Suffolk TeensSuffolk Teens
Suffolk Teensrriis
 
Ossiannilsson130311 openedweek
Ossiannilsson130311 openedweekOssiannilsson130311 openedweek
Ossiannilsson130311 openedweekEbba Ossiannilsson
 
Ossiannilsson mmvc15 the battle for innovation towards opening up education
Ossiannilsson mmvc15 the battle for innovation towards opening up educationOssiannilsson mmvc15 the battle for innovation towards opening up education
Ossiannilsson mmvc15 the battle for innovation towards opening up educationEbba Ossiannilsson
 
T2437 Mb Qa Final
T2437 Mb Qa FinalT2437 Mb Qa Final
T2437 Mb Qa Finalguest54dc1e
 
Project Part 2
Project Part 2Project Part 2
Project Part 2slmsaady
 
Listing A Property For Sale
Listing A Property For SaleListing A Property For Sale
Listing A Property For Saledarryllwhaley
 
Shot types
Shot typesShot types
Shot typesNINANC
 

Viewers also liked (20)

usability testing - usability metrics and wea
usability testing - usability metrics and weausability testing - usability metrics and wea
usability testing - usability metrics and wea
 
Responsive Design 101
Responsive Design 101Responsive Design 101
Responsive Design 101
 
Controls
ControlsControls
Controls
 
Visual hierarchy short lecture
Visual hierarchy short lectureVisual hierarchy short lecture
Visual hierarchy short lecture
 
Grid examples lab exercise
Grid examples lab exerciseGrid examples lab exercise
Grid examples lab exercise
 
Gestalt examples
Gestalt examplesGestalt examples
Gestalt examples
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt Psychology
 
Piranhas
PiranhasPiranhas
Piranhas
 
Ossiannilsson #ssmw littorin_3febr2015
Ossiannilsson #ssmw littorin_3febr2015Ossiannilsson #ssmw littorin_3febr2015
Ossiannilsson #ssmw littorin_3febr2015
 
Suffolk Teens
Suffolk TeensSuffolk Teens
Suffolk Teens
 
Session 15
Session 15Session 15
Session 15
 
Ossiannilsson130311 openedweek
Ossiannilsson130311 openedweekOssiannilsson130311 openedweek
Ossiannilsson130311 openedweek
 
Social changes
Social changes Social changes
Social changes
 
Ossiannilsson mmvc15 the battle for innovation towards opening up education
Ossiannilsson mmvc15 the battle for innovation towards opening up educationOssiannilsson mmvc15 the battle for innovation towards opening up education
Ossiannilsson mmvc15 the battle for innovation towards opening up education
 
T2437 Mb Qa Final
T2437 Mb Qa FinalT2437 Mb Qa Final
T2437 Mb Qa Final
 
Project Part 2
Project Part 2Project Part 2
Project Part 2
 
Listing A Property For Sale
Listing A Property For SaleListing A Property For Sale
Listing A Property For Sale
 
Shot types
Shot typesShot types
Shot types
 
Strumenti Web 2.0 per artigiani e PMI
Strumenti Web 2.0 per artigiani e PMIStrumenti Web 2.0 per artigiani e PMI
Strumenti Web 2.0 per artigiani e PMI
 
01 welcome
01 welcome01 welcome
01 welcome
 

More from Dr. V Vorvoreanu

DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDr. V Vorvoreanu
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordanceDr. V Vorvoreanu
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationDr. V Vorvoreanu
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX introDr. V Vorvoreanu
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recallDr. V Vorvoreanu
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocessDr. V Vorvoreanu
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesDr. V Vorvoreanu
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overviewDr. V Vorvoreanu
 
User research independent study
User research independent studyUser research independent study
User research independent studyDr. V Vorvoreanu
 
Final presentations guidelines cgt512
Final presentations guidelines cgt512 Final presentations guidelines cgt512
Final presentations guidelines cgt512 Dr. V Vorvoreanu
 

More from Dr. V Vorvoreanu (18)

Dia2 tues persona
Dia2 tues persona Dia2 tues persona
Dia2 tues persona
 
Dia2 sketches
Dia2 sketchesDia2 sketches
Dia2 sketches
 
DIA2 Design requirements presentation personas
DIA2 Design requirements presentation personasDIA2 Design requirements presentation personas
DIA2 Design requirements presentation personas
 
gestalt principles cats
gestalt principles catsgestalt principles cats
gestalt principles cats
 
07 principles 1 affordance
07 principles 1 affordance07 principles 1 affordance
07 principles 1 affordance
 
HCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentationHCDD for ASEE 2015 presentation
HCDD for ASEE 2015 presentation
 
Responsive design UX intro
Responsive design UX introResponsive design UX intro
Responsive design UX intro
 
Attention info scent recognition vs recall
Attention info scent recognition vs recallAttention info scent recognition vs recall
Attention info scent recognition vs recall
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
03 usability def designprocess
03 usability def designprocess03 usability def designprocess
03 usability def designprocess
 
Information architecture
Information architectureInformation architecture
Information architecture
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
UX user-centered design process overview
UX user-centered design process overviewUX user-centered design process overview
UX user-centered design process overview
 
Purdue MS degree CGT
Purdue MS degree CGTPurdue MS degree CGT
Purdue MS degree CGT
 
Personas scenarios
Personas scenariosPersonas scenarios
Personas scenarios
 
User research independent study
User research independent studyUser research independent study
User research independent study
 
03 bad usability kills
03 bad usability kills03 bad usability kills
03 bad usability kills
 
Final presentations guidelines cgt512
Final presentations guidelines cgt512 Final presentations guidelines cgt512
Final presentations guidelines cgt512
 

Visual hierarchy examples

  • 2. On each of the following examples, circle the elements that are visually prominent (that you see first). By annotating with a text box like this Then, explain what technique was used to make each element prominent (e.g. color, size, alignment, etc.)