Your SlideShare is downloading. ×
Дульнявка Іван Web usability
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,554
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,554
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Web UsabilityIvan Dulnyavkaivand@devcom.com
  • 2. AudienceWebsite ownersWeb developers 2
  • 3. Contents 1. What & Why? 2. Statistics 3. Web Usability 4. Mobile Web Usability 5. Useful links 6. Q&A 3
  • 4. 1. What & Why? What is usability?Usability is the ease of use and learnabilityof a human-made object.Wikipedia 4
  • 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. 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. 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. 2. Statistics 8 Source: Web Designer Online
  • 9. 2. Statistics 9 Source: Web Designer Online
  • 10. 2. Statistics 10 Source: Web Designer Online
  • 11. 2. Statistics 11 Source: Web Designer Online
  • 12. 2. Statistics 12 Source: Web Designer Online
  • 13. 3. Web Usability What is usability? 13
  • 14. 3. Web Usability 5 Usability Components 1. Learnability 2. Efficiency 3. Memorability 4. Errors 5. Satisfaction 14
  • 15. 3. Web Usability €Good usability:• Increased users conversion and loyalty (=sales)Bad usability:• If user starts thinking hell leave the site 15
  • 16. 3. Web Usability How to build site with good usability? 16
  • 17. 3. Web Usability Define the target Who is this for? Design Build Test 17
  • 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. 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. 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. 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. GoodHome page 22
  • 23. BadHome page 23
  • 24. GoodCategory 24
  • 25. BadCategory 25
  • 26. GoodProduct 26
  • 27. BadProduct 27
  • 28. BadMixed contentMissing headers 28
  • 29. BadOvercomplicatedMenu 29
  • 30. 3. Web UsabilityNeed more speed?Choose image type to use! 30
  • 31. 3. Web UsabilityIf something went wrong...Don’t do this: 31
  • 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. 4. Mobile Web UsabilityMobile Web = Small screen vs 33
  • 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. 6. Q&A 35
  • 36. Contact :ivand@devcom.com

×