SlideShare una empresa de Scribd logo
1 de 22
Lecture 9: Usability Identifying the Good, the Bad and the Ugly. SFDV2001 Web Development
But first: Clickers You should all now have a clicker - a bright orange remote control. You are going to use these remote controls to answer questions in lectures. This means you can test your knowledge and we know when to spend more time on a concept. When I present a question, you aim your clicker at a receiver and press the button on the remote which corresponds to the answer you think is correct. Easy! Let’s try it.
What is usability? Usability is a quality used to refer to an interface’s ease of use.  Usability is about ensuring that something you create is usable. Usable not by you, but by the intended audience. Why should we care about usability? Because if you don’t people won’t want to use your site. Remember there are millions of other web sites to use and they are all just a few clicks away.
The San Jose Police Force installed a new dispatch system in its patrol cars. Officers claim the system is too complex and difficult to use.  A non-web example: Many of these “usability problems” are just old people not coping with technology. Younger people have no problems coping.  Right? Wrong!  Studies shows that teenagers are less web-savvy than their parents.
Accessibility is about measures you can take to make your pages easier to use for people with disabilities.  Usability is about enhancing the experience for all   users. Design is used rather openly with regard to web pages and people often really mean development (your textbook is a classic case).  Usability, accessibility, design… what’s the difference? Usability Accessibility Design Development
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Creating successful web pages depends on your ability to  critically  analyse  pages that you create and encounter.
When we click on a result from our query we normally don’t know what we will be confronted with.  One of the first questions we may ask ourselves upon arrival is:  What is this about? First Impressions: Often when we want to find information on the web, we use a search engine to find a list of sites that possibly contain the information we are looking for.  You should be able to look at the home page of any site and figure out what the site is about within four seconds. If you can't, your site has failed. - Vincent Flanders ( Web Pages that Suck )
[object Object],[object Object],Some examples: ,[object Object],[object Object],Those who don’t get it: Those who do get it:
A (very) few companies can get away with not being explicit: http://www.cocacola.com/ http://www.mcdonalds.com/ But it wouldn’t hurt for them to say who they are and what they do. A product or company may be familiar in one particular culture, but the potential audience for web pages is world wide.
Content Quality content is vital.  Your site needs to contain things of use or interest to those who visit. For repeat visitors you need to regularly provide fresh content. ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Appearance Problems
Backgrounds Flashing things Entrance pages Flash Intros Be careful with: Avoid: Music that starts up without warning Pop-up windows Required plug-ins
Anyone who slaps a 'this page is best viewed with Browser X' label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network. -Tim Berners-Lee in Technology Review, July 1996 “ The site is best viewed in Internet Explorer because I am too lazy  to test it in anything else.” “ We can not be bothered to validate our HTML or look at the page in another browser.” Browser requirements
Your pages will not look the same in every browser. But they can be usable in every browser.  [Change images as needed] The web isn’t like print
[object Object],[object Object],[object Object],[object Object],[object Object],Creation process Plan first and code later. Measure twice and cut once.
[object Object],[object Object],[object Object],[object Object],[object Object]
It's easy to make things difficult, but it's difficult to make things easy. Learn the rules so you know how to break them properly.   - Dali Lama
Recommended sites: Dey Alexander (user experience design specialist) http://www.deyalexander.com/ Jakob Nielsen’s website http://www.useit.com/ Vincent Flanders’ Web Pages That Suck http://www.webpagesthatsuck.com/ Further reading: Don’t Make Me Think  by Steve Krug Web Bloopers  by Jeff Johnson
 

Más contenido relacionado

La actualidad más candente

Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Matthew Mobbs
 
Girl develop It Orlando HTML Remix
Girl develop It Orlando HTML RemixGirl develop It Orlando HTML Remix
Girl develop It Orlando HTML RemixHolly Akers
 
Everyday computer tips
Everyday computer tipsEveryday computer tips
Everyday computer tipsHolly Akers
 
Quick Web Accessibility - Sensory Therapy Gardens Manual
Quick Web Accessibility - Sensory Therapy Gardens ManualQuick Web Accessibility - Sensory Therapy Gardens Manual
Quick Web Accessibility - Sensory Therapy Gardens ManualKlausGroenholm
 
Responsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for BeginnersResponsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for BeginnersBootstrap Creative
 
The power of accessibility (November, 2018)
The power of accessibility (November, 2018)The power of accessibility (November, 2018)
The power of accessibility (November, 2018)Rachel M. Carmena
 
Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)Aaron Gustafson
 
Thin Controllers Fat Models - How to Write Better Code
Thin Controllers Fat Models - How to Write Better CodeThin Controllers Fat Models - How to Write Better Code
Thin Controllers Fat Models - How to Write Better CodeDr. Syed Hassan Amin
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobileguestca744f
 
