ux is team work! (bulgaria web summit 2015)

68
@MarianaMota #BGWS15 Mariana Mota UX Designer Oxford Computer Consultants | UX Oxford | TalkingDesign.io UX is team work! @MarianaMota #BGWS15

Upload: mariana-morris

Post on 15-Jul-2015

3.320 views

Category:

Design


0 download

TRANSCRIPT

Page 1: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Mariana Mota UX Designer

Oxford Computer Consultants | UX Oxford | TalkingDesign.io

UX is team work!

@MarianaMota #BGWS15

Page 2: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

UX Oxford

Page 3: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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

Page 4: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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

Page 5: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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

Page 6: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

us them

#BGWS15

Page 7: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Designing or developing in isolation is not an option.

Page 8: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

us

#BGWS15

Page 9: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

the project team

#BGWS15

Page 10: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 11: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 12: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 13: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Teams

Techniques

Communication

Page 14: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

www.oxfordcc.co.uk

Page 15: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Teams

Techniques

Communication

Page 16: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Teams

Techniques

Communication

Page 17: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 18: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 19: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 20: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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

@MarianaMota #BGWS15

Government Digital Service

Page 21: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Page 22: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

UX project lifecycle

Page 23: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Meet users early and often.

Page 24: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Teams

UX techniques

Communication

Page 25: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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

Page 26: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Contextual research

Page 27: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

MarianaUX Designer

MarkProject Manager Reynold

Account Manager

TimDeveloper

@MarianaMota #BGWS15

Contextual research

Page 28: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

PaulSupport and training

MarianaUX Designer

Ant User

User interview

Page 29: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

User flow

Page 30: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15@MarianaMota #BGWS15

Question - Missing - Idea

User flow

Page 31: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15@MarianaMota #BGWS15

Question - Missing - Idea

Page 32: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Question - Missing - Idea

User flow

Wireframes

Page 33: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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

@MarianaMota #BGWS15

The product canvas

Page 34: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

The product canvas

Page 35: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Target groupUser flow

Sketches

Sprint goal

Sprint tasks

MetricsGoal

Page 36: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Sketching

Page 37: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Sketching & Inspiration board

Page 38: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Feel comfortable sharing unfinished work.

Page 39: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Page 40: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Stakeholder workshop

Page 41: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Project retrospectives

http://plans-for-retrospectives.com/

Page 42: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Teams

Techniques

Communication

Page 43: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Verbal communication:

Facilitator & Leader

Page 44: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Facilitator language• Warm and neutral

• Active listening

• Passive and inclusive tone

“How about…”

“Maybe we can…”

“What if…”

Page 45: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Leader language• Competence

• Expert

• Direct and muscular language

“That’s absolutely right, and here’s why…”

“I completely agree because…”

“This is my plan…”

Page 46: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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 47: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

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 48: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Avoid:

“I don’t like it.”

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

Page 49: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Go back to the brief.

Page 50: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Designers need to know

the ‘why’s.

Page 51: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

How many designers does it

take to change a light bulb?

Page 52: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Answer:

Does it have to be a light bulb?

How many designers does it

take to change a light bulb?

Page 53: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

“Give it 5 minutes.”

https://signalvnoise.com/posts/3124-give-it-five-minutes

Page 54: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

“If someone loses, you did it wrong”

When negotiating…

http://www.artofmanliness.com/2011/05/11/how-to-haggle-like-your-old-man/

Page 55: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Communication tools

Page 56: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Github

Photo: https://help.github.com/assets/images/help/pull_requests/conversation.png

Page 57: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Jira

@MarianaMota #BGWS15

Page 58: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15@MarianaMota #BGWS15

Trello

Page 59: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Trello

@MarianaMota #BGWS15

Page 60: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Sqwiggle

Page 61: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

But let’s not settle.

Page 62: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

But let’s not settle.

We work with technology.

Page 63: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

But let’s not settle.

We work with technology.

It’s always changing.

Page 64: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

But let’s not settle.

We work with technology.

It’s always changing.

This process will change.

Page 65: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

So,

Page 66: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

So,

Let’s keep meeting up,

discussing, improving.

Page 67: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

So,

Let’s keep meeting up,

discussing, improving.

Regularly.

Page 68: UX is team work! (Bulgaria Web Summit 2015)

@MarianaMota #BGWS15

Thank you.

marianamota.com

marianamota.com/ux-is-team-work

@MarianaMota