lean ux and marketing - wordpress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante....

17
Lean UX and Marketing

Upload: others

Post on 09-Jun-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

Lean UX and Marketing

Page 2: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

We design products and services based on customer knowledge to

help businesses grow

Page 3: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

If you have a product that is underperforming, we can help you get in touch with your customers, find out what is holding you back and teach your team how to get more from what you do.

Page 4: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

If you have an idea, and you are not sure how to make into a profitable business we can help you define your product and audience and prototype the service before you take the risk.

Page 5: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

Brand generation & refinement

Ideation, Prototyping & Design

Observation & AnalysisWe observe and interview users in their environment to understand their behaviour and needs. We explore how they currently solve particular problems, the technologies they use, their relationship with your brand and the competition to map out their journey through a product or service.

The intelligence we acquire provides the insights to generate ideas, prototype, test and launch new physical or digital products or improve existing ones.

A brand should not be an afterthought: it needs to be built alongside the product and with the customer at the center of the process. We analyse price, placement and promotion options throughout product development.

EthnographyCustomer DevelopmentService Design

User Experience Interaction DesignDesign Thinking

Lean MarketingGuerrilla campaignsStrategy

Page 6: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

How we do it

Page 7: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

USER TESTThere is really nothing like putting a product to test with real users. Be it guerrilla style, remotely or with larger sets of participants, we can test your product, understand its problems are and help you improve it.

Page 8: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

Our RAPID METHOD brings the whole team into a room, where they observe how users interact with the product, hear what they say and actively participate in the deciding what needs to be changed.

Page 9: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

CUSTOMER JOURNEY MAPHow do your customers use your product or service in the real world ? We can help you find out where there is room for improvement in what you do, and new business opportunities within your target audience

Page 10: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

CUSTOMER JOURNEY MAP

Sketched out hypothesis customer

journey for Parkimeter

Watch TVC snippet with hidden numbers

(007)

Watch Russians snippet

(explaining the enemy)

Heineken | Crack the case

Users get to the dedicated website

Web Full Experience.com

Go to TVC website Watch TVC

Watch Berenice's intro video + suitcase "pushed out" of the video

The user watches the 90" spot which ends with the Heineken star closing. The red star starts pulsing and beeping - the star reopens and the P.O.V changes to MOTW (first persons perspective)

The user watches Berenice talking straight to the camera - she explains that's Bond's suitcase and that she needs your help opening it. You need to discover the combination number and the suitcase will give you clues. She leaves the room and the suitcase 'slides out of the scene' and becomes part of the interface. It will be persistent throughout the journey

Interfacefind the number rules + PLAY button (for first 3 tumblers)

23

56

7

Choose # on 1st tumbler

The first lock tumblers adjust to their default initial position and 'pulse' or 'glow' to indicate next action - (spotlighting)

Watch Berenice 'carry on, you are half way there' snippet

Connect with FBWatch

