my design process

21
MY PROCESS It’s a delicate balance: quick methodical

Upload: gary-henkle

Post on 15-Aug-2015

48 views

Category:

Design


0 download

TRANSCRIPT

MY PROCESS It’s a delicate balance:

quick methodical

WHO AM I?

• Born and raised in Brooklyn, NY

• Love music, animals, spirituality, theater, and the great outdoors.

• Run on coffee.

WHAT HAVE I DONE?• Start-up veteran of

companies small

• Gamification Co (media company)

• Dopamine (creative agency)

• Linoto (linen bedding)

• and large:

• Administrative Assistance

• Customer Service

• Social Media Management

• Online Marketing

WHAT HAVE I DONE?

WHAT LEAD ME TO UX DESIGN?

• The research skills I used in school and in my career

• My customer service skills

• My passion for solving problems

WHERE DO I WANT TO GO?• User Research

• Jr UX Designer

“THIS IS ‘REAL LITE'!”• Research competitors in the space and what’s

currently available

• Listen and look for what users are doing.

• Insight - Iterate: take ideas I’ve uncovered and design a wireframe and a prototype that would solve a problem

• Test the prototype with users and look at what they like and where they struggle

• Explain it to clients and the public

I’M LIKE A STANDUP COMEDIAN

• CHRIS ROCK TESTS OUT HIS JOKES ON SMALL AUDIENCES BEFORE HE DOES AN HBO SPECIAL.

• WHAT ARE THEY LAUGHING AT? WHAT AREN’T THEY LAUGHING AT?

• LIKEWISE, I TEST OUT WHAT PEOPLE FIND PLEASANT AND WHAT PEOPLE DON’T ABOUT THEIR EXPERIENCE WITH A WEBSITE OR MOBILE APP, AND REFINE IT!

• WHAT ARE THEY ENJOYING? WHERE ARE THEY STRUGGLING?

Discover events and surprises right as they

Created for General Assembly by Dave Riedy, Gary Henkle, Konstantin Ficklscherer

CASE STUDY:

WHAT’S THE PROBLEM?

• New York City has so much going on it’s impossible to know about everything, even if you wanted to.

• What is needed is an app that allows fellow NYers to share information about things happening right now. Information they can use.

• Twitter makes the most sense because of its built-in audience.

COMPETITIVE ANALYSIS• Facebook, Foursquare,

Instagram, Snapchat & Vine

• Onboarding process for Foursquare feels intrusive

• Snapchat allows users to tell (and view) a story of their local experience, but it’s difficult to navigate for all but the most intense power users

TECHNICAL BACKGROUND RESEARCH

• I researched what technology engineers and developers would need to actually build the app.

• Can we build it? Do we have the technology?

USER FEEDBACK AND RESEARCH

• Pinned up our proposal and got feedback from other designers.

• Sent out a survey and interviewed tons of people of various ages and background.

• We gave people a list of tweets and asked them to categorize them for us.

• Then we asked them to list the cards based on the categories that were

narrowed down earlier.

DEVELOPED USER PERSONAS• Consumers (70%)

Want a way to get the information they want through the noise

• Contributors (30%)Want a way to share events and ideas

• BothWant ease of Twitter functionality

April Martin Tyler Cynthia

Consumers Contributers+

April Martin Tyler Cynthia

Consumers Contributers+

FEATURE IDEATION SESSION

• KEEP IT SIMPLE

• ContributorQuick path to sharing (text, photo, video)Ease of use (few pages, clear instructions)

• ConsumerAbility to choose what info to view (channels)Know information is accurate/true (validation)Location + Time = Usefulness (time and map adjustment)Ease of use (few pages, clear instructions)

SKETCHING AND WIRE-FRAMING

• Map being central became clear after a few iterations

• Clear, specific information for main page:Map, Channels, Sharing CTA

• Moved to color rapidly as it was important to clarity of channels

• Lost large text/photo buttons, combined to single sharing CTA

INITIAL USER TESTING • Done with print-outs and on-screen displayed

PDFs

• “What functionality do you see here?”

• “Tell me what you expect to happen when you interact.”

• Using word “Tweet” for share CTA was confusing

• Initial clarity with large items (map, channels, flags)

• Further functionality needed work (what view people expected at links, what information they wanted on specific pages, etc.)

• After we built the prototype, the consistent feedback we received for this flow was that the description bubble hovering over the pin was too far north on the map and caused confusion over where the activity was located.

• To remedy this, we made the bubble larger and rectangular and hovered it at the top of the screen. We also zoomed in on the map to make the locations more clear.

WE’VE GOT ISSUES

PROTOTYPE

• Combined two slightly different cosmetic approaches to one

• Checked (verified) flags not clear on initial viewing; becameclear further they went into the app

• Slider buttons on main page (time range and map radius)were clear how to use, but not what “time” was changed

• Users said design was clean

http://invis.io/RA2UZ3FW7

Click here!