2. Intro
AndrewVeles
Head of Product Design @ Caruma Tech
Head of Product Design @ IVPN
—8yearsofoveralldesignexperience
—5yearsofcommercialdesign
—4yearsofdesigningforstartups
—4yearsinagencies
3. Clients Andrew Veles talks
Barclays,Nexar,Rostelecom,Petcube,Intel,
Azbuka Vkusa,Mercedes-Benz,VTB,LUN.ua,
Russian Government,Ukrainian Government,
Ukrainian Institute of Fashion History,Imena.UA,
Rails Reactor,and over 200 others.
5. What you will get Andrew Veles talks
Your project is complex.
You don’t see a full picture.
You don’t have enough resources.
You want to create a perfect solution.
You have a limited time (as f cking always)
6. What you will get Andrew Veles talks
The
!
way to understand
complexity of your project is to
see it from bird’s eye view.
7. What you will get Andrew Veles talks
The
!
way to understand
project’s problems is to see
interrelationships between
active points.
8. What you will get Andrew Veles talks
Complexity
Mind Map
UX Flow
Flow
Connections
Problems
35. Better connections Andrew Veles talks
Indeed,mindmapping can be
more
!
way to achieve all UX
design process.
36. Better connections Andrew Veles talks
Some users are always
choosing the most
!
way to
get what they need.
37. Better connections Andrew Veles talks
Homepage
Not important
page #1
Not important
page #2
Not important
page #5
Not important
page #6
Not important
page #7
Not important
page #4
Not important
page #3
Pricing Sign Up Thank you
80%
40%
60% 30% 30%
40% 40% 20%
43. Think with your user Andrew Veles talks
Fun fact: when coming
to SaaS platform,visitors
are
!
for pricing page.
44. Think with your user Andrew Veles talks
Site N
Pricing Sign up
Sign Up
Homepage (AIDA)
Intro
Introductory slide
Explanatory slide
Interest slide
Desire slide
Action slide
FAQ
Blog
Services
Introductory Page 1
Introductory Page 2
Introductory Page 3
Good.
45. Think with your user
Better.
Site N
Menu
Home
Pricing
Services
Blog
Introductory
Sign Up
Sign In
Pricing Sign up
Sign Up
Homepage (AIDA)
Intro
Introductory slide
Explanatory slide
Interest slide
Desire slide
Action slide
FAQ
FAQ 1
FAQ 2
FAQ 3
Blog
Article 1
Article 2
Article N
Services
Introduction
Explanation
CTA
Introductory Page 1
Introduction
Explanation
CTA
Introductory Page 2
Introduction
Explanation
CTA
Introductory Page 3
Introduction
Explanation
CTA
Legend
Pricing
New customer
Sign Up
Andrew Veles talks
46. Think with your user Andrew Veles talks
Site N
Menu
Home
Pricing
Services
Blog
Introductory Page 1
Sign Up
Sign In
Pricing
Annual (10%) Sign up
Quarterly (2%) Sign up
Monthly (15%) Sign up
Sign Up
Menu
(80%) Personal Details
Username
Password
Confirm password
(70%) Pricing
(20%) Credit card info
(20%) Submit (20%) Thank you!
Welcome Email
Account page
Homepage (AIDA)
Menu
(100%) Intro
(90%) Introductory slide
(60%) Explanatory slide
(40%) Interest slide
(30%) Desire slide
(20%) Action slide
FAQ
FAQ 1
FAQ 2
FAQ 3
Blog
Article 1
Article 2
Article N
Services
Introduction
Explanation
CTA
Introductory Page 1
Introduction
Explanation
CTA
Introductory Page 2
Introduction
Explanation
CTA
Introductory Page 3
Introduction
Explanation
CTA
Still
getting
better
Legend
Pricing
New customer
Sign Up
Email
47. Mac App Login Login
Login
Password
Submit
Forgot password
50% Continue with Free Trial
50% Continue with Free Trial
Login
Password
Email
Submit
Back to Login
Mac App Onboarding
Step 1
Get serious privacy
protection and peace
of mind
Next
Skip
Step 2
All device access
Next
Skip
Step 3
Popular Locations
Next
Skip
Step 4
Multihop Connections
Next
Skip
Mac App
You have 3 days Trial. Subscribe to
extend
Subscribe
Connect
Hops Select
Single-Hop
by default
Select server click
Username
Password
Connect
Multi-Hop
Select entry server click
Select exit server click
Username
Password
Connect
IVPN Firewall Status
On
Off
Menu Bar
Menu Bar Icon
Show IVPN
Preferences
Quit
File
Preferences
About IVPN
Quit
Edit
Help
Think with your user Andrew Veles talks
Application interactions
Mindmap
48. Think with your user Andrew Veles talks
Build mindmaps for each specific
operating system.Patterns on
or
☎
are different.
49. Think with your user Andrew Veles talks
Develop entry points
and exit points.
50. on 2.1
ivpn.net Sign Up
User Details
Email
Password
Confirm password
Billing
Payment method
Order Thank you
Contains Username and Password
Welcome Email
Download IVPN
.dmg File Downloading double click drag into Applications launchpad click click on the submit button
macOS security prompt
Mac App
Mac App
iPhone App
Android App
Windows App
Linux App
etc.
Go to your Profile
Launch IVPN
Mac App
Download IVPN .dmg File Downloading double click drag into Applications launchpad click click on the submit button
macOS security prompt
Mac App
Mac App Login Login
Login
Password
Submit
Forgot password
50% Continue with Free Trial
50% Continue with Free Trial
Login
Password
Email
Submit
Back to Login
Mac App Onboarding
Step 1
Get serious privacy
protection and peace
of mind
Next
Skip
Step 2
All device access
Next
Skip
Step 3
Popular Locations
Next
Skip
Step 4
Multihop Connections
Next
Skip
Mac App
You have 3 days Trial. Subscribe to
extend
Subscribe
Connect
Hops Select
Single-Hop
by default
Select server click
Username
Password
Connect
Multi-Hop
Select entry server click
Select exit server click
Username
Password
Connect
IVPN Firewall Status
On
Off
Menu Bar
Menu Bar Icon
Show IVPN
Preferences
Quit
File
Preferences
About IVPN
Quit
Edit
Help
Think with your user Andrew Veles talks
Entry & Exit points
51. Think with your user Andrew Veles talks
Action depends on structure
and understanding how user
think.
60. Next Level Andrew Veles talks
Take back to Mindmap
Android Onboarding You’re set!
Vehicle profile Vehicle Profile
Vehicle class
You’re set!
Camera
Connect Prepare Camera
Buy Online
Get Started Connect to Caruma Wi-Fi Did you hear the sound?
I heard it
Accessibility
Buy Camera
Connected Insurance Select Insurance Provider Provider Details Connect Insurance Scan Front Driver License Scan Com
Do this Later Home
Home
64. Learning from UX Flows
Remove clutter from existing
solution to make it more
simple,better and fluid.
Andrew Veles talks
65. Learning from UX Flows Andrew Veles talks
Home
Play with other Petcubes
Hamburger Menu
Settings
Play with your Petcube
Profile
Home
Followers
Notifications
The problem
83. Explanation Andrew Veles talks
Take back to Mindmap
Connected
Insurance
Select
Insurance
Provider
Provider
Details
Connect
Insurance
Scan Front
Driver
License
Scan
Completed?
Scan Back
Driver
License
Scan
Completed?
Provider
Details
You’re set!
A B
84. Explanation Andrew Veles talks
Connected
Insurance
Select
Insurance
Provider
Provider
Details
Scan Front
Driver
License
Scan
Completed?
Scan Back
Driver
License
Scan
Completed?
Provider
Details
You’re set!
85. Explanation Andrew Veles talks
Connected
Insurance
Select
Insurance
Provider
Provider
Details
Scan Front
Driver
License
Scan
Completed?
Scan Back
Driver
License
Scan
Completed?
Provider
Details
You’re set!
86. Explanation Andrew Veles talks
Flow works better on user
interface,not on wireframes
because you don’t need to
explain more.
88. Prototyping Andrew Veles talks
Do not create a fully-functional
prototype in Principle,InVision,
etc.It will overkill the sense of
valuable
☝
action you need to
achieve.