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

41
@MarianaMota #BGWS15 Mariana Morris UX Designer Oxford Computer Consultants | UX Oxford | TalkingDesign.io UX is team work! @MarianaMota Front-end London

Upload: mariana-morris

Post on 12-Feb-2017

966 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 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

Page 2: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

UX Oxford

@MarianaMota Front-end London

Page 3: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

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

Page 4: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

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

Page 5: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

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

Page 6: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

us them

Front-end London

Page 7: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Designing or developing in isolation is not an option.

Page 8: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

us

Page 9: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

the project team

Page 10: UX is team work, Front-end London, August 2015

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

Page 11: UX is team work, Front-end London, August 2015

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

Page 12: UX is team work, Front-end London, August 2015

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

Page 13: UX is team work, Front-end London, August 2015

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

Page 14: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

UX techniques

Communication tools

Page 15: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

www.oxfordcc.co.uk

Page 16: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

UX techniques

Communication tools

Page 17: UX is team work, Front-end London, August 2015

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

Page 18: UX is team work, Front-end London, August 2015

@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

Page 19: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Meet users early and often.

Page 20: UX is team work, Front-end London, August 2015

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

Page 21: UX is team work, Front-end London, August 2015

@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

Page 22: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Contextual research

@MarianaMota Front-end London

Page 23: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London@MarianaMota #BGWS15

MarianaUX Designer

MarkProject Manager Reynold

Account Manager

TimDeveloper

Contextual research

@MarianaMota Front-end London

Page 24: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

PaulSupport and training

MarianaUX Designer

Ant User

User interview

@MarianaMota Front-end London

Page 25: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

User flow

@MarianaMota Front-end London

Page 26: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London@MarianaMota #BGWS15

Question - Missing - Idea

User flow

@MarianaMota Front-end London

Page 27: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London@MarianaMota #BGWS15

Question - Missing - Idea

@MarianaMota Front-end London

Page 28: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Question - Missing - Idea

User flow

Wireframes

@MarianaMota Front-end London

Page 29: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

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

The product canvas

@MarianaMota Front-end London

Page 30: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

User groupsUser flow

Sketches

Sprint goal

Sprint tasks

MetricsProject goal

@MarianaMota Front-end London

Page 31: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Collaborative sketching

@MarianaMota Front-end London

Page 32: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Sketching & Inspiration board

Page 33: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Feel comfortable sharing unfinished work.

Page 34: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Page 35: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Stakeholder workshop

@MarianaMota Front-end London

Page 36: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

UX techniques

Communication tools

Page 37: UX is team work, Front-end London, August 2015

@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

Page 38: UX is team work, Front-end London, August 2015

@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.

Page 39: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Avoid:

“I don’t like it.”

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

Page 40: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Go back to the brief.

Page 41: UX is team work, Front-end London, August 2015

@MarianaMota Front-end London

Thank you.

marianamota.com

marianamota.com/ux-is-team-work

@MarianaMota