Download - Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)
![Page 1: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/1.jpg)
Justin Mifsud
Practical Usability Guidelines For Your Website
![Page 2: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/2.jpg)
About Me
Personal
Justin Mifsud
Core expertise: Usability, User Experience (UX), User Interface Design, Marketing
Education
Marketing Graduate with the Chartered Institute of Marketing (UK)
BSc (Hons) Computing & Information Systems (Goldsmiths, University of London)
Occupation
Head of Marketing at Holistic Group
Usability Blog – www.usabilitygeek.com
Justin Mifsud - Practical Usability Guidelines for your Website Page 2
![Page 3: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/3.jpg)
What is Web Site Usability?
“The ease with which users learn to use a web
site, how efficient they are when using it, how
easy it is for them to remember how to use it
and how satisfied they are when they use it “
(Nielsen & Loranger, 2006)
Justin Mifsud - Practical Usability Guidelines for your Website Page 3
![Page 4: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/4.jpg)
Why is Usability Important for My Site?
Justin Mifsud - Practical Usability Guidelines for your Website Page 4
Users Achieving Goals (Theirs & Company)
Inc. Customer Satisfaction, Retention & Loyalty
Importance inc. In Competitive Environments
83% Avg. Improvement in KPI after Usability Redesign
![Page 5: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/5.jpg)
The Benefits are Obvious ….but
90% of all websites ...or approximately
331million websites have poor
usability (as at December 2011)
97% of top 100 websites from 20
countries did not achieve Single-A
accessibility
Justin Mifsud - Practical Usability Guidelines for your Website Page 5
![Page 6: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/6.jpg)
Luckily for us, we have Guidelines
Used for Usability Inspection Methods – to
identify usability violations
Based on extensive studies
from various fields
Adherence to usability guidelines effectively
improves website usability
Justin Mifsud - Practical Usability Guidelines for your Website Page 6
![Page 7: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/7.jpg)
What are the Main Usability Problems?
Justin Mifsud - Practical Usability Guidelines for your Website Page 7
1. Findability (27%)
2. Information (19%)
3. Search (15%)
4. Page Design (7%)
Total = 68% of all Usability Problems
![Page 8: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/8.jpg)
1. Findability
Justin Mifsud - Practical Usability Guidelines for your Website Page 8
Information
Architectu
re
Category Names
Navigation
Links
Findability
How easily users can locate the content they are looking for
![Page 9: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/9.jpg)
1. Findability violations
Justin Mifsud - Practical Usability Guidelines for your Website Page 9
No Info Scent Mysterious Navigation Clutter
Multi-level menus
![Page 10: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/10.jpg)
2. Information
Justin Mifsud - Practical Usability Guidelines for your Website Page 10
Content Product
Information
Corporate Information
Prices
Information
Text, images and other media presented on your website
![Page 11: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/11.jpg)
2. Information Violations
Justin Mifsud - Practical Usability Guidelines for your Website Page 11
![Page 12: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/12.jpg)
3. Search
Justin Mifsud - Practical Usability Guidelines for your Website Page 12
18.2 billion monthly searches using Search Engines in the U.S. alone
Users expect your search interface to look like and
behave like that of major Search Engines!
=
![Page 13: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/13.jpg)
3. Search Usability Guidelines
Justin Mifsud - Practical Usability Guidelines for your Website Page 13
Search
Textbox & Button
Top Right Hand Corner
Present on All Pages
Not a Search Link
20 Char Textbox
Textbox Must Be Empty
Button Must be Called Search
Search Site but Not Outside
![Page 14: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/14.jpg)
3. Search
Justin Mifsud - Practical Usability Guidelines for your Website Page 14
BAD
GOOD
![Page 15: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/15.jpg)
4. Page Design
Justin Mifsud - Practical Usability Guidelines for your Website Page 15
Page Design
Readability
Layout
ScrollingAmateur
Graphics
The User
Interface (UI) of
your Website
![Page 16: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/16.jpg)
4. Page Design
GOOD
Justin Mifsud - Practical Usability Guidelines for your Website Page 16
BAD
![Page 17: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/17.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 17
![Page 18: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/18.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 18
Logo Positioning
![Page 19: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/19.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 19
Logo Positioning
No Search?
![Page 20: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/20.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 20
Logo Positioning
No Search?Menu Disappearing
![Page 21: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/21.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 21
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
![Page 22: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/22.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 22
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
Low Contrast Text
![Page 23: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/23.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 23
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
Low Contrast Text
Too much importance
![Page 24: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/24.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 24
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
Low Contrast Text
Too much importance
Bad convention for links
![Page 25: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/25.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 25
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
Low Contrast Text
Too much importance
Bad convention for linksUtility Navigation badly placed
![Page 26: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/26.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 26
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
Low Contrast Text
Too much importance
Bad convention for linksUtility Navigation badly placed
Too Large
![Page 27: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/27.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 27
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
Low Contrast Text
Too much importance
Bad convention for linksUtility Navigation badly placed
Too Large F
LASH
![Page 28: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/28.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 28
1024 x 768 (14% Still use it!)
RESOLUTION
![Page 29: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/29.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 29
1024 x 768 (14% Still use it!)
RESOLUTION BROWSER RENDERING
I’d Rather Avoid This!
![Page 30: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/30.jpg)
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 30
iPhone iPad
DEVICES
![Page 31: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/31.jpg)
Where Do We Go From Here?
Justin Mifsud - Practical Usability Guidelines for your Website Page 31
Books, Blogs, Journals
Social Networking Sites – Twitter, LinkedIn
Conferences
Malta Usability & User Experience Group
![Page 32: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/32.jpg)
Justin Mifsud - Practical Usability Guidelines for your Website Page 32
My Blog - UsabilityGeek
![Page 33: Practical Usability Guidelines For Your Website (An Evening Of Web Usability - 7th Feb 2012 - Malta)](https://reader035.vdocument.in/reader035/viewer/2022062702/554b49acb4c905ff268b528c/html5/thumbnails/33.jpg)
Thanks For Your Attendance!
Justin Mifsud - Practical Usability Guidelines for your Website Page 33
@justinmifsud
http://mt.linkedin.com/in/justinmifsud
http://usabilitygeek.com