Formative user research for the ´óÏó´«Ã½'s Global Visual Language 3
Following Bron's post on the new Global Visual Language we received several questions about our approach to user research. Hopefully we can shed some light on some of our activities.
We began our research with a and then performed a to identify our strengths, weaknesses and opportunities This was followed-up with a series of in-depth , surveys, and ; and finally usability testing on early and high-fidelity prototypes.
The studies were carried out both in-house and with external usability agencies, and provided us with heaps of qualitative data.
The main objectives at this stage were:
- To uncover users' natural internet behaviour; and more specifically people's use of the ´óÏó´«Ã½ digital services on different devices (e.g. PC, mobile)
- To validate the GVL3 design philosophy and gain insights into how users interpret the set of values based on their experience with the ´óÏó´«Ã½ digital services
- To explore the concept of 'modern' web design
- To find out how users recognise websites they are familiar with and what design elements trigger recognition of online brands
The last objective led to a rather interesting activity, the 'onion-skinning' exercise, which was based on the theory of visual recognition (as opposed to recall) memory. In short, the theory says that objects (eg people's faces) stick in our recognition memory by experience and with frequent exposure to them. To recognise something or someone we look for so called visual cues (e.g. shapes, colours) which help us spot the objects we are familiar with among others we have not seen before (Baddeley, 2009). In turn a visual recognition memory task provides visual cues that facilitate searching through memory for help in recognising familiar objects.
In our 'onion-skinning' exercise we selected the following six design elements (or visual cues): layout, header & footer, icons, typeface, images and colours. We then selected ten popular websites and deconstructed each of them into the six cues.
For this particular study we recruited fourteen participants aged 16 to 55+ (ensuring a 50/50 gender split, and a mix of experienced and inexperienced internet users). It was crucial that all fourteen participants were familiar with the ´óÏó´«Ã½ Homepage and regularly used at least five of the following websites: , ´óÏó´«Ã½ iPlayer, , , , , , and .
We started each session with a conversation about how important the design of websites was for participants. It was quite clear from the beginning that the participants naturally fell into one of two groups: 'design-aware' participants for whom design was very important and could potentially either attract them of put them off using websites, and another group of 'content-driven' participants, who weren't so much concerned with the design as long as they were able to easily find information they wanted. Perhaps unsurprisingly, the division seemed related to age with the younger participants being more design-aware.
The participants were presented with six web pages they had said they were familiar with. They saw each page in six steps (with new cues added each time).
After they saw each cue, the participants were asked whether they recognised the page, how confident they were, and to describe what had helped them recognise the brand.
Here's an example. The first cue was layout.
Do you recognise the page shown above?
In the study the only page that was recognised at this first stage was a Wikipedia article page (but even then only two out of fourteen participants). The minimal design and consistency of layout seemed to help users with recognition. Both participants were in the 'design-aware' group.
It was also interesting to observe that participants had clear expectations about how certain type of pages were laid out (such as a news page, a social networking page or media player page).
The next layer included icons (in black and white):
Icons appeared to play a rather important role in triggering recognition of websites when used sporadically and when very distinct (the rosette 'top-rated seller' on eBay, or the home icon on the Apple Store page). If used consistently across products and services, icons would play an important role in recognising a brand.
The next layer introduced the header, footer and typography (with dummy text).
Have you recognised it as a ´óÏó´«Ã½ News article page yet?
The typeface was one of the features that triggered the recognition of pages for most participants. Comments on the ´óÏó´«Ã½ News page and ´óÏó´«Ã½ homepage were: "Now I'm confident it is a ´óÏó´«Ã½ page, this is the ´óÏó´«Ã½ font." (Male aged 16) and "´óÏó´«Ã½-like font, it's quite identifiable." (Female aged 19). It was interesting to observe that the font we were using was so strongly associated with the ´óÏó´«Ã½. However, quite a few participants suggested that this was a time for change: "I grew up with it [the same font]. It's time for change. It needs something fresher" (Male aged 48)
The suggested change of typeface tallied with out own ambition and we took it seriously. Participants expected the new ´óÏó´«Ã½ font to be neat and modern-looking.
The final step was colour.
Are you confident now? Images and colours definitely helped the participants recognise pages. The more 'content-driven' participants in particular had to go through all six stages of the exercise until they were absolutely sure. The strongest elements on current ´óÏó´«Ã½ websites were: the typeface, images and colour (e.g. red on ´óÏó´«Ã½ news article page).
This is an example of just one exercise we carried out in the formative stage of our research. The findings helped us realise that users were very perceptive to typeface, icons and colours; and that consistency and simplicity of these elements would ensure that we were providing our users with coherent, joined-up experience across the site.
Sylwia Frankowska-Takhari is Usability & Accessibility Specialist, FM&T User Experience & Design.
References: Baddeley, A., Eysenck, M.W., Anderson, M.C. (2009). Memory. Hove, UK.: Psychology Press.
- You can download the GVL3.0 style guide here.
Comment number 1.
At 14th Jul 2010, Guv-nor wrote:Oh the irony, using the just murdered ´óÏó´«Ã½ News website as the basis of the item.
Complain about this comment (Comment number 1)
Comment number 2.
At 14th Jul 2010, warden wrote:More irony...
It was interesting to observe that the font we were using was so strongly associated with the ´óÏó´«Ã½. However, quite a few participants suggested that this was a time for change: "I grew up with it [the same font]. It's time for change. It needs something fresher" (Male aged 48)
Perhaps Mr Herrmann and his team could be directed to this article? It does sound like people within the ´óÏó´«Ã½ should be talking to each other: this article shows some good research which should have been acted on by others.
Complain about this comment (Comment number 2)
Comment number 3.
At 20th Jul 2010, oga77 wrote:There is no irony there - it seems that the old ´óÏó´«Ã½ News website was source of the research simply because the new website was not in use at that time.
Very good article, good methodology and interesting outcomes.
Complain about this comment (Comment number 3)
Comment number 4.
At 24th Jan 2011, Web Designer Banbury wrote:This comment was removed because the moderators found it broke the house rules. Explain.
Complain about this comment (Comment number 4)