Дульнявка Іван Web usability

1,746 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,746
On SlideShare
0
From Embeds
0
Number of Embeds
1,117
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Дульнявка Іван Web usability

  1. 1. Web UsabilityIvan Dulnyavkaivand@devcom.com
  2. 2. AudienceWebsite ownersWeb developers 2
  3. 3. Contents 1. What & Why? 2. Statistics 3. Web Usability 4. Mobile Web Usability 5. Useful links 6. Q&A 3
  4. 4. 1. What & Why? What is usability?Usability is the ease of use and learnabilityof a human-made object.Wikipedia 4
  5. 5. 1. What & Why? Why it’s so important? $Online shops lose ~50% of customers who just cannotfind a product~40% of customers never visit a website where theyhave experienced inconvenience or even frustration. 5
  6. 6. 1. What & Why? What can we do? $Spending 10% of your development budget on usabilityshould improve your conversion rate by 83%. Jakob Nielsen, 2008Each $1 invested in usability returns $10-100! 6
  7. 7. 1. What & Why? $ Website success is: B=V×C×L B = amount of business done by the site V = unique visitors coming to the site C = conversion rate (the percentage of visitors who become customers) L = loyalty rate (the degree to which customers return to conduct repeat business) 2000 – 2010 was the conversion decade, 2010 – 2020 will be the loyalty decade. 7
  8. 8. 2. Statistics 8 Source: Web Designer Online
  9. 9. 2. Statistics 9 Source: Web Designer Online
  10. 10. 2. Statistics 10 Source: Web Designer Online
  11. 11. 2. Statistics 11 Source: Web Designer Online
  12. 12. 2. Statistics 12 Source: Web Designer Online
  13. 13. 3. Web Usability What is usability? 13
  14. 14. 3. Web Usability 5 Usability Components 1. Learnability 2. Efficiency 3. Memorability 4. Errors 5. Satisfaction 14
  15. 15. 3. Web Usability €Good usability:• Increased users conversion and loyalty (=sales)Bad usability:• If user starts thinking hell leave the site 15
  16. 16. 3. Web Usability How to build site with good usability? 16
  17. 17. 3. Web Usability Define the target Who is this for? Design Build Test 17
  18. 18. 3. Web Usability25-point ChecklistAccessibility Rating Comments1. Site load‐time is reasonable2. Adequate text‐to‐background contrast3. Font size/spacing is easy to read4. Flash & add‐ons are used sparingly5. Images have appropriate ALT tags6. Site has custom not‐found/404 page 18
  19. 19. 3. Web Usability25-point ChecklistIdentity7. Company logo is prominently placed8. Tagline makes company’s purpose clear9. Home‐page is digestible in 5 seconds10. Clear path to company information11. Clear path to contact information 19
  20. 20. 3. Web Usability25-point ChecklistNavigation12. Main navigation is easily identifiable13. Navigation labels are clear & concise14. Number of buttons/links is reasonable15. Company logo is linked to home‐page16. Links are consistent & easy to identify17. Site search is easy to access 20
  21. 21. 3. Web Usability25-point ChecklistContent18. Major headings are clear & descriptive19. Critical content is above the “fold”20. Styles & colors are consistent21. Emphasis (bold, etc.) is used sparingly22. Ads & pop‐ups are unobtrusive23. Main copy is concise & explanatory24. URLs are meaningful & user‐friendly25. HTML page titles are explanatory 21
  22. 22. GoodHome page 22
  23. 23. BadHome page 23
  24. 24. GoodCategory 24
  25. 25. BadCategory 25
  26. 26. GoodProduct 26
  27. 27. BadProduct 27
  28. 28. BadMixed contentMissing headers 28
  29. 29. BadOvercomplicatedMenu 29
  30. 30. 3. Web UsabilityNeed more speed?Choose image type to use! 30
  31. 31. 3. Web UsabilityIf something went wrong...Don’t do this: 31
  32. 32. 4. Mobile Web UsabilityThe basics• Reduce the amount of content• Single column layouts work best• Present that navigation differently• Minimise text entry• Decide whether you need more than 1 mobile site• Design for touchscreen and non-touchscreen users• Take advantage of inbuilt functionality 32
  33. 33. 4. Mobile Web UsabilityMobile Web = Small screen vs 33
  34. 34. 5. Useful links• Global mobile statistics 2011• Jakob Nielsens Alertbox• Стив Круг. Веб-дизайн: или `не заставляйте меня думать!` Dont Make Me Think: A Common Sense Approach to Web Usability• Якоб Нильсен. Веб-дизайн Designing Web Usability. The Practice of Simplicity• 25‐point Website Usability Checklist• 113 правил Usability • 22 Essential Tools for Testing Your Website’s Usability• Google Page Speed Online 34
  35. 35. 6. Q&A 35
  36. 36. Contact :ivand@devcom.com

×