ux is team work, front-end london, august 2015

@MarianaMota #BGWS15

Mariana Morris UX Designer

Oxford Computer Consultants | UX Oxford | TalkingDesign.io

UX is team work!

@MarianaMota Front-end London

@MarianaMota Front-end London

UX Oxford

@MarianaMota Front-end London

@MarianaMota Front-end London

Are you crazy? I can’t do that! ” - developer

“

@MarianaMota Front-end London

This looks nothing like the design I made! ” - designer

“

@MarianaMota Front-end London

The team doesn’t take ownership for their tasks” - project manager

“

@MarianaMota Front-end London

us them

Front-end London

@MarianaMota Front-end London

Designing or developing in isolation is not an option.

@MarianaMota Front-end London

us

@MarianaMota Front-end London

the project team

@MarianaMota Front-end London@MarianaMota Front-end London

@MarianaMota Front-end London@MarianaMota Front-end London

@MarianaMota Front-end London@MarianaMota Front-end London

@MarianaMota Front-end London@MarianaMota Front-end London

@MarianaMota Front-end London

UX techniques

Communication tools

@MarianaMota Front-end London

www.oxfordcc.co.uk

@MarianaMota Front-end London

UX techniques

Communication tools

@MarianaMota Front-end London@MarianaMota Front-end London

@MarianaMota Front-end London

https://userresearch.blog.gov.uk/2014/08/06/have-you-had-your-recommended-dose-of-research/

Government Digital Service

@MarianaMota Front-end London

@MarianaMota Front-end London

Meet users early and often.

@MarianaMota Front-end London@MarianaMota Front-end London

@MarianaMota Front-end London

7 essential UX techniques 1. Contextual research 2. User interview 3. User flow 4. Question-Missing-Idea 5. The Product Canvas 6. Collaborative sketching 7. Stakeholder workshop

@MarianaMota Front-end London

Contextual research

@MarianaMota Front-end London

@MarianaMota Front-end London@MarianaMota #BGWS15

MarianaUX Designer

MarkProject Manager Reynold

Account Manager

TimDeveloper

Contextual research

@MarianaMota Front-end London

@MarianaMota Front-end London

PaulSupport and training

MarianaUX Designer

Ant User

User interview

@MarianaMota Front-end London

@MarianaMota Front-end London

User flow

@MarianaMota Front-end London

@MarianaMota Front-end London@MarianaMota #BGWS15

Question - Missing - Idea

User flow

@MarianaMota Front-end London

@MarianaMota Front-end London@MarianaMota #BGWS15

Question - Missing - Idea

@MarianaMota Front-end London

@MarianaMota Front-end London

Question - Missing - Idea

User flow

Wireframes

@MarianaMota Front-end London

@MarianaMota Front-end London

http://www.romanpichler.com/tools/product-canvas/

The product canvas

@MarianaMota Front-end London

@MarianaMota Front-end London

User groupsUser flow

Sketches

Sprint goal

Sprint tasks

MetricsProject goal

@MarianaMota Front-end London

@MarianaMota Front-end London

Collaborative sketching

@MarianaMota Front-end London

@MarianaMota Front-end London

Sketching & Inspiration board

@MarianaMota Front-end London

Feel comfortable sharing unfinished work.

@MarianaMota Front-end London

@MarianaMota Front-end London

Stakeholder workshop

@MarianaMota Front-end London

@MarianaMota Front-end London

UX techniques

Communication tools

@MarianaMota Front-end London

When asking for feedback:• State clearly:

Where you are at What you expect feedback on

• Ask clear questions

• Explain the rationale for your decisions

@MarianaMota Front-end London

When giving feedback:

• Ask the current status of the design

• Question first. Comment last.

• Explain technical challenges

• Don’t refer to your personal taste. Refer to the briefing and user research.

@MarianaMota Front-end London

Avoid:

“I don’t like it.”

“Can’t do it” (without explaining why)

@MarianaMota Front-end London

Go back to the brief.

@MarianaMota Front-end London

Thank you.

marianamota.com

marianamota.com/ux-is-team-work

@MarianaMota