practical usability guidelines for your website (an evening of web usability - 7th feb 2012 - malta)
Post on 07-May-2015
1.877 Views
Preview:
DESCRIPTION
TRANSCRIPT
Justin Mifsud
Practical Usability Guidelines For Your Website
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
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
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
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
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
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
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
1. Findability violations
Justin Mifsud - Practical Usability Guidelines for your Website Page 9
No Info Scent Mysterious Navigation Clutter
Multi-level menus
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
2. Information Violations
Justin Mifsud - Practical Usability Guidelines for your Website Page 11
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!
=
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
3. Search
Justin Mifsud - Practical Usability Guidelines for your Website Page 14
BAD
GOOD
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
4. Page Design
GOOD
Justin Mifsud - Practical Usability Guidelines for your Website Page 16
BAD
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 17
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 18
Logo Positioning
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 19
Logo Positioning
No Search?
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 20
Logo Positioning
No Search?Menu Disappearing
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 21
Logo Positioning
No Search?Menu Disappearing
POPUPS !!!Seriously??
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
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
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
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
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
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
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 28
1024 x 768 (14% Still use it!)
RESOLUTION
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!
Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 30
iPhone iPad
DEVICES
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
Justin Mifsud - Practical Usability Guidelines for your Website Page 32
My Blog - UsabilityGeek
Thanks For Your Attendance!
Justin Mifsud - Practical Usability Guidelines for your Website Page 33
info@usabilitygeek.com
@justinmifsud
http://mt.linkedin.com/in/justinmifsud
http://usabilitygeek.com
top related