Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Usability and UX


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Usability and UX

  1. 1. Usability & User Experience
  2. 2. What is web usability? <ul><li>Web usability is about making your website in such a way that your site users can find what they're looking for quickly and efficiently.
  3. 3. A usable website can reap huge benefits on to your website and your business.
  4. 4. Every $1 invested in improving your websites usability returns $10 to $100 (source: IBM)
  5. 5. A web usability redesign can increase the sales/conversion rate by 100% (source: Jakob Nielson )
  6. 6. It is important to realize that usability is not a single, one-dimensional property of a user interface. Usability is a combination of factors including: </li></ul>
  7. 7. Usability Basics <ul><li>Ease of learning - How fast can a user who has never seen the user interface before learn it sufficiently well to accomplish basic tasks?
  8. 8. Efficiency of use - Once an experienced user has learned to use the system, how fast can he or she accomplish tasks?
  9. 9. Memorability - If a user has used the system before, can he or she remember enough to use it effectively the next time or does the user have to start over again learning everything?
  10. 10. Error frequency and severity - How often do users make errors while using the system, how serious are these errors, and how do users recover from these errors?
  11. 11. Subjective satisfaction - How much does the user like using the system? </li></ul>
  12. 12. User Experience <ul><li>The level of satisfaction an average user gets form a product.
  13. 13. Satisfaction is related to how user:
  14. 14. 1- like the product
  15. 15. 2- understand the product
  16. 16. 3- use the product </li></ul>
  17. 17. Difference Between Usability and UX <ul><li>This all comes back to how versus why.
  18. 18. When developers are working strictly for usability, they are still focusing nearly exclusively on how questions. “How can we let the user perform operation XYZ easiest?
  19. 19. When developers are working towards why, questions like “does the user even want to perform operation XYZ? come up instead.
  20. 20. And this is why it is so important to code towards the user’s why and not just the how. Usability focuses on making sure that the how is flawless; user experience is about ensuring a perfect why. </li></ul>
  21. 21. Some principles of usability <ul><li>Don't make me think.
  22. 22. Consumer are lazy ..and getting lazier.
  23. 23. Users are usually under time pressure.
  24. 24. Make what I want available when I want it, and where I want it in the form I want it.
  25. 25. People don't read web pages, they scan them
  26. 26. Too hard to find the Back & start again Button </li></ul>
  27. 28. F-Shaped Pattern For Reading Web Content <ul><li>Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar.
  28. 29. Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar.
  29. 30. Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem. </li></ul>
  30. 31. Some principles of usability <ul><li>Omit words!!
  31. 32. “get rid of half of the words on each page, then get rid of half of what is left”
  32. 33. Use searches as long as the results are relevant and well presented.
  33. 34. Make obvious what is clickable
  34. 35. Break pages into clearly defined areas
  35. 36. Don't put unnecessary images and avoid using too much colors. </li></ul>
  36. 37. The user should always know: <ul><li>What site is this?
  37. 38. What page am I on?
  38. 39. What are the major sections of this site?
  39. 40. What are my options at this level?
  40. 41. How can I search?
  41. 42. “People wont use your website if they cant find there way around it.” </li></ul>
  42. 43. Homepage should answer: <ul><li>What is the page about?
  43. 44. What do they have here?
  44. 45. What can I do here?
  45. 46. Why should I be here and not somewhere else?
  46. 47. Where do I start? </li></ul>
  47. 48. Eliminate confusions <ul><li>Why is it called ________?
  48. 49. I thought _______ meant something else?
  49. 50. Can I click on it? “should I click on it?”
  50. 51. If something is not a link, don't underline it. </li></ul>
  51. 52. Why is Usability and UX Important? <ul><li>Too difficult -> people leave
  52. 53. Lost ->people leave
  53. 54. Too hard to read -> people leave
  54. 55. Dont understand what to do next -> people leave
  55. 56. To uch to do -> people leave </li></ul>
  56. 57. <ul><li>If they dont find the action to join, they cant join!
  57. 58. If they dont know how to join they can not join!
  58. 59. Prices? If they can not find it, they wont buy it! </li></ul>
  59. 60. some Common mistakes <ul>1-a person doesn't know what your website is about within 4 seconds </ul>
  60. 61. some Common mistakes <ul><li>2- issues of images and multimedia.
  61. 62. 3- forcing sign-in to browse.
  62. 63. 4-page element that look like advertising.
  63. 64. 5-bad search </li></ul>
  64. 65. <ul><li>Albawaba
  65. 66. Mineeds
  66. 67. yahoo </li></ul>