16. Think > Build > Run
16
Experience mission
Content analysis
Benchmark
Business interviews
Personas
Research & insight
Sitemap
Zoning
Navigation
Wireframing
Design
<HTML/>
User test
Eyetracking
18. Think > Business interviews
18
Users
needs
Business
objectives Value
19. Think > Personas
19
Business traveller
35-50 years old
Product: Bflex & Business
Frequent flyer
Travel early in the morning
Time is money > save time
Like to work during travelling
(space to work, information on Wifis, Internet spots, plug
computer during flight)
Mobile usage (mobile checkin)
Price doesn’t matter/Time table is key
Fast booking – online booking – online checkin
20. Think > Experience mission
20
Scenario 1
« We have seen promotions. We need a lowcost flight for a weekend in Prague »
Scenario 2
« We have a business meeting in Lisbon on 02/11. »
38. 38
Boarding pass
Check-in
E-ticket
Security check point
Flight number
Reservation number
B.Light
Miles
Drop off
Express check-in
Code share
Are we all familiar with these notions ?
39. Passenger ticket
Ok.
And where is it?
What does it
mean?
Is it a key information
for my next steps? I don’t understand
everything…
40. Step by step …
40
Airport arrival Check in Drop off Tax freeBorder control
Security check
point Boarding gate Flight
Airport
depature
Luggages
VIP lounge
Boarding
46. I’m booking my travel
46
« I’m booking my travel » « I’m travellingTICKET
- Where is my ticket and which email should I bring to
the Airport
- What are the next steps?
•The check-in: which will give me my true ticket: the
boarding pass
•The weight limitation of my luggage and what I’m
allowed to bring
•When should I arrive to the airport?
- What should I know at this step ?
47. 47
When and how will I be in contact with Brussels Airlines?
Brussels Airlines has a big stand. Brussels Airlines speaks about Brussels Airlines.
I only receive corporate information about the company
It doesn’t answer to my questions: Where to go ? How much ? When ?
At the Brussels Travel show 2008
48. 48
More than 17 different product names
B light Blight Economy B.light economy economy
Blight economy – B flex Business class Economy Class
Bflex Economy + B flex Economy B.flex or Business
Business B Economy Economy
B Business BFlex Business BFlex Privilege gold
B Flex Privilege platinium
49. 49
Your mission to identify
- Divergences
- Unconsistencies
- Weaknesses
- Moment of truth
and all the opportunities the website could
help to improve the experience.
50. Moments of truth
50
Airport arrival Check in Drop off Tax freeBorder control
Security
check point Boarding gate Flight
Airport
depature
Luggages
VIP lounge
Boarding
51. Moments of truth
51
Airport arrival Check in Drop off Tax freeBorder control
Security
check point Boarding gate Flight
Airport
depature
Luggages
VIP lounge
Boarding
I have a perfume
bottle, but this is
too late…
54. Experience timeline
54
I want to travel
I’m booking my
travel
I’m travelling
I’m back from
my travel
BEFORE DURING AFTER
Find
a price
a destination
a timetable
a company
D-1 !
Ticket
passenger ,
checkin &
boarding pass
D+1!
Miles
Feedback
…
55. Experience timeline to navigation
55
I want to travel
I’m booking my
travel
I’m travelling
I’m back from
my travel
I’m going to present you the mission of experience we have made for the redesign of brussels airlines website.
A brand is the sum total of all of the interactions between the customer & the products.
The perception a user has of Bair is determined by his experience across these touchpoints.
Web is one of those touchpoints and we had to work on it.
What we have to do as a IA, usability expert or interaction designer, is to Understand the global user experience
What are the different touchpoints?
When do they interact with the user?
What is their role in the global process?
What is the global lifecycle of the relation between the brand and the user?
In general people making usability are focused on pages? That’s not bad, but go further.
Think to sitemap, interactions between pages, flowmap, labels.
But your website is not alone, it is in interaction with others services, websites: the online ecosystem (extranet, intranet, blogs, mobile, search engines, etc)
But this kis not the end, what you can add is the offline worl (the reral world) that is also in interaction with the online one.
This is global experience. The main idea is to work on the site in its environement.
One of our objectives with Brussels Airlines website’s redesign was to improve the full experience of a customer though its travel journey.
Audrey (INTERRESTING NOT ONLY FOR THE WEBSITE)
OK, now you know what we have done.
Lets tell you how we have done it and what we learned.
Here is the methodology we decided to follow…
At Emakina, we don’t just build websites.
We are also thinking it and optimizing it.
In the first one we gather the information
In the second one we conceive the pages, the sitemap etc
And in the last we test and fix the issues
For the Bair v02, we had the chance to use a lot of methodologies.
Experience mission was part of this methodology.
Of course we are the users defenders and we just want to take care of them.
But we have a client who has its own objectives and who is the person who knows the best his business.
That’s why, for example, we have met the Reward Programm responsibles of Brussels Airlines.
AUDREY: contexte interne
We have worked on 5 personas.
This can help to identify the needs of every target group and take them into account during the conception with scenarios based on these different users’ needs.
We completely forgot all we knew about taking a plane, booking, etc.
We were simply travellers of Brussels Airlines.
For this most exciting mission what we have done is to live the Brussels Airlines Experience as a client, customer.
We were there just to do it and observe.
AUDREY DEFINITION SCENARIOS
We had 2 scenario’s:
The first one was:
We have seen promotions in the street and we are looking for a low cost flight.
We want to make a week end city trip at Prague at the end of the month.
We will book online & use the web checkin. We had a luggage and flight in Blight, the (Audrey?) bair ticket.
The second was:
We just made an invetory of the existing content.
And defined what you will to remove, change of keep.
We also made a benchmark.
The goal was to extract the best practices of the major competitors.
Call center issues
Surveys
Forums
Statistics
etc
We have the content we want to put, we need a struture:
We had to
- Enummerate
- Categorize
- Structure it
To get the sitemap
One of the most important User Interface component is the menu:
You have to display tise sitemap in a relevant navigation system.
Have to design the grid in which you will put compenents.
This will add more consistency in all the pages of the website.
The new Bair website will follow this grid.
This is wireframing fase
the blue items are clicable
the orange ones are highlights.
We worked on the homepage, the subhomepages, the booking engine, the promo finder, etc
During workshops: iterative work with the client.
Functional x Estethic level
A designer is going to design it and to challenge it.
You can see this is not exactly the same. Audrey do you know why?
AUDREY COLLABORATION AVEC GEORGES
Now we are going to evaluate what we have conceived …
Users tests: this is the final check, the final confirmation.
We used an eyetracker (a tool to track where people are looking at) and some scenarios (could you tell me if you can fly to Brazil with Bair?, Where would you manage your reservation?, You need to book a seat to Lisbon, where will you go to do that?)
Thanks to the eytracker you can track where people looked the most (heatmap) and where they looked firstly (gaze plots).
Based on results we made some recommendations
Now some illustrations …
Taking a flight is not always nice and easy!
Imagine…
You arrive at the airport.
Where is my desk?
In 5 minutes, this is the rush !!!
You’re controlled but you’re late !!!!
Lot of queues, but you don’t have time.
You run run and run again.
And a very long time to wait the boarding gate to open
You need your boarding pass because this is a codeshare flight and you have made a drop off …
What?!?
Ok, that great because I have my passenger ticket and the information must be on it!!!
Heu I don’t understand everything of this ticket gave by the website…
These steps can b
…
For this kind of mission, you need to forget everything you know! Be a kid for some hours.
e a real nightmare!
Discover the world again.
forget everything you know!
For this kind of missions, take a dummy guy
and a very smart girl!!!
More seriously …
Be at least 2:
Different profile people
taking picture of the other
Because this is a new exprerience for you, take lot of
Pics
notes
Screenshots
leaflets
The time
Just thinking « at this step, what is happening? »
The touchpoints
What are the opportunities for the website in this travel show?
Is it consitent?
The topics
Which products names did we meet during the experience?
In this tag cloud, the bigger are the most seen of course.
Be honest
AUDREY
During the whole experience we meet what we call « moments of truth ».
The first thing to do is to identify these moments of truth during experience.
arriving at the border,
you realize that you can’t have bottles… but you have a new perfume bottle in your bag…
but this is too late.
That’s a moment of truth.
After having identified all of them, you have to find solutions to avoid these moments in the experience.
Our solution for this issue was to provide to people a reminder of all the prohibited item WHEN THEY ARE DOING THEIR BAGGAGES.
In fact we will provide a travel guide with all the information the user will need from the end of the booking to the return: He will get a document with all the information he will need: VISA, VACCINS, BAGGAGES, AIRPORT, currency, etc
AUDREY 1, 2 et 3
Let’s take an example to illustrate the impact of our travel experience mission.
Let’s take an example to illustrate the impact of our travel experience mission.
Let’s take an example to illustrate the impact of our travel experience mission.
Another example is the « practial information section ».
This is with the destination section, the part with the most content in the website.
Lot of information about baggages, chekin, onboard services, etc
To structure this content we just use this timeline again.
Because you know in which state will be the user visiting a certain page, you can adapt this page.
For example, the booking engine will not be present on every pages of the website because he is not always there to buy.
People don’t use the interface your building as you think. Let’s illustrate this.
What’s in the users’ mind?
SOLUTION: user tests!
On the project & with users
During definition of the products, names, etc