Keeping UX Simple:
Designing a single experience for
multiple types of users
I am Raina Mehta
- Head of Product & Design at Kaplan
- Over 15 years designing digital experiences at
Amazon, NBCUniversal, Prudential and Kaplan.
Hello!
2
My approach
◉ Product Management is a team sport
◉ Customer empathy is art and a science
◉ Be willing to be proven wrong and to pivot
3
At Kaplan, I am leading the
design of a single online
experience for more than 15 test
prep courses
• ACT
• AP
• SAT
• MCAT
• LSAT
4
• CFA
• GRE
• Nursing
• Medical
• BAR
• and more!
Challenge: Many tests. Many expensive,
custom experiences. Too many personas.
ACT
5
AP
SAT
MCAT
GRE LSAT
Nursing
Medical
CFA
BAR
Segment by mindsets,
rather than personas
1
6
Focus on motivations, jobs to be done and goals.
Mindset mapping focuses on the student goals
and learning style
7
Guidance Seekers Self Directed
One experience, multiple
configurations
Diagnostic
test
Module 1
Video
Live
Online
Module 1
class
8
Module 1
Questions
Practice
Test
Live
online
test day
prep
One experience, multiple
configurations
Diagnostic
test
Module 1
Video
Live
Online
Module 1
class
9
Module 1
Questions
Practice
Test
Live
online
test day
prep
Design with data-driven
goals at the forefront
2
10
Define how you will measure success and then work
backwards.
Define organizational goals
11
ACQUIRE
Free to Trial conversion
Trial to Paid conversion
ENGAGE
Repeat visitation
Completion of practice tests
DELIGHT
NPS
Cancellation rate
VALUE
Practice test score
Each team decides how they can
impact the goal
product
Repeat
visits up
10%
12
UX mkting
data
science
sales
tech
KPIs KPIs KPIs KPIs KPIs
KPIs
Design, test and validate that
your design will move your KPIs
Open-ended discovery Conjoint studies Click analysis
13
A/B tests Card sorting Video panels
Launching is just
the beginning
Launch, learn and optimize through continuous measurement and
ongoing user feedback.
3
14
The launch & learn
cycle
15
Build
Measure
Learn
Recap of how we’ve done it
Segment by mindset
Design towards data-driven goals
Launch & learn
16
3
2
1
Thanks!
17
Instructions for use
EDIT IN GOOGLE SLIDES
Click on the button under the presentation
preview that says "Use as Google Slides
Theme".
You will get a copy of this document on your
Google Drive and will be able to edit, add or
delete slides.
You have to be signed in to your Google
account.
EDIT IN POWERPOINT®
Click on the button under the presentation
preview that says "Download as PowerPoint
template". You will get a .pptx file that you can
edit in PowerPoint.
Remember to download and install the fonts
used in this presentation (you’ll find the links to
the font files needed in the Presentation design
slide)
More info on how to use this template at www.slidescarnival.com/help-use-presentation-template
This template is free to use under Creative Commons Attribution license. You can keep the Credits slide or mention
SlidesCarnival and other resources used in a slide footer. 18
Transition headline
Let’s start with the first set of slides
1
19
“
Quotations are commonly printed
as a means of inspiration and to
invoke philosophical thoughts
from the reader.
20
This is a slide title
◉ Here you have a list of items
◉ And some text
◉ But remember not to overload your slides with
content
Your audience will listen to you or read the
content, but won’t do both.
21
White
Is the color of milk and fresh
snow, the color produced by
the combination of all the
colors of the visible
spectrum.
You can also split your
content
Black
Is the color of ebony and of
outer space. It has been the
symbolic color of elegance,
solemnity and authority.
22
In two or three columns
Yellow
Is the color of gold,
butter and ripe
lemons. In the
spectrum of visible
light, yellow is found
between green and
orange.
Blue
Is the colour of the
clear sky and the
deep sea. It is located
between violet and
green on the optical
spectrum.
Red
Is the color of blood,
and because of this it
has historically been
associated with
sacrifice, danger and
courage.
23
A picture is worth a thousand
words
A complex idea can be conveyed
with just a single still image, namely
making it possible to absorb large
amounts of data quickly.
24
Want big impact?
Use big image.
25
Use charts to explain your
ideas
Tests
Students Curriculum
26
Or use diagrams to explain
complex ideas
27
LOREM 3
Vestibulum nec congue
tempus lorem ipsum
LOREM 1
Vestibulum nec congue
tempus lorem ipsum
LOREM 2
Vestibulum nec congue
tempus lorem ipsum
Vestibulum nec
congue tempus
And tables to compare data
A B C
Yellow 10 20 7
Blue 30 15 10
Orange 5 24 16
28
Maps
our
office
29
89,526,124
Whoa! That’s a big number, aren’t you proud?
30
89,526,124$
That’s a lot of money
100%
Total success!
185,244 users
And a lot of users
31
Our process is easy
first last
second
32
Any questions ?
You can find me at
◉ @username
◉ user@mail.me
Thanks!
33
Let’s review some concepts
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum of
visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky and
the deep sea. It is located
between violet and green on the
optical spectrum.
Red
Is the color of blood, and
because of this it has historically
been associated with sacrifice,
danger and courage.
34
Yellow
Is the color of gold, butter and
ripe lemons. In the spectrum of
visible light, yellow is found
between green and orange.
Blue
Is the colour of the clear sky and
the deep sea. It is located
between violet and green on the
optical spectrum.
Red
Is the color of blood, and
because of this it has historically
been associated with sacrifice,
danger and courage.
You can insert graphs from Excel or Google Sheets
35
4000
3000
2000
1000
0
Mobile project
Show and explain your
web, app or software
projects using these
gadget templates.
36
Tablet project
Show and explain your
web, app or software
projects using these
gadget templates.
37
Desktop project
Show and explain
your web, app or
software projects
using these gadget
templates.
38
Credits
Special thanks to all the people who made and
released these awesome resources for free:
◉ Presentation template by SlidesCarnival
◉ Photographs by Unsplash
39
This presentation uses the following typographies:
◉ Titles: Lora
◉ Body copy: Quattrocento Sans
Download for free at:
https://www.fontsquirrel.com/fonts/lora
https://www.fontsquirrel.com/fonts/quattrocento-sans
Presentation design
You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide if you need to create new slides or download
the fonts to edit the presentation in PowerPoint®
40
Extra Resources
For Business Plans, Marketing Plans, Project Proposals, Lessons, etc
2
Timeline
42
DEC
NOV
OCT
SEP
AUG
JUL
JUN
MAY
APR
MAR
FEB
JAN
Blue is the colour of the
clear sky and the deep
sea
Red is the colour of
danger and courage
Black is the color of
ebony and of outer space
Yellow is the color of
gold, butter and ripe
lemons
White is the color of milk
and fresh snow
Blue is the colour of the
clear sky and the deep
sea
Yellow is the color of
gold, butter and ripe
lemons
White is the color of milk
and fresh snow
Blue is the colour of the
clear sky and the deep
sea
Red is the colour of
danger and courage
Black is the color of
ebony and of outer space
Yellow is the color of
gold, butter and ripe
lemons
Roadmap
43
1 3 5
6
4
2
Blue is the colour of the
clear sky and the deep
sea
Red is the colour of
danger and courage
Black is the color of
ebony and of outer space
Yellow is the color of gold,
butter and ripe lemons
White is the color of milk
and fresh snow
Blue is the colour of the
clear sky and the deep
sea
Gantt chart
44
Week 1 Week 2
1 2 3 4 5 6 7 8 9 10 11 12 13 14
Task 1
Task 2 ◆
Task 3
Task 4 ◆
Task 5 ◆
Task 6
Task 7
Task 8
SWOT Analysis
45
STRENGTHS
Blue is the colour of the
clear sky and the deep
sea
WEAKNESSES
Yellow is the color of
gold, butter and ripe
lemons
Black is the color of
ebony and of outer space
OPPORTUNITIES
White is the color of milk
and fresh snow
THREATS
Business Model Canvas
46
Key Activities
Insert your content
Key Resources
Insert your content
Value Propositions
Insert your content
Customer Relationships
Insert your content
Channels
Insert your content
Customer Segments
Insert your content
Key Partners
Insert your content
Cost Structure
Insert your content
Revenue Streams
Insert your content
Funnel
47
PURCHASE
LOYALTY
AWARENESS
EVALUATION
DISCOVERY
INTENT
Insert your content
Insert your content
Insert your content
Insert your content
Insert your content
Insert your content
Team Presentation
48
Imani Jackson
JOB TITLE
Blue is the colour of the clear
sky and the deep sea
Marcos Galán
JOB TITLE
Blue is the colour of the clear
sky and the deep sea
Ixchel Valdía
JOB TITLE
Blue is the colour of the clear
sky and the deep sea
Nils Årud
JOB TITLE
Blue is the colour of the clear
sky and the deep sea
Competitor Matrix
49
LOW
VALUE
1
HIGH
VALUE
1
LOW VALUE 2
HIGH VALUE 2
Our company
Competitor
Competitor
Competitor
Competitor
Competitor
Compe
titor
Weekly Planner
50
SUNDAY MONDAY TUESDAY WEDNESDAY THURSDAY FRIDAY SATURDAY
9:00 - 9:45 Task Task Task Task Task Task Task
10:00 - 10:45 Task Task Task Task Task Task Task
11:00 - 11:45 Task Task Task Task Task Task Task
12:00 - 13:15 ✔ Free time ✔ Free time ✔ Free time ✔ Free time ✔ Free time ✔ Free time ✔ Free time
13:30 - 14:15 Task Task Task Task Task Task Task
14:30 - 15:15 Task Task Task Task Task Task Task
15:30 - 16:15 Task Task Task Task Task Task Task
SlidesCarnival icons are editable shapes.
This means that you can:
● Resize them without losing quality.
● Change line color, width and style.
Isn’t that nice? :)
Examples:
51
Diagrams and infographics
52
Now you can use any emoji as an icon!
And of course it resizes without losing quality and you can change the color.
How? Follow Google instructions
https://twitter.com/googledocs/status/730087240156643328
✋👆👉👍👤👦👧👨👩👪💃🏃
💑❤😂😉😋😒😭👶😸🐟🍒🍔
💣📌📖🔨🎃🎈🎨🏈🏰🌏🔌🔑
and many more...
53
Free templates for all your presentation needs
Ready to use,
professional and
customizable
100% free for personal
or commercial use
Blow your audience
away with attractive
visuals
For PowerPoint and
Google Slides
54