personalised video reward (90")

At this point the user will have to log in (username and password input) and accept the incoming app. On FB platform user would only have to accept the incoming app

Watch Berenice 'well done' snippet Watch 2nd TVC

snippet

Here Berenice encourages the user personally to carry on - this should work as extras support for users to overcome the connect with Facebook hurdle

As soon as personalised reward video finishes, Berenice compliments the user (you) for yo ur efforts so far and encourages you to carry on

90" video trailer showing the user's FB profile pictures in it.

Choose # on 4th tumbler

The 4th tumbler will pulse/glow to indicate next action

Watch Berenice outro video

Berenice grabs the suitcase and leaves the train saying "I will be sure to tell Bond about you"

Suitcase opens up and you MI6 file pops up with your FB data in it

Depending on your score on the game - how fast you found all the right numbers - you will get a ranking and be classified as a 001 to 007 agent. Your MI6 profile will correspond to this score. Alternative to share on FB/publish to your timeline. Provide ability to close without sharing.

Watch 'You as the new Bond' trailer

Watch 'party' trailer

Watch 'she wolf' in love with your picture snippet

The End screen showing your badge and share options

Alternative to share on FB/publish to your timeline. Provide ability to play again to improve your score against your friends.Provide ability to close without sharing

8

Choose # on 2nd tumbler

1011

Choose # on 3rd tumbler

12

Validate three first tumblers

13

Watch right answer reaction video

(If right answers)

(If wrong answers)

Watch wrong answer reaction video

Interface: watch again

8

8

Watch TVC snippet SHORTER VERSION

18

28

Interface: enter code

Interface: make it easier

19/3537

3940

Interfacefind the number + PLAY button (4th tumbler)

4243

Interface: watch again

44

44

44

Watch 2nd TVC snippet SHORTER VERSION 1

Validate number

Watch right answer reaction video

Watch wrong answer reaction video

4647

48

Interface: enter code

Interface: make it easier

44

44

Watch 3rd TVC snippet SHORTER VERSION 2 STILL

IMAGE

Watch 3rd TVC snippet SHORTER VERSION 1 STILL

IMAGE

Interfacefind the number + PLAY button (5th tumbler)

50

Watch 3rd TVC snippet (5th tumbler Choose # on 5th tumbler

The 5th tumbler will pulse/glow to indicate next action

Interface: watch again

44

52

44

Watch 3rd TVC snippet SHORTER VERSION 1

Validate number

Watch right answer reaction video

Watch wrong answer reaction video

5556

57

Interface: enter code

Interface: make it easier

52

52

51

Watch 3rd TVC snippet SHORTER VERSION 2 STILL

IMAGE

OR

OR

OR

OR

OR

ORInterface

find the number + PLAY button (6th tumbler)

67

Watch 4th TVC snippet (6th tumbler Choose # on 6th tumbler

Interface: watch again

44

52

44

Watch 4th TVC snippet SHORTER VERSION 1

Validate number

Watch right answer reaction video

Watch wrong answer reaction video

4647

48

Interface: enter code

Interface: make it easier

52

52

68

Watch 4th TVC snippet SHORTER VERSION 2 STILL

IMAGE

OR

OR

Watch Berenice scolding/disappointed video snippet58

60

Berenice leaving train video

"I knew you were the one"

The 6th tumbler will pulse/glow to indicate next action

First lock | 3 tumblers

Second lock | 1st tumbler

Second lock | 2nd tumbler

Second lock | 3rd tumbler

Final user journey mapping for Heineken 007 online promo game

Page 11: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

USABILITY EXPERT REVIEWS

!"#$%$&"'

()*&"&''+''!"#$%&'()

)))*+,$-(%.)-$&/%)0+,$-(.)-"1

&'(%)0+,$-(%.)-2/,'(%)0+,$-(%)

•  Encuentra tu médico

•  Consigue tu cita

•  Opina

Y además,…

3"')&(,(%)4(%)-2/,'

(%)0+,$-(%))

,-'*$).-'/$.0&-'1

234%-'5

6

2

Directorio de Farmacias

Buscador de Síntomas

Directorio Apps

Alta de usuario

Alta de Médico|Centro

!"#$%&'()*+*(+,&'-,'

