Bridging the gap between two different ways of thinking. A short presentation on how to best work with Developers and Designers to create a great product!
11. @_davestadler
“Whether we’re employees pitching
colleagues on a new idea,
entrepreneurs enticing funders to
invest, or parents and teachers
cajoling children to study, we spend
our days trying to move others. Like
it or not, we’re all in sales now.”
!
~ Daniel H. Pink
25. @_davestadler
• Product becomes more usable
• Making more profit
• Building team relationships
• Educating and learning from each other
benefits of buying design
30. @_davestadler
“
I’ve been amazed at how often those outside the
discipline of design assume that what designers do is
decoration - likely because so much bad design
simply is decoration. - Good design isn’t.
!
- Good design is problem solving.
Jeffrey Veen
”
36. @_davestadler
1. A say in what is being built.
2. Confidence in the design direction.
3. Annotated Design Files
if developers had…
they could ship great software.
42. @_davestadler
Team kick-off meeting
• Fostering input from the team
• Building a collaborative vision
• Getting buy-in
• Avoiding pitfalls down the road
44. @_davestadler
collaborative approach
• Discover and share with group
• Speed sketching sessions for features
• Divide and Conquer when appropriate
• Iterate upon prototypes
• Retrospective at end of sprints
46. @_davestadler
UX inside an Agile environment
• Stagger your Sprints
• Put Design one sprint ahead of development
• Gives time for internal and external review, revisions, and sign-off.
• Keep whole team in these early meetings
• Dev feedback is necessary even before coding begins
50. @_davestadler
designers do your homework
• Absorb any existing research done by client
• Discover personas
• Interview users
• Document user journeys
• Track clicks
• Record users’ interactions on-screen
51. @_davestadler
!
“If I had an hour to solve a problem
I'd spend 55 minutes thinking about the problem
and 5 minutes thinking about solutions.”
~ Alfred Einstein
56. @_davestadler
user journey maps
RangeofEmotions
DelightedFrustratted
ActionThoughts
// Persona #1:
Alisa
“She used CIP for 2min and found a lead -
Canadian company that was not on their radar -
and now the technology is under evaluation”
Feel
Curious.
Used
Search
to
find
a
school/institution
Using
work-around
because
it’seasier.
Used
om
ni-search
to
find
school.
Delighted
to
find
the
schoolIwanted.
Landed
on
UniversityProfile
page
Found
a
tab
forPatentsasexpected.
Clicked
‘Patents’tab
on
profile
page.
Curiousto
see
whatIcan
find.
Searched
7
differentterm
swithin
school.
Found
whatIwaslooking
for!
Clicked
on
one
patent.
Dissapointed
thatitem
wasn’tworthwhile.
Couldn’tfind
anything
ofinterest.
Starting
over,trying
a
new
search.
W
entbackto
search
anotheruniversity,
Stillsearching
form
ydesired
content.
Clicked
a
few
patentswithin
a
new
school.
Found
a
profile
page,thiscould
be
good!
Clicked
through
to
‘Profile’ofindiviiual.
Searching
through
a
lotofpages...
Continuing
on,clicked
through
30
pages.
Tried
feed
tab,to
see
whatit’sabout.
Viewed
‘Tour’ofFeed
Feed
looksuseful,I’lltryitout.
W
entto
create
a
new
feed.Confused
on
whatto
do,leave
thisfornow.
Didn’tcreate
theeee
feed
and
left.
Curiouswhatisfilings?Doesn’treallyhelp.
Clicked
the
‘Filings’tab
and
then
left.
Seen
allthe
parts,backto
search
form
e.
Goesbackto
search.
Didn’tknow
aboutfilters,these
can
help
.
Usesfiltersaftertheyunderstand
them
.
Betterresults,stilltakesawhile
to
filter.
Clicksthrough
m
anypagesuntilfinding
it.
// JOURNEY MAP #1: Company (Buy-Side)
66. @_davestadler
Working side by side
• Increases iterations
• Feedback loop is instantaneous
• Ideation can be tested quickly
• Google Hangouts when remote
67. @_davestadler
uniform direction
• Use similar grids, patterns, elements, colors, and typography
• Cat-Herd the unseen use-cases that inevitably rear their heads
• Too many different paradigms can confuse users
• Sometimes compromises are needed
79. @_davestadler
1. Share the discovery stage with the entire team.
2. Collect Research & Usability Data to drive problem solving
3. Create annotated documents to expedite development
if designers will…
they can ship great software!