Publishing Your Family History to the Web - Version 2
Publishing Your Family History to the Web - Version 2Publishing Your Family History to the Web - Version 2
Publishing Your Family History to the Web - Version 2Teresa Pask
 
Ruining The User Experience (The Rich Web Experience '07)
Ruining The User Experience (The Rich Web Experience '07)Ruining The User Experience (The Rich Web Experience '07)
Ruining The User Experience (The Rich Web Experience '07)Aaron Gustafson
 
Intro To Bookmarking
Intro To BookmarkingIntro To Bookmarking
Intro To BookmarkingPat Bruinsma
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityRachel Cherry
 
Creating online learning resources for schools for uploading
Creating online learning resources for schools   for uploadingCreating online learning resources for schools   for uploading
Creating online learning resources for schools for uploadingMartin Bazley
 
Intro to Web Development from Bloc.io
Intro to Web Development from Bloc.ioIntro to Web Development from Bloc.io
Intro to Web Development from Bloc.ioDouglas Wright
 

La actualidad más candente (20)

Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010Web design 2 - Basic HTML 2010
Web design 2 - Basic HTML 2010
 
Girl develop It Orlando HTML Remix
Girl develop It Orlando HTML RemixGirl develop It Orlando HTML Remix
Girl develop It Orlando HTML Remix
 
Everyday computer tips
Everyday computer tipsEveryday computer tips
Everyday computer tips
 
Quick Web Accessibility - Sensory Therapy Gardens Manual
Quick Web Accessibility - Sensory Therapy Gardens ManualQuick Web Accessibility - Sensory Therapy Gardens Manual
Quick Web Accessibility - Sensory Therapy Gardens Manual
 
Responsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for BeginnersResponsive Web Design Tutorial PDF for Beginners
Responsive Web Design Tutorial PDF for Beginners
 
Creating a Webpage
Creating a WebpageCreating a Webpage
Creating a Webpage
 
The power of accessibility (November, 2018)
The power of accessibility (November, 2018)The power of accessibility (November, 2018)
The power of accessibility (November, 2018)
 
Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)
 
Thin Controllers Fat Models - How to Write Better Code
Thin Controllers Fat Models - How to Write Better CodeThin Controllers Fat Models - How to Write Better Code
Thin Controllers Fat Models - How to Write Better Code
 
Making The Most of Mobile
Making The Most of MobileMaking The Most of Mobile
Making The Most of Mobile
 
Publishing Your Family History to the Web - Version 2
Publishing Your Family History to the Web - Version 2Publishing Your Family History to the Web - Version 2
Publishing Your Family History to the Web - Version 2
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Ruining The User Experience (The Rich Web Experience '07)
Ruining The User Experience (The Rich Web Experience '07)Ruining The User Experience (The Rich Web Experience '07)
Ruining The User Experience (The Rich Web Experience '07)
 
Dopp xhtml tutorial
Dopp xhtml tutorialDopp xhtml tutorial
Dopp xhtml tutorial
 
Html class-01
Html class-01Html class-01
Html class-01
 
Intro To Bookmarking
Intro To BookmarkingIntro To Bookmarking
Intro To Bookmarking
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
Creating online learning resources for schools for uploading
Creating online learning resources for schools   for uploadingCreating online learning resources for schools   for uploading
Creating online learning resources for schools for uploading
 
Intro to Web Development from Bloc.io
Intro to Web Development from Bloc.ioIntro to Web Development from Bloc.io
Intro to Web Development from Bloc.io
 
Blogsandwikis
BlogsandwikisBlogsandwikis
Blogsandwikis
 

Destacado (15)

Lecture11 A Image
Lecture11 A ImageLecture11 A Image
Lecture11 A Image
 
Lecture 10 Image Format
Lecture 10  Image FormatLecture 10  Image Format
Lecture 10 Image Format
 
Lecture2 CSS 3
Lecture2   CSS 3Lecture2   CSS 3
Lecture2 CSS 3
 
Lecture 8 Video
Lecture 8 VideoLecture 8 Video
Lecture 8 Video
 
Navigation1 A
Navigation1 ANavigation1 A
Navigation1 A
 
Lecture2 CSS1
Lecture2  CSS1Lecture2  CSS1
Lecture2 CSS1
 
Lecture 5 XML
Lecture 5  XMLLecture 5  XML
Lecture 5 XML
 
Lecture 11 B Security
Lecture 11 B SecurityLecture 11 B Security
Lecture 11 B Security
 
Problem frames
Problem framesProblem frames
Problem frames
 
Bending
BendingBending
Bending
 
Ethical decision making
Ethical decision makingEthical decision making
Ethical decision making
 
3.1 structure analysis and design note.
3.1 structure analysis and design note.3.1 structure analysis and design note.
3.1 structure analysis and design note.
 
Lecture 9 ethical decision making
Lecture 9 ethical decision makingLecture 9 ethical decision making
Lecture 9 ethical decision making
 
Ethical Decision Making Process
Ethical Decision Making ProcessEthical Decision Making Process
Ethical Decision Making Process
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
 

Similar a SFDV2001 Lecture 9 Usability Identifying Good Bad Ugly

Week 4 - A User Centred Design
Week 4 -  A User Centred DesignWeek 4 -  A User Centred Design
Week 4 - A User Centred DesignGraeme Smith
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersEuropeana Newspapers
 
Many people can intuitively categorize a website as good or bad,.docx
Many people can intuitively categorize a website as good or bad,.docxMany people can intuitively categorize a website as good or bad,.docx
Many people can intuitively categorize a website as good or bad,.docxhealdkathaleen
 
Jane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane Clark
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeEric Sembrat
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Designsirferds
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their inputRandy Earl
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignChristy Van Heugten
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web AppPixel Crayons
 
The quick guide to landing page design
The quick guide to landing page designThe quick guide to landing page design
The quick guide to landing page designMd.Waled Bin Rafiq
 
9 worst practices in ux design
9 worst practices in ux design9 worst practices in ux design
9 worst practices in ux designSachin Khatiwoda
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web designFitra Sani
 

Similar a SFDV2001 Lecture 9 Usability Identifying Good Bad Ugly (20)

Week 4 - A User Centred Design
Week 4 -  A User Centred DesignWeek 4 -  A User Centred Design
Week 4 - A User Centred Design
 
Principles of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic NewspapersPrinciples of Usability Testing For Historic Newspapers
Principles of Usability Testing For Historic Newspapers
 
Many people can intuitively categorize a website as good or bad,.docx
Many people can intuitively categorize a website as good or bad,.docxMany people can intuitively categorize a website as good or bad,.docx
Many people can intuitively categorize a website as good or bad,.docx
 
Jane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_webJane_clark_pres2016_FUP_web
Jane_clark_pres2016_FUP_web
 
November 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to MeNovember 2016 - ECN - You're Speaking Drupalese to Me
November 2016 - ECN - You're Speaking Drupalese to Me
 
10 Principles Of Effective Web Design
10 Principles Of Effective Web Design10 Principles Of Effective Web Design
10 Principles Of Effective Web Design
 
"Open" includes users - Leverage their input
"Open" includes users - Leverage their input"Open" includes users - Leverage their input
"Open" includes users - Leverage their input
 
Java Unit 5(part 1)
Java Unit 5(part 1)Java Unit 5(part 1)
Java Unit 5(part 1)
 
Adding Curb Appeal: Website Redesign
Adding Curb Appeal: Website RedesignAdding Curb Appeal: Website Redesign
Adding Curb Appeal: Website Redesign
 
Auditing Your Website for Usability Issues
Auditing Your Website for Usability IssuesAuditing Your Website for Usability Issues
Auditing Your Website for Usability Issues
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App
 
Web Usability July 2011
Web Usability July 2011Web Usability July 2011
Web Usability July 2011
 
20 Website 'Must Haves'
20 Website 'Must Haves'20 Website 'Must Haves'
20 Website 'Must Haves'
 
The quick guide to landing page design
The quick guide to landing page designThe quick guide to landing page design
The quick guide to landing page design
 
Key Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdfKey Steps To Building A Great Small Business Website.pdf
Key Steps To Building A Great Small Business Website.pdf
 
9 worst practices in ux design
9 worst practices in ux design9 worst practices in ux design
9 worst practices in ux design
 
Web engineering lecture 5
Web engineering lecture 5Web engineering lecture 5
Web engineering lecture 5
 
Usability 101
Usability 101Usability 101
Usability 101
 
15 Ways To Improve Your Website's Conversion Rate
15 Ways To Improve Your Website's Conversion Rate15 Ways To Improve Your Website's Conversion Rate
15 Ways To Improve Your Website's Conversion Rate
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
 

Último

Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
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
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
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
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 

Último (20)

Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
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
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
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
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
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
 

SFDV2001 Lecture 9 Usability Identifying Good Bad Ugly

  • 1. Lecture 9: Usability Identifying the Good, the Bad and the Ugly. SFDV2001 Web Development
  • 2. But first: Clickers You should all now have a clicker - a bright orange remote control. You are going to use these remote controls to answer questions in lectures. This means you can test your knowledge and we know when to spend more time on a concept. When I present a question, you aim your clicker at a receiver and press the button on the remote which corresponds to the answer you think is correct. Easy! Let’s try it.
  • 3. What is usability? Usability is a quality used to refer to an interface’s ease of use. Usability is about ensuring that something you create is usable. Usable not by you, but by the intended audience. Why should we care about usability? Because if you don’t people won’t want to use your site. Remember there are millions of other web sites to use and they are all just a few clicks away.
  • 4. The San Jose Police Force installed a new dispatch system in its patrol cars. Officers claim the system is too complex and difficult to use. A non-web example: Many of these “usability problems” are just old people not coping with technology. Younger people have no problems coping. Right? Wrong! Studies shows that teenagers are less web-savvy than their parents.
  • 5. Accessibility is about measures you can take to make your pages easier to use for people with disabilities. Usability is about enhancing the experience for all users. Design is used rather openly with regard to web pages and people often really mean development (your textbook is a classic case). Usability, accessibility, design… what’s the difference? Usability Accessibility Design Development
  • 6.
  • 7. When we click on a result from our query we normally don’t know what we will be confronted with. One of the first questions we may ask ourselves upon arrival is: What is this about? First Impressions: Often when we want to find information on the web, we use a search engine to find a list of sites that possibly contain the information we are looking for. You should be able to look at the home page of any site and figure out what the site is about within four seconds. If you can't, your site has failed. - Vincent Flanders ( Web Pages that Suck )
  • 8.
  • 9. A (very) few companies can get away with not being explicit: http://www.cocacola.com/ http://www.mcdonalds.com/ But it wouldn’t hurt for them to say who they are and what they do. A product or company may be familiar in one particular culture, but the potential audience for web pages is world wide.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Backgrounds Flashing things Entrance pages Flash Intros Be careful with: Avoid: Music that starts up without warning Pop-up windows Required plug-ins
  • 16. Anyone who slaps a 'this page is best viewed with Browser X' label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network. -Tim Berners-Lee in Technology Review, July 1996 “ The site is best viewed in Internet Explorer because I am too lazy  to test it in anything else.” “ We can not be bothered to validate our HTML or look at the page in another browser.” Browser requirements
  • 17. Your pages will not look the same in every browser. But they can be usable in every browser. [Change images as needed] The web isn’t like print
  • 18.
  • 19.
  • 20. It's easy to make things difficult, but it's difficult to make things easy. Learn the rules so you know how to break them properly. - Dali Lama
  • 21. Recommended sites: Dey Alexander (user experience design specialist) http://www.deyalexander.com/ Jakob Nielsen’s website http://www.useit.com/ Vincent Flanders’ Web Pages That Suck http://www.webpagesthatsuck.com/ Further reading: Don’t Make Me Think by Steve Krug Web Bloopers by Jeff Johnson
  • 22.  

Notas del editor

  1. Project 1 (and project 2) application of these concepts is very Important.
  2. From The New York Times: One officer commented on the new process of calling for backup: “ Do you think that if you’re hunkered down and someone’s shooting at you in your car, you’re going to be able to sit there and look for Control or Alt or Function?” The users of the new system say they weren’t consulted about it’s design. Two studies by the Nielsen Norman Group. One with adults, one with teens (13-17). Participants of both studies were assigned tasks to complete at 23 web sites of well-known companies. Teens completed these tasks 55% of the time. Adults completed 66% of the time. Teens didn’t cope as well because their reading and research skills are poorer and lack perseverance by comparison to the adult participants.
  3. Development - Coding, technical construction. In many respects the “easy bit”. You can be completely devoid of usability, accessibility and design skills amd still be a competent developer. Design - considering aesthetic , functional and many other aspects of an object.
  4. Rules for personal sites are generally laxer but if you are working on something purely for your use, why publish it on the web? The act of placing something on the web invites an audience. Personal web sites can be read by potential employers. Commercial sites need to care about usability most - their viability relies on their ability to attract customers. Clubs and societies may have a reasonably limited audience and may wish to tailor their content to members.
  5. Tip: Hold your breath while you page loads.
  6. Coca-cola - The Gods Must Be Crazy (1980): A Sho in the Kalahari desert encounters technology for the first time--in the shape of a Coke bottle. He takes it back to his people, and they use it for many tasks. The people start to fight over it, so he decides to return it to the God--where he thinks it came from.
  7. What’s the point of putting content on the web? To inform To advertise something To sell something To display your artistic ability To mislead
  8. Not including a title/leaving the default title, is a very common bad habit. Do a search for allintitle: untitled document in Google. Titles used as default bookmark text by many browsers.
  9. Do parts of a site contradict each other? Dunedin SPCA hides it’s open hours. The Art Gallery maybe doesn’t really make it obvious enough. The Public Library gives what we’d expect.
  10. Provide on/off controls for music.
  11. Clicker questions to follow.
  12. Clicker Question