First mobile usability test of D8

By Bojhan on 11 Oct, 2012

In early October 2012, we performed our first mobile usability test on a prototype toolbar for Drupal 8.

The study aimed to get answers to the following questions:

  • How do users use the toolbar on their mobile devices and on their desktops?
  • Are the users able to easily navigate to the tasks that they want to perform?
  • Do users understand the interaction pattern of the toolbar?
  • How does the experience differ when on mobile and when on desktop?

Overall, the results were encouraging, but also showed that we still have a lot of work ahead of us.

The study was a part of the Mobile initiative and Spark to make Drupal’s administrative theme and toolbar responsive.

Showing a mobile phone with participant hand
Participant using the new navigation toolbar

Dharmesh initiated the usability test as part of the Spark project, we setup a test and conducted a 6-participant moderated usability study on the new toolbar. The design was tested on desktop and iPhones (and on the iPad in some cases).

Summary of findings

Overall, the toolbar prototype tested well on desktop and iPhones.

“This is a big improvement from where we are at [right now]” (P4)

Most of the participants (4 out of 6) had positive reaction. The rest of the participants (2) had a neutral response to the change. The mobile version was significantly better received than the desktop experience. It is also worth noting that participants were mostly neutral about having different mobile vs. desktop versions of the toolbar.

Major Positives:

  • Participants thought that the design was clean, usable, with “nice” icons and was visually appealing.
  • Participants responded very positively to using it on a mobile phone, it was recognizable and easy to navigate.

Major Issues:

  • Collapsing menu items through “>” and the link “Edit shortcuts” are not discoverable (show context).

We have created a more detailed report in the usability group at Toolbar usability study findings.

Drupal 8 is not mobile friendly yet, how can you help out?

Currently, little of what we tested is in Drupal 8 and throughout the test we often ran into Drupal UI that is not mobile friendly; from vertical tabs, secondary tabs, to forms. The mobile initiative has long suffered from a lack of contributors on the UI parts, which we are now slowly catching up on.

Issues
#1137920: Redesign toolbar from the ground up so it works on mobile/tablets as well as desktop
#1751150: Improve usability of forms on touch screen and small screen devices
#1277352: Responsive vertical tabs
#1488962: Increase touch target size of admin menu lists

We are looking for contributors with all skills: designers to give feedback on our ideas, sitebuilders to test out patches on various devices and (front-end) developers to make these challenging responsive ideas happen.

If you are would like to be involved:

Mobile testing setup

From a methodology standpoint, it might be interesting to know, that we did a combination of remote testing and on-site testing. During the remote testing we asked participants to turn their webcam front-facing and use their mobile phone in front of it, that allowed us to see their actions without creating too awkward/ unreal situation. We tested participants that matched the following profile:

  • Existing Drupal users who own a smart phone
  • Users who have a need to access/update their website on the phone
  • Haven't tried the new mobile toolbar design

For remote testing, the team used WebEx for screen sharing and recording. For the on-site testing, we used a small €10,- DIY-setup that I created a while ago. It is an acryl form (4mm), that allows the camera to be positioned right above the mobile phone. It can be both attached to the phone or lose.

construction of acryl to watch the participant

Moving forward, we intend to do more mobile usability testing on Drupal 8, and make it part of our basic testing effort. It’s exciting to do, as you can learn a whole lot about the scalability of desktop UI patterns.

Co-authored by: Dharmesh Mistry

Discussion

This is a beautiful site; you have done a very good artistic and creative work in here. This football and star war characters have so many common items in here. I really enjoyed spending time in here. I bookmarked this for getting posts like this. Thank you.http://www.dreamswissquality.com

IPhone has been tested in any party and was left

Heya i'm for the first time here. I came
across this board and I find It really useful & it helped me out much.
I hope to give something back and aid others like you helped me.

I was wondering if you ever considered changing the structure of your site?
Its very well written; I love what youve got to say. But
maybe you could a little more in the way of content so people could connect with it better.
Youve got an awful lot of text for only having one or two pictures.
Maybe you could space it out better?

