This document presents a usability study comparing user interactions on a website across phone, tablet, and desktop platforms using a first click test. The findings indicate varying click preferences: 30% for phone, 45% for desktop, and 25% for tablet, along with suggestions to enhance user experience, such as making the search icon more prominent and reorganizing content. Recommendations include simplifying the navigation structure and improving accessibility for users across devices.

1. responsive web design
and user experience
phone vs tablet vs desktop
a short study

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. 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. 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. phone
desktop
tablet

6. screenshot as tested

7. click map detail and analysis
TNW 30%
25%
45%

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. phone
desktop
tablet

10. screenshot as tested

11. click map detail and analysis
32%
4%
64%MORE
TNW
News

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. phone
desktop
tablet

14. screenshot as tested

15. click map detail and analysis
GEAR 35%
15%
40%
10%
TECH
MORE

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. for more information please visit
www.leendii.com
and get in touch,
we are happy to hear from you
a
support@leendii.com
@leendiiUX