AARON LAWRENCE
DESIGN MANAGER
PIVOTAL LABS
SAN FRANCISCO
LESLIE YANG
PRODUCT DESIGNER
PIVOTAL LABS
SAN FRANCISCO
PIVOTAL LABS + ADOBE MUSE
Pivotal Labs
Who we are
THE BALANCED TEAM
BIZ NEED
(PM)
USER NEED
(DESIGN)
Product
Decisions
Here
FEASIBILITY
(ENGINEERING)
THREE MONTH PROJECTS
Work
Examples
START UPS
ENTERPRISE
30 %
70 %
OURCLIENTS
CLIENTS ARE FULL-TIME
ON-SITE WITH US
PIVOTS
CLIENTS
CROSS-FUNCTIONAL PAIRING
PAIRING
DESIGN
PM
ENGINEERING
THE MVP
(minimum viable product)
Delight
Valuable
Usable
Feasible
DO THIS.
NOT THIS.
DISCOVER AND FRAMING
(D&F)
FAKE IT
FAKE IT
MAKE IT
THE UX ICEBERG
What most
people see
and react to
Visual Design
Interaction Design
Need Architecture
Concept
The fidelity
of the design gets higher as we move up the iceberg
HOW WE FAKE IT TILL' WE MAKE IT
(with adobe muse)
CLICK-ABLE MOCK UPS
STATIC MOCKS W/
INTERACT-ABLE ELEMENTS
PRODUCES A TESTABLE LINK
RESPONSIVE
TRANSITIONS
VIDEOS & GIFS
NATIVE PLATFORM
SOLAR
DESIGN KICK-OFF
(define goals, risks and priorities)
Business Goals
Improve the customer experience will result in less phone call to our customer support team.
This tool will build trust and lead to less cancellation and more referrals over time.
THE PROBLEM – THE DARK PERIOD (SALES TO SOLAR-ON)
Create a responsive web application that will guide our
new solar customers through the entire process of going
solar, from sales to power on state.
Product Goal (users needs)
Convey current status, completed steps, and what to expect in the future steps of the solar process.
AFTER RESEARCH WE STARTED THE CONCEPT PHASE
(sketching concepts with clients and stakeholders)
CONCEPT VALIDATION
(first round of testing )
WIRE-FRAME VALIDATION
(second round of testing)
DESIGN KICK-OFF
(define goals, risks and priorities)
THE VISION – MAKE YOUR OWN BOOK
Create a web application that makes it EASY for a writer, crafter or self publisher to upload and create their own physical book on-line for publishing or craft purposes.
THE CREATION
DIAL UP THE DESIGN FIDELITY
(moved up the iceberg to visual design)
VISUAL SYSTEMS
Static and live style guides
SONG MONKEY
RAM FINDER
THE FINAL PRODUCT
(looks just like like the thing we created)
THE MARKETING PAGES
(Muse is great for these)
DO THIS
NOT THIS
Spark Conversations around
• Scenarios/activities
• Real world context
• Pains and joys
• Their first time, last time
• Their best time, worst time
• Their Wish list
• Talk about your product
• Talk the entire time
• Ask leading questions
• Ask about future behaviors
• Ask “do you like it?"
• Ask "would you use it?"
• Sell
• Lots of yes, no questions
USER TESTING BEST PRACTICES
USER-TESTING TRICK
(get the need hierarchy first)
THE RIGHT NUMBER
TEAM IN ANOTHER ROOM
3 IN ONE ROOM
DO THIS
NOT THIS
Ask "Walk me through this screen and tell me what everything means to you?"
Have your user talk out loud. Ask "What are your thinking?"
Task your user and don't
help them. Observe them and prompt and take note
if their confused or stuck.
Ask, "What is that and what do you think it will do" before a user engages with a action element in the user-interface.
React of one data point, and change the entire direction of the product.
Helping your user through the process and doing it
for them.
Get frustrated if your user doesn't get it.
Asking leading questions that influence an answer
in your favor.
Always testing in the
office or controlled environment.
THANK YOU!
AARON
LAWRENCE
DESIGN
.COM
LESLIE
YANG
FOUNDER OF
LETTERLAPSE.COM
@LETTERLAPSE
TWITTER & INSTAGRAM:
@FEISTYELLE
MUSER.IO