SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

En vedette

Csr Provisional Spurgeon Taylor
Csr Provisional Spurgeon TaylorCsr Provisional Spurgeon Taylor
Csr Provisional Spurgeon Taylorguest22ced6
 
Gonosz IkertestvéRek
Gonosz IkertestvéRekGonosz IkertestvéRek
Gonosz IkertestvéRekC4M7SX
 
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 expertiseVoodooLabs
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1Mahanns
 

En vedette (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
 

Similaire à 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 DesignSayed Minhal
 
Grid User ability test results
Grid User ability test resultsGrid User ability test results
Grid User ability test resultsAaron Lu
 
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 workMITCPS
 
User Experience Documentation - Lime.com
User Experience Documentation - Lime.comUser Experience Documentation - Lime.com
User Experience Documentation - Lime.comMark Waldo
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility ToolsGraham Armfield
 
Edge903 Project
Edge903 ProjectEdge903 Project
Edge903 Projectxyz01
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonGraham Armfield
 
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008Denise Jacobs
 
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)Jennifer Romano Bergstrom
 

Similaire à Week2: Interface Design Guidelines - Zachary White (11)

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)
 

Dernier

Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 

Dernier (20)

TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 

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