Download - SxSW UX Bootcamp

Transcript
Page 1: SxSW UX Bootcamp

UXBOOTCAMPfor a UX team of none

SxSW 2012 : #uxbootcamp

Krista Sanders @newhighscore

Russ Unger @russu

Fred Beecher @fred_beecher

Brynn Evans @brynn

Monday, March 12, 12

Page 2: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

$300MILLION

flickr: Jonny Vulkan source: http://www.uie.com/articles/three_hund_million_button/Monday, March 12, 12

Page 3: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Monday, March 12, 12

Page 4: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Monday, March 12, 12If you’re hoping to leave here being transformed into the next rockstar UX designer, so you can build a Path-killer or one-up Clear, you’re going to have to hire a kickass UX designer with crazy visual design chops (unicorn!!). Good luck.

if you don’t believe us: designers are a tricky bunch to nail down

Page 5: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Monday, March 12, 12

Page 6: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Monday, March 12, 12

Page 7: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Monday, March 12, 12

Page 8: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

$100,483

$115,555

$109,999

$112,999

$101,666 $96,110$111,666

source: http://iainstitute.org/en/learn/research/salary_survey.php Monday, March 12, 12

Page 9: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

MVEMinimumViableExperience

Monday, March 12, 12You can think like a UX designer to solve real users’ problems

Even if your app doesn’t look beautiful, it can be functional, satisfies your user’s needs, desires and goals, and become REALLY popular:

Eg., HealthMonth & OpenTable

And on the flip side, a beautiful app that doesn’t solve a problem or fill an open need for your users will not be successful:

E.g., Color

Page 10: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

MULTIPLE lo-fi design concepts

Monday, March 12, 12

Page 11: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

ITERATIVEevaluation

Monday, March 12, 12

Page 12: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

SOME customer insight

Monday, March 12, 12

Page 13: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Sketching

Monday, March 12, 12

Page 14: SxSW UX Bootcamp

@brenton_clarke

Monday, March 12, 12

--how many of you think you’re not artistic. you don’t draw?--me too. I’m a terrible artist. i can’t draw a perfect circle for the life of me. But what i’ve learned:--drawing & sketching out your ideas is about COMMUNICATING your ideas to others (biggest benefit)

--also helps you think through A LOT of things, evaluate a lot of constraints and pros and cons

(You might already be doing this through whiteboard sketching — or getting people in a room to have a “brainstorming” session - great!)

--helps you work quickly and iterate on ideas before committing to any one (another huge benefit)

http://handdrawnwords.tumblr.com/page/3

Page 15: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

6-8-5

Monday, March 12, 12

Good news for you, the best exercise for THINKING, coming up with LOTS OF IDEAS, and that involves SKETCHINGit’s called 6-8-5Goal: big brainstorming, come up with as many ideas a possible, unconstrained, etc.

Show one more slide one of the 6-8-5s we did with Awesome Foundation

Page 16: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

6-8-51 2 3 4

5 6 7 8Monday, March 12, 12

Good news for you, the best exercise for THINKING, coming up with LOTS OF IDEAS, and that involves SKETCHINGit’s called 6-8-5Goal: big brainstorming, come up with as many ideas a possible, unconstrained, etc.

Here’s what you need to do: Take your sheet of paper, and fold it in half 3 timesNow you have 8 boxesWe’re going to set the timer for 5 minutes momentarily, and your goal is to fill out between 6-8 of the boxes

Page 17: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

SxSw Party App

3 Considerations:

GOAL: find a party to attend at sxsw

• will be a mobile app

• parties need to be marked open / private / full / empty

• display parties to the user

Monday, March 12, 12

Today we’re going to brainstorm how to ...design an app that helps you find a parking spot (nearby) -without relying on parking ferry

Page 18: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

3 minutes left

Monday, March 12, 12

Page 19: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

1 minute left

Monday, March 12, 12

Page 20: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

30 seconds

Monday, March 12, 12

Page 21: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Time’s up!

Monday, March 12, 12

Page 22: SxSW UX Bootcamp

Monday, March 12, 12

Awesome, you guys did it! These aren’t exactly what you came up with, but these are the result of a previous 6-8-5 that we did previously.-How many of you got to 8 sketches?!-6?-4?-Awesome! The point of is actually not to get to 6-8 sketches but instead to think through as many ideas as possible. Even with 3-4 sketches, this helps get you closer to your product goals-Also, you might really be feeling antsy or ready to move on to another round. That’s great! We often do 2 rounds of these, since you’ll find some of your creative juices just got going (or this is bringing up lots of questions that you want to dive deeper into.)

....If we were doing a workshop or doing this at work for real, we’d share these with each other, provide some critique, and then repeat (do at least another round of 6-8-5).

