-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
2. WHO AM I?
• Born and raised in Brooklyn,
NY
• Love music, animals,
spirituality, theater, and the
great outdoors.
• Run on coffee.
3. WHAT HAVE I DONE?
• Start-up veteran of
companies small
• Gamification Co (media
company)
• Dopamine (creative
agency)
• Linoto (linen bedding)
• and large:
5. WHAT LEAD METO UX
DESIGN?
• The research skills I used in
school and in my career
• My customer service skills
• My passion for solving
problems
6. WHERE DO I WANTTO GO?
• User Research
• Jr UX Designer
7. “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
8. I’M LIKE A STANDUP
COMEDIAN
• CHRIS ROCKTESTS OUT HIS JOKES
ON SMALL AUDIENCES BEFORE HE
DOES AN HBO SPECIAL.
• WHAT ARETHEY LAUGHING AT?
WHAT AREN’TTHEY LAUGHING AT?
• LIKEWISE, ITEST OUT WHAT PEOPLE
FIND PLEASANT AND WHAT
PEOPLE DON’T ABOUTTHEIR
EXPERIENCE WITH A WEBSITE OR
MOBILE APP, AND REFINE IT!
• WHAT ARETHEY ENJOYING?
WHERE ARETHEY STRUGGLING?
9. Discover events and surprises right as they
Created for General Assembly by
Dave Riedy, Gary Henkle, Konstantin Ficklscherer
CASE STUDY:
10. WHAT’STHE 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.
11. 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
12. 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?
13. 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.
14.
15. • 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.
16. 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
• Both
Want ease of Twitter
functionality
April Martin T
Consumers +
April Martin Tyler Cynthia
Consumers Contributers+
17. FEATURE IDEATION SESSION
• KEEP IT SIMPLE
• Contributor
Quick path to sharing (text, photo, video)
Ease of use (few pages, clear instructions)
• Consumer
Ability 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)
18. 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
19. INITIAL USERTESTING
• 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.)
20. • 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
21. PROTOTYPE
• Combined two slightly different
cosmetic approaches to one
• Checked (verified) flags not clear
on initial viewing; became
clear 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!