SlideShare une entreprise Scribd logo
1  sur  10
This is a “Don’t Make Me
  Think” career search
          journey
First look for the following simple rules for
               good UX design


•   Clear visual hierarchy on each page
•   Use conventions (headlines) because they insight familiarity
•   Break pages up into clearly defined areas
•   Minimal noise
•   Identify which areas are for what
•   Nest/Group things so that you can tell what is part of what
•   Relate elements in a visually logical way
Vertical Analysis of monster.com




•
And monster.com
Where am I?   Where should I begin?    Why did they call it that?      What’s important on this page?
              Where did they put __?                      Why did they call it that?
Vertical Analysis of usajobs.gov
Final Thoughts


 Consider Relationships
 1.
 Between content and shapes
 2.
 Between content and fonts
 3.
 Between content and colors

 Paul Rand Quotes

“The design is the product of your thinking”
“Design is the relationship between form and content”
“The process of designing is from complexity to simplicity”

Contenu connexe

Similaire à Ux vertical analysis

Similaire à Ux vertical analysis (20)

Decrap Your Application
Decrap Your ApplicationDecrap Your Application
Decrap Your Application
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me think
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me think
 
Intro to Web Design
Intro to Web DesignIntro to Web Design
Intro to Web Design
 
Collaborative Exercises for Digital Design 3/7/18
Collaborative Exercises for Digital Design 3/7/18Collaborative Exercises for Digital Design 3/7/18
Collaborative Exercises for Digital Design 3/7/18
 
Design principles for websites part 1
Design principles for websites part 1Design principles for websites part 1
Design principles for websites part 1
 
Design perception-principles
Design perception-principlesDesign perception-principles
Design perception-principles
 
Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16
 
Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 6/24/17Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 6/24/17
 
Intro to Wireframing, HCD & Design Thinking
Intro to Wireframing, HCD & Design ThinkingIntro to Wireframing, HCD & Design Thinking
Intro to Wireframing, HCD & Design Thinking
 
Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16
 
Introduction to Information Architecture & Design - 2/13/16
Introduction to Information Architecture & Design - 2/13/16Introduction to Information Architecture & Design - 2/13/16
Introduction to Information Architecture & Design - 2/13/16
 
Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15
 
Building successful research collaboration
Building successful research collaborationBuilding successful research collaboration
Building successful research collaboration
 
Introduction to Information Architecture & Design - 10/03/15
Introduction to Information Architecture & Design - 10/03/15Introduction to Information Architecture & Design - 10/03/15
Introduction to Information Architecture & Design - 10/03/15
 
Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19Introduction to User Experience Design 04/27/19
Introduction to User Experience Design 04/27/19
 
Ux gsg
Ux gsgUx gsg
Ux gsg
 
Introduction to Information Architecture & Design - 6/20/15
Introduction to Information Architecture & Design - 6/20/15Introduction to Information Architecture & Design - 6/20/15
Introduction to Information Architecture & Design - 6/20/15
 
Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14
 

Plus de AngelaBond

Thesis week 3 update
Thesis week 3 updateThesis week 3 update
Thesis week 3 update
AngelaBond
 
Thesis week 2 progress
Thesis week 2 progressThesis week 2 progress
Thesis week 2 progress
AngelaBond
 
Bike Orchestra Week 3 Update
Bike Orchestra Week 3 UpdateBike Orchestra Week 3 Update
Bike Orchestra Week 3 Update
AngelaBond
 
Unicef Public Health Overview: Northern Uganda
Unicef Public Health Overview: Northern UgandaUnicef Public Health Overview: Northern Uganda
Unicef Public Health Overview: Northern Uganda
AngelaBond
 
Da Vinci Code Drawings
Da Vinci Code DrawingsDa Vinci Code Drawings
Da Vinci Code Drawings
AngelaBond
 
IRC RESCUE radio, 2nd Iteration
IRC RESCUE radio, 2nd Iteration IRC RESCUE radio, 2nd Iteration
IRC RESCUE radio, 2nd Iteration
AngelaBond
 
IRC RESCUE radio
IRC RESCUE radioIRC RESCUE radio
IRC RESCUE radio
AngelaBond
 
Angela bond cv march 2012
Angela bond cv march 2012Angela bond cv march 2012
Angela bond cv march 2012
AngelaBond
 