Page 23: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

Brainstorming 201• brainwriting

• poster session

• 3-12-3

amz.on/GamestormingBook

bit.ly/GamestormingGuide

And many many more:Gamestorming (the book)

Gamestorming Cheat Sheet

Monday, March 12, 12

There’s a number of other good sketching exercises that are good for coming up with tons of ideas (especially in the early stage).--look these up later on (or email any of us to ask for more details)!

Page 24: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Pitch & Critique

Monday, March 12, 12So, now you have all these sketches, and they’re all sort of messy, and tough to read.

The beauty of these sketches is how little time you spent creating them, so it’s no big deal.

Now, what you need to do is take another 5 minutes getting INTERNAL feedback on your concepts.

Remember, this is just internal for the moment.

Page 25: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Ask for feedback

Give feedback

Receive feedback

Monday, March 12, 12The key to pitching and critiquing concepts is feedback.

How you ask for it matters. How you give it matters. But, keeping yourself open to receiving it is what matters most.

Page 26: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Ask for feedback“I want feedback on... “

“I don’t want feedback on...”

Set up context in 30 seconds or less.

Monday, March 12, 12E.g. “I decided to draw up the flow first, and I found I struggled with the user’s decision point here, so that’s what I want feedback on.”

E.g. “The copy here is still in flux, and I know the visual design needs tweaking, so I’d really rather focus on my flow.”

CONTEXT:

- for some people, the challenge is getting them to provide any context at tall, for others the challenge is getting them to limit the context set up to just the essentials.

So what are the essentials?

Page 27: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

The challenge

User considerations

Technical constraints

+

+

Context

Set up context

Monday, March 12, 12What’s the problem your solving for?

Consider your target audience, what is happening around them? What are they doing? Are they rushing from session to session? Are they already drunk at SXSW? :)

What are the technical constraints? Are they on a mobile device? Is it a smartphone or a feature phone?

Page 28: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Hmm...

?

?

Give feedback• Good critique is a constant dialogue

• Questions are welcome

Monday, March 12, 12

Page 29: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

No lobbing bombs!!

http://www.thefilmcynics.com/blog/wp-content/uploads/2010/09/BatmanWithBomb.jpg

Monday, March 12, 12NO LOBBING BOMBS

For every problem you see, challenge yourself to provide a potential solution, even if that means scrapping the whole flow or feature.

After all, you only spent five minutes on it.

Page 30: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Hmm...

?

?

Give feedback• What about this design resonates with you?

• What concerns you?

Monday, March 12, 12

Use post-its or red/green highlighters to mark what’s resonating with you and what you have concerns about.

You’ll find new edge cases. Decide whether or not you want to address those use cases. Do they fall into the 80% case.

Which brings me to my next point, being able to receive feedback is CRITICAL.

Page 31: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Receive feedback• Your mission...(should you choose to accept it)...is to

gain new insights from someone’s fresh perspective

• Don’t knock it ‘til you consider it

• Be a listenoholic

Monday, March 12, 12Bake this into your culture.

Become an organization of curiosity and healthy challenging.

Page 32: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Let’s practice!

Monday, March 12, 12

Bring someone up on stage to DO a pitch & critiquebenefits of this:

- people get aligned on the same page. Feasibility check-in.

- Everyone feels heard. You’ll get more buy-in, and the concepts will be more resolute.

- helps define clear direction for what do to next

- make this is a recurring activity — this is a cycle, you’ll do this again, and again, and again...

Page 33: SxSW UX Bootcamp

SxSW 2012 : : #uxbootcamp

1-ups

Monday, March 12, 12If you’re doing it right, you should do several rounds of this.

And this is all internal. None of this is public yet.

Ultimately, you’ll want to combine & merge all of these concepts into one single one. We call this a 1-up.

Creating a 1-up should give you a tangible, single element you can use to test publicly, so you can get real, unbiased feedback on your concept, prototype or product.

There are millions of testing methods, all of them serve a different purpose depending on context. Russ is going to walk you through 1 that is thrifty, fast, and highly effective.

Page 34: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Testing & Validation

Monday, March 12, 12

Page 35: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

...a body of unconventional ways of pursuing

conventional goals. ...a proven method of

achieving profits with minimum money.

Source: http://gmarketing.com/

What are Guerrilla Methods?

gaining insight Jay Conrad Levinson

“Monday, March 12, 12

Jay Conrad Levinson is attributed for coining the term “Guerrilla Marketing”, and that’s where we’re kind of coming from.

Jay also says: “Guerrilla marketing has been proven in action to work for small businesses around the world. It works because it’s simple to understand, easy to implement and outrageously inexpensive.”

How does this apply to UX? Well... How does it not?

