SlideShare ist ein Scribd-Unternehmen logo
1 von 10
USER INTERFACE DESIGN GUIDELINES FOR
CONSISTENCY It is not hard to recognize if you  navigate away from their site because of the use  circles  and the  colors  gray and green all throughout. Not to mention the uniform look of their  icons week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
SIMPLICITY Given the large amount and complex flow of information the  numerous clickable menus  give the user  ease in browsing week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
MEMORY There is a constant  reminder of what section you are in  and exactly what you are browsing through. The icons provide easy  recognition of what lies beyond the link Human Limitations week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
DIRECTNESS Cognitive If not for the  arrows  on either side of the scrolling area, it will not be easy to recognize the way to navigate the page week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
ATTENTION You are not given a hard time reading because of the limited and similar fonts used. You know that you are still in the same website because of the same colors used even if you go to different sections. week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
FEEDBACK The loading bar gives the user a visual representation of the information being downloaded. Status Indicator week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
FEEDBACK The highlighting or change of color tells you that you are on a clickable button Semantic week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
DISPLAY The  text  can be read easily because it is  placed on solid colors  not disrupted by any extra visual. The part highlighted in red slides into view when you click on “search”. It shares the  same height  as the original page Issues week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8
DIFFERENCES Individual The user is given the freedom to choose the way he views the icons on the page he is browsing week2: guidelines for user interface design //  Zachary White • AUTHOR1 DMA8

Weitere ähnliche Inhalte

Andere mochten auch (7)

Csr Provisional Spurgeon Taylor
Csr Provisional Spurgeon TaylorCsr Provisional Spurgeon Taylor
Csr Provisional Spurgeon Taylor
 
Gonosz IkertestvéRek
Gonosz IkertestvéRekGonosz IkertestvéRek
Gonosz IkertestvéRek
 
Tei2
Tei2Tei2
Tei2
 
Voice Mashups: Telephony power without telephony expertise
Voice Mashups:  Telephony power without telephony expertiseVoice Mashups:  Telephony power without telephony expertise
Voice Mashups: Telephony power without telephony expertise
 
Plc 2008 Intro
Plc 2008 IntroPlc 2008 Intro
Plc 2008 Intro
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Test
TestTest
Test
 

Ähnlich wie Week2: Interface Design Guidelines - Zachary White

Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful Design
Sayed Minhal
 
Grid User ability test results
Grid User ability test resultsGrid User ability test results
Grid User ability test results
Aaron Lu
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Project
xyz01
 

Ähnlich wie Week2: Interface Design Guidelines - Zachary White (12)

UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGNUNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
UNIT III NAVIGATION AND LAYOUT- 22CDT42-USER INTERFACE DESIGN
 
Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful Design
 
Grid User ability test results
Grid User ability test resultsGrid User ability test results
Grid User ability test results
 
User Centered Design: A practical toolkit for making sites that work
User Centered Design: A practical toolkit for making sites that workUser Centered Design: A practical toolkit for making sites that work
User Centered Design: A practical toolkit for making sites that work
 
User Experience Documentation - Lime.com
User Experience Documentation - Lime.comUser Experience Documentation - Lime.com
User Experience Documentation - Lime.com
 
Web design and development
Web design and developmentWeb design and development
Web design and development
 
Spec by Role
Spec by RoleSpec by Role
Spec by Role
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility Tools
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Project
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp Brighton
 
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
 
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
Unifying the UX of a Survey Across Multiple Devices (MoDevEast 2013)
 

Kürzlich hochgeladen

SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
Peter Brusilovsky
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
heathfieldcps1
 

Kürzlich hochgeladen (20)

Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"Mattingly "AI and Prompt Design: LLMs with NER"
Mattingly "AI and Prompt Design: LLMs with NER"
 
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...When Quality Assurance Meets Innovation in Higher Education - Report launch w...
When Quality Assurance Meets Innovation in Higher Education - Report launch w...
 
SPLICE Working Group: Reusable Code Examples
SPLICE Working Group:Reusable Code ExamplesSPLICE Working Group:Reusable Code Examples
SPLICE Working Group: Reusable Code Examples
 