Storyboard 5.jpeg
Storyboard 5.jpegStoryboard 5.jpeg
Storyboard 5.jpeg
AngelaBond
 
Storyboard 4.jpeg
Storyboard 4.jpegStoryboard 4.jpeg
Storyboard 4.jpeg
AngelaBond
 
Storyboard 3.jpeg
Storyboard 3.jpegStoryboard 3.jpeg
Storyboard 3.jpeg
AngelaBond
 
Storyboard 2.jpeg
Storyboard 2.jpegStoryboard 2.jpeg
Storyboard 2.jpeg
AngelaBond
 
Storyboard 1.jpeg
Storyboard 1.jpegStoryboard 1.jpeg
Storyboard 1.jpeg
AngelaBond
 
Storyboard 6.jpeg
Storyboard 6.jpegStoryboard 6.jpeg
Storyboard 6.jpeg
AngelaBond
 

Plus de AngelaBond (18)

Thesis week 3 update
Thesis week 3 updateThesis week 3 update
Thesis week 3 update
 
Thesis week 2 progress
Thesis week 2 progressThesis week 2 progress
Thesis week 2 progress
 
Bike Orchestra Week 3 Update
Bike Orchestra Week 3 UpdateBike Orchestra Week 3 Update
Bike Orchestra Week 3 Update
 
Bike name
Bike nameBike name
Bike name
 
Unicef Public Health Overview: Northern Uganda
Unicef Public Health Overview: Northern UgandaUnicef Public Health Overview: Northern Uganda
Unicef Public Health Overview: Northern Uganda
 
Core Village
Core VillageCore Village
Core Village
 
Da Vinci Code Drawings
Da Vinci Code DrawingsDa Vinci Code Drawings
Da Vinci Code Drawings
 
IRC RESCUE radio, 2nd Iteration
IRC RESCUE radio, 2nd Iteration IRC RESCUE radio, 2nd Iteration
IRC RESCUE radio, 2nd Iteration
 
IRC RESCUE radio
IRC RESCUE radioIRC RESCUE radio
IRC RESCUE radio
 
Resume
Resume Resume
Resume
 
Angela bond cv march 2012
Angela bond cv march 2012Angela bond cv march 2012
Angela bond cv march 2012
 
Interpretation of Da Vinci's The Study of Hands
Interpretation of Da Vinci's The Study of HandsInterpretation of Da Vinci's The Study of Hands
Interpretation of Da Vinci's The Study of Hands
 
Storyboard 5.jpeg
Storyboard 5.jpegStoryboard 5.jpeg
Storyboard 5.jpeg
 
Storyboard 4.jpeg
Storyboard 4.jpegStoryboard 4.jpeg
Storyboard 4.jpeg
 
Storyboard 3.jpeg
Storyboard 3.jpegStoryboard 3.jpeg
Storyboard 3.jpeg
 
Storyboard 2.jpeg
Storyboard 2.jpegStoryboard 2.jpeg
Storyboard 2.jpeg
 
Storyboard 1.jpeg
Storyboard 1.jpegStoryboard 1.jpeg
Storyboard 1.jpeg
 
Storyboard 6.jpeg
Storyboard 6.jpegStoryboard 6.jpeg
Storyboard 6.jpeg
 

Dernier

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Dernier (20)

Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 

Ux vertical analysis

  • 1. This is a “Don’t Make Me Think” career search journey
  • 2. First look for the following simple rules for good UX design • Clear visual hierarchy on each page • Use conventions (headlines) because they insight familiarity • Break pages up into clearly defined areas • Minimal noise • Identify which areas are for what • Nest/Group things so that you can tell what is part of what • Relate elements in a visually logical way
  • 3. Vertical Analysis of monster.com •
  • 5. Where am I? Where should I begin? Why did they call it that? What’s important on this page? Where did they put __? Why did they call it that?
  • 6.
  • 7. Vertical Analysis of usajobs.gov
  • 8.
  • 9.
  • 10. Final Thoughts Consider Relationships 1. Between content and shapes 2. Between content and fonts 3. Between content and colors Paul Rand Quotes “The design is the product of your thinking” “Design is the relationship between form and content” “The process of designing is from complexity to simplicity”

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n