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.

responsive web design and user experience

we ran the same usability test (first click test) on the phone, tablet and desktop version of one of our favorite websites (The Next Web) to see how they compare.
here we report the test results and discuss what could improve the user experience based on these results.

  • Login to see the comments

  • Be the first to like this

responsive web design and user experience

  1. 1. responsive web design and user experience phone vs tablet vs desktop a short study
  2. 2. we ran the same usability test (first click test) on the phone, tablet and desktop version of one of our favorite websites (The Next Web) to see how they compare. here we report the test results and discuss what could improve the user experience based on these results. the study
  3. 3. the test in a first click test a website screenshot is shown to test participants. the participants are asked where they would click (once - the first click only) to perform a required task
  4. 4. the task a friend told you about an interesting article regarding the Apple Watch that he found on a website last week. you have just landed on the website and are now trying to find that article. where would you click?
  5. 5. phone desktop tablet
  6. 6. screenshot as tested
  7. 7. click map detail and analysis TNW 30% 25% 45%
  8. 8. make the "search" icon bigger and position it where it is easier to reach and select and remove the "menu down" icon from the TNW logo. make the logo a link to the homepage only and add a dropdown button called "SECTIONS" with a menu showing all the website sections (these are currently shown after tapping the "hamburger" icon) what could improve the user experience based on the test results
  9. 9. phone desktop tablet
  10. 10. screenshot as tested
  11. 11. click map detail and analysis 32% 4% 64%MORE TNW News
  12. 12. remove the "MORE" section and re-organize its content and add a dropdown button called "SECTIONS" with a menu showing all the website sections (these are currently under the "MORE" section) and change the "search" icon to a search box and make it more prominent and remove "News" and the "menu down" icon from the TNW logo. make the logo a link to the homepage only what could improve the user experience based on the test results
  13. 13. phone desktop tablet
  14. 14. screenshot as tested
  15. 15. click map detail and analysis GEAR 35% 15% 40% 10% TECH MORE
  16. 16. add a simple description of each section under the related label and change the "search" icon to a search box and make it more prominent and remove the "MORE" section and re-organize its content and remove "News" and the "menu down" icon from the TNW logo. make the logo a link to the homepage only what could improve the user experience based on the test results
  17. 17. for more information please visit www.leendii.com and get in touch, we are happy to hear from you a support@leendii.com @leendiiUX

×