Designing a Single Experience for Different Users

  • 1.
    Keeping UX Simple: Designinga single experience for multiple types of users
  • 2.
    I am RainaMehta - Head of Product & Design at Kaplan - Over 15 years designing digital experiences at Amazon, NBCUniversal, Prudential and Kaplan. Hello! 2
  • 3.
    My approach ◉ ProductManagement is a team sport ◉ Customer empathy is art and a science ◉ Be willing to be proven wrong and to pivot 3
  • 4.
    At Kaplan, Iam leading the design of a single online experience for more than 15 test prep courses • ACT • AP • SAT • MCAT • LSAT 4 • CFA • GRE • Nursing • Medical • BAR • and more!
  • 5.
    Challenge: Many tests.Many expensive, custom experiences. Too many personas. ACT 5 AP SAT MCAT GRE LSAT Nursing Medical CFA BAR
  • 6.
    Segment by mindsets, ratherthan personas 1 6 Focus on motivations, jobs to be done and goals.
  • 7.
    Mindset mapping focuseson the student goals and learning style 7 Guidance Seekers Self Directed
  • 8.
    One experience, multiple configurations Diagnostic test Module1 Video Live Online Module 1 class 8 Module 1 Questions Practice Test Live online test day prep
  • 9.
    One experience, multiple configurations Diagnostic test Module1 Video Live Online Module 1 class 9 Module 1 Questions Practice Test Live online test day prep
  • 10.
    Design with data-driven goalsat the forefront 2 10 Define how you will measure success and then work backwards.
  • 11.
    Define organizational goals 11 ACQUIRE Freeto Trial conversion Trial to Paid conversion ENGAGE Repeat visitation Completion of practice tests DELIGHT NPS Cancellation rate VALUE Practice test score
  • 12.
    Each team decideshow they can impact the goal product Repeat visits up 10% 12 UX mkting data science sales tech KPIs KPIs KPIs KPIs KPIs KPIs
  • 13.
    Design, test andvalidate that your design will move your KPIs Open-ended discovery Conjoint studies Click analysis 13 A/B tests Card sorting Video panels
  • 14.
    Launching is just thebeginning Launch, learn and optimize through continuous measurement and ongoing user feedback. 3 14
  • 15.
    The launch &learn cycle 15 Build Measure Learn
  • 16.
    Recap of howwe’ve done it Segment by mindset Design towards data-driven goals Launch & learn 16 3 2 1
  • 17.
  • 18.
    Instructions for use EDITIN GOOGLE SLIDES Click on the button under the presentation preview that says "Use as Google Slides Theme". You will get a copy of this document on your Google Drive and will be able to edit, add or delete slides. You have to be signed in to your Google account. EDIT IN POWERPOINT® Click on the button under the presentation preview that says "Download as PowerPoint template". You will get a .pptx file that you can edit in PowerPoint. Remember to download and install the fonts used in this presentation (you’ll find the links to the font files needed in the Presentation design slide) More info on how to use this template at www.slidescarnival.com/help-use-presentation-template This template is free to use under Creative Commons Attribution license. You can keep the Credits slide or mention SlidesCarnival and other resources used in a slide footer. 18
  • 19.
    Transition headline Let’s startwith the first set of slides 1 19
  • 20.
    “ Quotations are commonlyprinted as a means of inspiration and to invoke philosophical thoughts from the reader. 20
  • 21.
    This is aslide title ◉ Here you have a list of items ◉ And some text ◉ But remember not to overload your slides with content Your audience will listen to you or read the content, but won’t do both. 21
  • 22.
    White Is the colorof milk and fresh snow, the color produced by the combination of all the colors of the visible spectrum. You can also split your content Black Is the color of ebony and of outer space. It has been the symbolic color of elegance, solemnity and authority. 22
  • 23.
    In two orthree columns Yellow Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange. Blue Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum. Red Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage. 23
  • 24.
    A picture isworth a thousand words A complex idea can be conveyed with just a single still image, namely making it possible to absorb large amounts of data quickly. 24
  • 25.
    Want big impact? Usebig image. 25
  • 26.
    Use charts toexplain your ideas Tests Students Curriculum 26
  • 27.
    Or use diagramsto explain complex ideas 27 LOREM 3 Vestibulum nec congue tempus lorem ipsum LOREM 1 Vestibulum nec congue tempus lorem ipsum LOREM 2 Vestibulum nec congue tempus lorem ipsum Vestibulum nec congue tempus
  • 28.
    And tables tocompare data A B C Yellow 10 20 7 Blue 30 15 10 Orange 5 24 16 28
  • 29.
  • 30.
    89,526,124 Whoa! That’s abig number, aren’t you proud? 30
  • 31.
    89,526,124$ That’s a lotof money 100% Total success! 185,244 users And a lot of users 31
  • 32.
    Our process iseasy first last second 32
  • 33.
    Any questions ? Youcan find me at ◉ @username ◉ user@mail.me Thanks! 33
  • 34.
    Let’s review someconcepts Yellow Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange. Blue Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum. Red Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage. 34 Yellow Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange. Blue Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum. Red Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.
  • 35.
    You can insertgraphs from Excel or Google Sheets 35 4000 3000 2000 1000 0
  • 36.
    Mobile project Show andexplain your web, app or software projects using these gadget templates. 36
  • 37.
    Tablet project Show andexplain your web, app or software projects using these gadget templates. 37
  • 38.
    Desktop project Show andexplain your web, app or software projects using these gadget templates. 38
  • 39.
    Credits Special thanks toall the people who made and released these awesome resources for free: ◉ Presentation template by SlidesCarnival ◉ Photographs by Unsplash 39
  • 40.
    This presentation usesthe following typographies: ◉ Titles: Lora ◉ Body copy: Quattrocento Sans Download for free at: https://www.fontsquirrel.com/fonts/lora https://www.fontsquirrel.com/fonts/quattrocento-sans Presentation design You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide if you need to create new slides or download the fonts to edit the presentation in PowerPoint® 40
  • 41.
    Extra Resources For BusinessPlans, Marketing Plans, Project Proposals, Lessons, etc 2
  • 42.
    Timeline 42 DEC NOV OCT SEP AUG JUL JUN MAY APR MAR FEB JAN Blue is thecolour of the clear sky and the deep sea Red is the colour of danger and courage Black is the color of ebony and of outer space Yellow is the color of gold, butter and ripe lemons White is the color of milk and fresh snow Blue is the colour of the clear sky and the deep sea Yellow is the color of gold, butter and ripe lemons White is the color of milk and fresh snow Blue is the colour of the clear sky and the deep sea Red is the colour of danger and courage Black is the color of ebony and of outer space Yellow is the color of gold, butter and ripe lemons
  • 43.
    Roadmap 43 1 3 5 6 4 2 Blueis the colour of the clear sky and the deep sea Red is the colour of danger and courage Black is the color of ebony and of outer space Yellow is the color of gold, butter and ripe lemons White is the color of milk and fresh snow Blue is the colour of the clear sky and the deep sea
  • 44.
    Gantt chart 44 Week 1Week 2 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Task 1 Task 2 ◆ Task 3 Task 4 ◆ Task 5 ◆ Task 6 Task 7 Task 8
  • 45.
    SWOT Analysis 45 STRENGTHS Blue isthe colour of the clear sky and the deep sea WEAKNESSES Yellow is the color of gold, butter and ripe lemons Black is the color of ebony and of outer space OPPORTUNITIES White is the color of milk and fresh snow THREATS
  • 46.
    Business Model Canvas 46 KeyActivities Insert your content Key Resources Insert your content Value Propositions Insert your content Customer Relationships Insert your content Channels Insert your content Customer Segments Insert your content Key Partners Insert your content Cost Structure Insert your content Revenue Streams Insert your content
  • 47.
    Funnel 47 PURCHASE LOYALTY AWARENESS EVALUATION DISCOVERY INTENT Insert your content Insertyour content Insert your content Insert your content Insert your content Insert your content
  • 48.
    Team Presentation 48 Imani Jackson JOBTITLE Blue is the colour of the clear sky and the deep sea Marcos Galán JOB TITLE Blue is the colour of the clear sky and the deep sea Ixchel Valdía JOB TITLE Blue is the colour of the clear sky and the deep sea Nils Årud JOB TITLE Blue is the colour of the clear sky and the deep sea
  • 49.
    Competitor Matrix 49 LOW VALUE 1 HIGH VALUE 1 LOW VALUE2 HIGH VALUE 2 Our company Competitor Competitor Competitor Competitor Competitor Compe titor
  • 50.
    Weekly Planner 50 SUNDAY MONDAYTUESDAY WEDNESDAY THURSDAY FRIDAY SATURDAY 9:00 - 9:45 Task Task Task Task Task Task Task 10:00 - 10:45 Task Task Task Task Task Task Task 11:00 - 11:45 Task Task Task Task Task Task Task 12:00 - 13:15 ✔ Free time ✔ Free time ✔ Free time ✔ Free time ✔ Free time ✔ Free time ✔ Free time 13:30 - 14:15 Task Task Task Task Task Task Task 14:30 - 15:15 Task Task Task Task Task Task Task 15:30 - 16:15 Task Task Task Task Task Task Task
  • 51.
    SlidesCarnival icons areeditable shapes. This means that you can: ● Resize them without losing quality. ● Change line color, width and style. Isn’t that nice? :) Examples: 51
  • 52.
  • 53.
    Now you canuse any emoji as an icon! And of course it resizes without losing quality and you can change the color. How? Follow Google instructions https://twitter.com/googledocs/status/730087240156643328 ✋👆👉👍👤👦👧👨👩👪💃🏃 💑❤😂😉😋😒😭👶😸🐟🍒🍔 💣📌📖🔨🎃🎈🎨🏈🏰🌏🔌🔑 and many more... 53
  • 54.
    Free templates forall your presentation needs Ready to use, professional and customizable 100% free for personal or commercial use Blow your audience away with attractive visuals For PowerPoint and Google Slides 54