.&.%/*(&''

012,#3('4(5,+6*%/',

"'%"5%'

-,'.&.%/*(')%6*,+5

,'

7!"#$%&'(!)')*')!+#

%#,%)8'%'

"%'6*5%'$,-*6%9'

:%"(/%/'.&%/'

;2%<'#)('

*-,+#&5%=6($=

$<'

:%"(/%/'.&%/'

;2%<'#)('

*-,+#&5%=6($=

$<'

:%"(/%/'.&%/'

;2%<'#)('

*-,+#&5%=6($=

$<'

7--*$&'

()*&"&'''''''''!"#$%&'()''''

'''''55555)

8234%-/'+''!$)*&-/'1

234%-/''+''9$.0&-/'8

234%-/'''+'''7"&1"%4"/''''+''

''9:)*-1"/''''+''';<</'

>*)('?%$,-%=-,'

1

Comentarios

Out of 42.000 visits,

1800 landed on the

home. That is 4%!

It's not possible to search for a

doctors name from the

homepage. Is that because you

assume that all users won't be

looking for a specific doctor?

From an overview analysis, your

analytics show that there is a use

case for allowing so.

1. What is the reason to include

this?

2. When will it be possible to

make an appointment online?

3. Is this a menu?

4. Field label and example are

contradictory. Choose one.

5. Why is this duplicated? And

why would a user register from

the homepage? A returning user

would probably log in, but a new

user won't register from the

outset.

6. Can be a good idea to show

that the site contains users

opinions (and boost sign in/up -

not sure about Doctors

statements

7. Should disappear - users don't

understand or are skeptical of it

8. Showing a list of the 5 - 10

main seguradoras and

especialidades can be illustrative

2

3

4

5

6

5

5

7

8Expert review for Doctuo

Expert review for IDEQ

1

2

34

Homepage1. The list doesn’t give the user an option to change after having clicked on an operation option

2. The search button is too small and doesn’t have an obvious ‘feedback’ state3. The first choice in the advanced search is not very intuitive. Perhaps it would be better to start with a house size, number of bedrooms or area.

4. Again, search button is too small. Besides, it is too diferent in style from the search button above

When you know there is something wrong with your interface, it pays off to do an Usability Expert Review - which generally works as a first step to understand deeper, more holistic challenges your business might be facing.

Page 12: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

INTERACTION DESIGNJust like an architect works on a project to make sure a house is built according to people’s needs, we can design the interactions of your digital product step by step and work iteratively with programers and graphic desginers.

MDS

El Ricon de Vallvidrera

Calle Galileu 335

ESPACIO PARA COPY DE

OFERTAS PERSONALIZADAS AQUIOFERTAS DE

Menu: 9.00€

Notes

1.Linea completa para nombre del restaurante, porque

pueden llegar a ser bastante largos. Dudo si sobre la

foto, o debajo.

2. Foto del restaurante. Diseñar para posibilidad de

que haya más fotos, aunque en el piloto trabajaremos

con una solo foto. Sugerencia es carousel sobre la foto

misma, con swipe hacia la derecha.

3. El precio del menú. En restaurantes de carta harbrá

que poner ‘precio medio’

4. El tipo de cocina. No hace falta poner la palabra

‘cocina’, creemos que se entiende bien si solo se pone

el tipo. Esto puede variar, desde cortos como ‘italiano’,

hasta más largos como (ejemplo) ‘mediterranea y fusión”

5. Las opiniones que se scrap de Salir. No se pueden

leer en Pockeat, el usuario no sabrá de donde vienen, y

tampoco habrá manera de dejar comentarios.

6. Icono o recorte de mapa. Es clicable, y lleva a una

pagina, de segun nivel de navegación, solo con mapa,

la ubicación del sitio y del usuario.

7. Dirección con nombre de la via, numero, codigo

postal y población

8. El teléfono del restaurante debe aparecer (en cambio

de ser solo un botón). Debe ser clicable y acceder

05.01.00RESTAURANTES detalle

Page 13: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

MARKET RESEARCH & BRANDHow does the rest of the world see your product or service? We can work out how you can build or re-build a brand based on knowledge we gather from quantitative and qualitative data: crunching your numbers and talking to your customers to find out what they really love... and hate.

Page 14: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

PROTOTYPINGPrototyping is a way of learning fast about a product or service so we can test ideas and find out whether what you are about to build is the right thing. We can build physical prototypes or run software experiments that can easily bring to light potential pitfalls and help you and your team launch better products.

Page 15: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

Brands that trust our work

Page 16: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

I like understanding customers and designing solutions adapted to their needs.

SARAH RINKUX RESEARCHER AND INTERACTION

MsC Human Computer Interaction University College London (UCL)

Master Digital Business ESADE - Barcelona

I create and promote brands that customers truly love

MARTA ROSMARKETING ESPECIALIST & ENTERPRENEUR

Page 17: Lean UX and Marketing - WordPress.com › 2014 › 11 › 00...e la foto, o debajo. estaurante. Diseñar para posibilidad de emos e la foto echa. estaurantes de carta harbrá ecio

Get in [email protected].@saritarink.

[email protected].@lean_marketing