There’s also a middle ground here, and that’s largely what I feel like we’re seeing in our project work with our partners at Happy Cog.

Page 36: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

We look for what we call the point of least astonishment.

Source: http://gmarketing.com/

Jared Spool“Monday, March 12, 12

Jared Spool Quote.

“We look for what we call the point of least astonishment.” - Jared Spool, CEO and Founding principal of UIE.

Page 37: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

• Man on the Street / Coffee Shop

• Burrito Lunch

• Rapid Iterative ProtoSketching (RIPS)

• User/ Browser Role Playing

• A/B Testing

Examples of Guerilla Methods in the Wild

Monday, March 12, 12

Time & Place:

Purpose:

Won’t Replace Trad’l Methods:

Page 38: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

(Wo)Man on the Street / Burrito LunchImage Source: http://urt.parsons.edu/urt/media/user/images/

Artstor_USA_New_York_City_Upper_west_coffee_shop.jpg

Image Source:http://awkwardfamilyphotos.com/

Image Source:http://awkwardfamilyphotos.com/

Monday, March 12, 12

Bring someone up. Do the Naked Pizza app.

“What does this screen look like to you? What do you think you would do with this / what do you think this is telling you?”

Page 39: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Image Source:http://awkwardfamilyphotos.com/

Monday, March 12, 12

Bring someone up. Do the Naked Pizza app.

“What does this screen look like to you? What do you think you would do with this / what do you think this is telling you?”

Page 40: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

• Man on the Street / Coffee Shop

• Burrito Lunch

• Rapid Iterative ProtoSketching (RIPS)

• User/ Browser Role Playing

• A/B Testing

Examples of Guerilla Researh in the Wild

Monday, March 12, 12

Page 41: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Rapid Iterative ProtoSketching (RIPS)

Monday, March 12, 12

Page 42: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Rapid Iterative ProtoSketching (RIPS)

Monday, March 12, 12

Page 43: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Rapid Iterative ProtoSketching (RIPS)

Monday, March 12, 12

Page 44: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Rapid Iterative ProtoSketching (RIPS)

Monday, March 12, 12

Page 45: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

User/Browser Role Playing

Monday, March 12, 12

Time & Place:

Purpose:

Won’t Replace Trad’l Methods:

Page 46: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

A/B Testing

Big Takeaway

A female model more than doubled conversions for this Norwegian

landing page.

Monday, March 12, 12

A:B Testing is the showing of different options to see which has a desired result.

The only difference between Version A and Version B was the photograph of the model in the page header. Version A had a Caucasian male who looked like one of Norway’s local couriers. Version B had an Asian female. Rolf Inge Holden, Global Digital Marketing Specialist, DHL Express, said they conducted this test because marketers in some countries claim they can’t show female faces because they have no female couriers. He wondered if that was true.

We’re not sure why the image of a woman drastically increased conversions, but the results show the impact of testing people images in your online marketing. Eyetracking studies find that people love to look at human faces — so DHL was smart to highlight the 30% savings below the model’s faces. Since visitors are likely to look at human faces, the next step is to find the most engaging face for that audience. And it may not be one that mimics actual customer experience, as this test shows.

Page 47: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

• Man on the Street / Coffee Shop

• Burrito Lunch

• Rapid Iterative ProtoSketching (RIPS)

• User/ Browser Role Playing

• A/B Testing

Examples of Guerilla Methods in the Wild• And so many more...

• Gamestorming

• Universal Principals Design

Monday, March 12, 12

Page 48: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

So What?Monday, March 12, 12--what we’ve done today: not everything, not a deep dive

--highlighting the techniques that work BEST and we use most COMMONLY--the gist of UX design so that you have good experiences & flows for you users--there’s LOTS more to discover & learn

Page 49: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

• Have a time and a place

• Have a purpose

• Won’t replace traditional/non-guerrilla methods

• Some good input/feedback/research is better than none

These Methods...

Monday, March 12, 12

Page 50: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

• Faster

• Lower-cost

• Less effort

• Providing sufficient insight to make informed decisions

• Just enough rigor to determine that a problem exists

They Are Also...

Monday, March 12, 12

Page 51: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

• Quantity over quality (6-8-5)

• Pitching and critiquing / Validate against requirements

• Group/Team collaboration

• Design Testing with These Methods...

• Can get results with a limited set of users

• Doesn’t (always) need to be done in a lab

• People like free stuff and LOVE to be listened to

And...

Monday, March 12, 12

Page 52: SxSW UX Bootcamp

SxSW 2012 : #uxbootcamp

Thank You Slide

Krista Sanders @newhighscore

Russ Unger @russu

Fred Beecher @fred_beecher

Brynn Evans @brynn

Monday, March 12, 12


Top Related