ANTI PARKISON DRUGS.pptx
ANTI         PARKISON          DRUGS.pptxANTI         PARKISON          DRUGS.pptx
ANTI PARKISON DRUGS.pptx
 
How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17How To Create Editable Tree View in Odoo 17
How To Create Editable Tree View in Odoo 17
 
Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"Mattingly "AI & Prompt Design: Named Entity Recognition"
Mattingly "AI & Prompt Design: Named Entity Recognition"
 
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community PartnershipsSpring gala 2024 photo slideshow - Celebrating School-Community Partnerships
Spring gala 2024 photo slideshow - Celebrating School-Community Partnerships
 
male presentation...pdf.................
male presentation...pdf.................male presentation...pdf.................
male presentation...pdf.................
 
Including Mental Health Support in Project Delivery, 14 May.pdf
Including Mental Health Support in Project Delivery, 14 May.pdfIncluding Mental Health Support in Project Delivery, 14 May.pdf
Including Mental Health Support in Project Delivery, 14 May.pdf
 
An Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge AppAn Overview of the Odoo 17 Knowledge App
An Overview of the Odoo 17 Knowledge App
 
MOOD STABLIZERS DRUGS.pptx
MOOD     STABLIZERS           DRUGS.pptxMOOD     STABLIZERS           DRUGS.pptx
MOOD STABLIZERS DRUGS.pptx
 
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
Basic Civil Engineering notes on Transportation Engineering, Modes of Transpo...
 
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptxAnalyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
Analyzing and resolving a communication crisis in Dhaka textiles LTD.pptx
 
Sternal Fractures & Dislocations - EMGuidewire Radiology Reading Room
Sternal Fractures & Dislocations - EMGuidewire Radiology Reading RoomSternal Fractures & Dislocations - EMGuidewire Radiology Reading Room
Sternal Fractures & Dislocations - EMGuidewire Radiology Reading Room
 
Mattingly "AI and Prompt Design: LLMs with Text Classification and Open Source"
Mattingly "AI and Prompt Design: LLMs with Text Classification and Open Source"Mattingly "AI and Prompt Design: LLMs with Text Classification and Open Source"
Mattingly "AI and Prompt Design: LLMs with Text Classification and Open Source"
 
Improved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio AppImproved Approval Flow in Odoo 17 Studio App
Improved Approval Flow in Odoo 17 Studio App
 
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
 
8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management8 Tips for Effective Working Capital Management
8 Tips for Effective Working Capital Management
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
 
e-Sealing at EADTU by Kamakshi Rajagopal
e-Sealing at EADTU by Kamakshi Rajagopale-Sealing at EADTU by Kamakshi Rajagopal
e-Sealing at EADTU by Kamakshi Rajagopal
 

Week2: Interface Design Guidelines - Zachary White

  • 1. USER INTERFACE DESIGN GUIDELINES FOR
  • 2. CONSISTENCY It is not hard to recognize if you navigate away from their site because of the use circles and the colors gray and green all throughout. Not to mention the uniform look of their icons week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 3. SIMPLICITY Given the large amount and complex flow of information the numerous clickable menus give the user ease in browsing week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 4. MEMORY There is a constant reminder of what section you are in and exactly what you are browsing through. The icons provide easy recognition of what lies beyond the link Human Limitations week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 5. DIRECTNESS Cognitive If not for the arrows on either side of the scrolling area, it will not be easy to recognize the way to navigate the page week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 6. ATTENTION You are not given a hard time reading because of the limited and similar fonts used. You know that you are still in the same website because of the same colors used even if you go to different sections. week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 7. FEEDBACK The loading bar gives the user a visual representation of the information being downloaded. Status Indicator week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 8. FEEDBACK The highlighting or change of color tells you that you are on a clickable button Semantic week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 9. DISPLAY The text can be read easily because it is placed on solid colors not disrupted by any extra visual. The part highlighted in red slides into view when you click on “search”. It shares the same height as the original page Issues week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8
  • 10. DIFFERENCES Individual The user is given the freedom to choose the way he views the icons on the page he is browsing week2: guidelines for user interface design // Zachary White • AUTHOR1 DMA8