7 must-try user experience tactics for developers (tiffany nolan & catherine robson)

7 must-try user experience tactics for developers

by Tiffany Nolan & Catherine Robson

Users have higher expectations

than ever.

10seconds to make a good impression

20minutes to

achieve a goal

Tiffany Nolan Catherine Robson

Manager, User Experience DesignRed Hat, Inc

[email protected]

@catwrobson

Interaction DesignerRed Hat, Inc

[email protected]

@tiffanolan

About us

How many of you are developers?

Question time!

How many of you work with a UX

designer already?

Learning UX tactics will make you a

better developer.

TACTIC #1User stories

Always start with user stories.

TACTIC #1 | User stories

As a <user type>I want <feature>

so <reason>


http://www.romanpichler.com/blog/personas-epics-user-stories/

TACTIC #1 | User Stories

FuddyFind Food Buddies at your next conference or event. Establishes a connection and similar interests to be

able to chat at receptions.

No one wants to eat alone, and especially when you’re on the road and in a new city. There are so many

unique and delicious restaurants to try out!

Masters degree in Public Communications

5 - 10 years of experience in her trade

Has changed companies about every 5 years

Is looking to grow in her trade

Social butterfly and excellent networker

Attend the conference to learn more about her trade

Network with others in different companies to open up job opportunities

Have engaging and interesting discussions with colleagues of similar interest

Expand her opportunities for the future

Wants to experience the city and locale of each conference as well as an avid traveler

“Going to conferences is such a great learning experience, but the best part is networking and meeting new and interesting people I can learn from.

GOALS

Sometimes it can be hard to locate others who are really looking for the most out of the conference experience

Wants to find the restaurants and experiences that really provide a taste of the locale while at a conference, but doesn’

t always have time to research it

Cheryl always arrives the day before the conference starts, wanting to get the most out of her conference experience. She carefully

plans her sessions, but also knows that part of the value of the conference is open time to meet and network with other colleagues.

She makes sure to leave her evenings available for either conference sponsored events, or to meet with people she meets

throughout the day. She often wants to engage with new contacts that have similar interests and helpful associations, but only

occasionally stumbles across these at a given conference.

Cheryl Conference Attendee

PAIN POINTS

BACKGROUND

Goes to conferences a few times a year and loves to socialize

DAY IN THE LIFE ….

More info...


EpicCheryl likes to locate and meet new people

over dinner.

● Cheryl would like to host an open reception at a local restaurant, so she can choose a restaurant she likes for people to join.

● Cheryl would like to browse existing receptions by attendees so she can join the most interesting evening conversation for her.


Brainstorm how you can solve the problem.

TACTIC #2Sketching

Quickly and easily explore design

options.

TACTIC #2 | Sketching

Iterate because your first idea is rarely your best.



Diverge Converge

Create choices

Make choices

You don’t have to be an artist to make an effective sketch.


TACTIC #3User flows

Map how the user performs

their tasks.

TACTIC #3 | User flows

Get stakeholder buy-in early.


Like sketching, create user flows

before any coding.


Solve the problem without technology

restrictions.


Home

Browse & Filter

Receptions

Browse Locations

Location Details

Booking Form Confirmation

ReceptionDetails

Confirmation

I would like to host an open reception.

I want to join the most interesting reception.

CREATE

ATTEND

SELECT

SELECT

BOOK IT!

JOIN

SUBMIT

Your goal is to optimize the task.


Downloads user flowCurrent (March 10, 2016) - 8 Screens, 6 Clicks to accept all T&Cs and get download bits

Click Download latest

Click REGISTER Click CREATE MY ACCOUNT

Info: Email verification

Click link to verify email

Click ACCEPT Click CONTINUE DOWNLOAD

Software downloads

Downloads Log in Register Verify T&Cs More info Get started

Possible for Week of March 14 - 6 Screens, 5 Clicks to accept all T&Cs and get download bits



Click ACCEPT Click CONTINUE DOWNLOAD

Software downloads

Downloads Log in Register T&Cs More info Get started

Desired for End of March - 4 Screens, 3 Clicks to accept all T&Cs and get download bits



Software downloads

Downloads Log in Register Get started

Email verification not required

Email verification not required T&Cs added to Register Form

New form with multiple

checkboxes for T&Cs

Home

Browse & Filter

Receptions

Browse Location

s

Location Details

Booking Form Confirmation

Reception

Details

Confirmation

I would like to host an open reception.

I want to join the most interesting reception.

Cheryl would like to host an open reception at a local restaurant, so she can choose a restaurant she likes for

people to join.

Cheryl would like to browse existing receptions by attendees so she can join the most interesting evening

conversation for her.

TACTIC #4Move away from the

data table!

Data tables create information

overload.

TACTIC #4 | Move away from the data table!

TACTIC #4 | Move away from the data table!

TACTIC #5Whitespace

...is the amount of space between

elements.

TACTIC #5 | Whitespace

Breathing room and balance.

It’s important.


...improves readability &

shows content prioritization.


The space doesn't have to actually

be white.


TACTIC #6Guerrilla testing

Test 10 minutes to save 10 days

re-coding.

TACTIC #6 | Guerrilla testing


Be casual.

Listen; don’t talk.


Record if possible.


Respect their time.

TACTIC #7User feedback

It’s not over once the solution is live.

TACTIC #7 | User feedback

Provide tools for feedback, bugs &

issues.


Think about the details you need to

solve an issue.


Expose the feedback to a

wider audience.


Don’t be afraid to follow up

with the user!


7 user experience tactics1. User stories2. Sketching3. User flows4. Move away from the data table!5. Whitespace6. Guerrilla testing7. User feedback

10seconds to make a good impression

20minutes to

achieve a goal

Research, Personas, User Storieshttps://www.usability.gov/what-and-why/user-experience.html

http://www.uxbooth.com/articles/creating-personas/

https://www.mountaingoatsoftware.com/agile/user-stories

http://www.romanpichler.com/blog/10-tips-writing-good-user-stories/

Interaction and Visual Designhttps://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111

http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/

https://www.usability.gov/what-and-why/interaction-design.html

http://1stwebdesigner.com/graphic-design-basics-elements/

http://www.visualmess.com/

Testing and Feedbackhttp://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/

https://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758

http://www.measuringu.com/blog/essential-metrics.php

https://www.usability.gov/what-and-why/web-analytics.html

Additional UX Resources

https://www.usability.gov/what-and-why/user-experience.html

https://www.usability.gov/what-and-why/user-experience.html







https://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111

https://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111









http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/

http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/







Tiffany Nolan Catherine Robson

Manager, User Experience DesignRed Hat, Inc

[email protected]

@catwrobson

Interaction DesignerRed Hat, Inc

[email protected]

@tiffanolan

Connect with usQuestions?

THANKS!