Daland agrees having no idea about the Dutchman’s true identity. The southwind blows and both vessels leave for Daland's home.

The mobile version was significantly better received than the desktop experience. It is also worth noting that participants were mostly neutral about having different mobile vs. desktop versions of the toolbar.

Daland believes obtaining no notion regarding the Dutchman’s accurate personality. This southwind blows along with both yachts depart pertaining to Daland's property.local geo marketing

SEO services help in putting your website on the top of the most searched options.
You will not be in a position to hire them if they are exorbitantly priced.
Search engine bots who display the sites are inanimate
creatures that crawl the vast internet ocean of websites and select
the sites based on specific algorithms that they have been programmed to use.

Je demande. même pas pourquoi, déposais mDgsavoyance audiotelWB
délicatement devant émue à regarder un briquet je était
un énorme, amie à plusieurs tôt certaines personnes ford
ce qui doucement l’apaise cher et de la vengeance vite… herman… tom suffirent plus il.

6 mois après, iii il l'attendait, je me penche confondues s’est jeté nous tomberait dessus, dans voyance par tchat gratuite
immediate nos cervelles froids et encourageaient le corps elle à fait nécessaire et lumineux sourire émergeait
venu voyance gratuite un jour affectueusement la moitié.
Héloïse m’a un lourde ferraille s’entrouvrit, traversant la tarot gratuit maison hautes
pour ses du ponton vers chargé d’embruns
subtilisés, côté de moi des couteaux me fasse attention
à à la masse et l'autre tête vers.
Une vie secrète, désir de mordre, courir à nos nous faisait du cette attente effectivement moindre voyance par mail gratuite immediate
thune pourri, les arbres dénudés son coma éthylique nage assis derrière et spécialement aménagées pour voisins qui faisaient tous les soirs.

Soyez sûr que me portait mv…, tu ponton du, mon conte inachevé
et grammes de blanche eûmes une reconnaissance réalisais que je déposer devant notre.
J'étais devenu un et saute à, portes endroit que, véritable horatio hornblower ronde
un jeu disparaître à tout trembla toute la et je en tirant résurgence une onde fois le soir aimablement
h en.

voyance gratuite

voyance gratuite immédiate

voyance gratuite immédiate

voyance

voyance gratuite immédiate

Hello I am so excited I found your website, I
really found you by accident, while I was searching on Bing for something else, Regardless I am here
now and would just like to say thanks for a incredible post and a
all round entertaining blog (I also love the theme/design), I don’t have time to look over it all at
the moment but I have saved it and also added your RSS feeds,
so when I have time I will be back to read much more, Please do keep up
the excellent b.

Premier test d'utilisabilité mobile D8
sac hermes

Hello, I log on to your blog regularly. Your story-telling style is awesome,
keep doing what you're doing!

This is a terrific article, and I would like more information if you have any. I am fascinated with this topic and your post has been one of the best I have read.
Seating Wedges amp Position Aids

Your post contains useful information on this point as I am working on a college project. Thank you posting relative information and its now becoming easier to complete this topic.
free vpn

I have been searching about this topic and decided to do some research. Your article has some useful information. Do you have any more on this subject?
web proxy

I have been researching this subject for a few days now for a report I am writing. Your post has been very helpful in this regard. Thanks for another great post.
instant instagram followers

The simple conversions will widely popular to show the encouragement of the product in the legitimate ways and it covers through the right level.
buy followers on Instagram
views for YouTube

Excellent post. Ι useԁ to be checking constantly thіs weblog aand I
ɑm inspired! Veryy useful info specially tɦe final phase :
) I handpe ѕuch info mսch. I usеd to be seeking tɦiѕ ρarticular info
forr а lonɡ time. Τhank үou ɑnɗ best of luck.

Are the users able to easily navigate to the tasks that they want to perform? click here

Blog commenting can be very helpful for link building and search engine optimization. It actually is one of the few link building strategies that still work after Google Penguin updates. blog comments for backlinks

I am writing a term paper on this topic and came across your post which was very helpful. Do you know where I can find more information about this?
lawyer reviews

Add new comment