SlideShare a Scribd company logo
Here’s a serie of questions I ask when
I start auditing the UX/UI of a digital
product.
It follow the chronological order of a
product discovery.
Introduction
How do I discover it?
2/24
Build upon an existing community :
Facebook page, side-projects, and
more.
Invite-based marketing is old
fashioned, but it worked
Virality owns you, not the reverse.
Do I understand the website?
Your website is your product, too.
Build each section with a clear
feature in mind.
Home

Pricing

How it works

Testimonials

User stories
Howdy explains what its chatbots does
with a mockup of Slack.
3/24
Find explicit use-cases for explicit
people. Create empathy.
Fields to be filed: When _ I’d like to _
so that _.
Webflow communicates directly to its
niche of freelance designers.
Do I know one potential user?
4/24
Don’t lie.
Be aware of your ‘public traction’ on
App Annie, Alexa, Angel List, etc.
App Annie is a public repository of ranks,
reviews and more—for iOS and Android apps.
What’s the traction like?
5/24
Have a clear statement.
Front public roadmap
Is the roadmap insightful?
6/24
Work on Screenshots, Ratings,
Copy, Reviews.
Every items you work on must clarify
what your product solves, and how.
Product marketing on the Slack
marketplace for bots.
Where do I download it?
7/24
Options for signups tell a lot about
the product:
- Email: pro, neutral
- Gmail: productivity
- Facebook: efficiency
- Twitter: social network
- Phone number: security
What does the signup reveals?
8/24
Feedly: pro and personal
Make it easier to fill forms. Work on
the placeholders.
Example: Add conditions for a
relevant password.
Improved forms
Are placeholders pre-filed?
9/24
Complexity is not the number of
dials or how many features it has.
It is whether the person using the
device has a good conceptual
model of how it operates.
— Don Norman
A cockpit is complex. And that’s
just fine.
Is complexity well handled?
10/24
What’s the overall amount of infos
you ask to a user before he’s even
tried the product?
Reduce the time it takes to
experience the value.
Baremetrics shows the value just
after signing up with Stripe
When do I see the value?
11/24
Be as clear as possible. Write stuff if
needed.
Users love learning by using the
product.
A simple but efficient tutorial
Is the tutorial useful?
12/24
Think completeness as something
linear, not binary.
Divide success in small bits.
Quick wins in Inbox for iOS
When is the first quick win?
13/24
Using a top menu bar and ‘cards’ as
design helps you get a clear overall
mapping.
Copy the best around.
Information architecture 101
Is the basic flow mainstream?
14/24
The opening screen embodies the
vision of what you sell.
For an ebook app: do you open the
library, or the last page read?
Snapchat opens a camera, not a feed
Why this screen appears first?
15/24
Before: going online where content
all looked the same for everyone.
Now: personalized informations
come to us.
Personalization in Uber for iOS
Is this personalized?
16/24
Integration with third party apps
enhances the experience.
– Dropbox, to retrieve content
– Clearbit, for B2B profiles
– Google Apps, for calendar
Integrations in Sunrise for iOS
Do you use shortcuts?
17/24
Retention loops are built-in features
in the product that are supposed to
re engage the user.
Write original copy.
Curiosity as a trigger
How smart notifications are?
18/24
Create incentives for users to refer
your products to their network.
Referral is the end of it all
Why would I recommend this?
19/24
Users should understand the use-
case once they manipulate the
product.
Instagram: a great afforance
Do I get the goal in 1 sec?
20/24
1. Restrict yourself. It’s harder to
make many typefaces, sizes, and
colors match together.
2. Always use grids. Bigger margins
are better.
3. Delete whenever you can.
Swiss design
Are the UI rules respected?
21/24
Sometimes no UI is the best solution
to UI constraints.
Copy is the new UI in chat bots
Are the UI rules respected? #2
22/24
How do you know it’s a problem?
Who do you target first?
What’s your growth channels?
Why aren’t you live yet?
23/24
Business questions
Use the Jobs-to-be-done framework
Always be testing
Measure your funnels
Celebrate usage, not work
24/24
Final tips
Mailbox
Howdy
Webflow
App Annie [Yellow]
Trello [Front]
Slack [HBR]
Feedly
Baremetrics
Workflow
Index: References
Inbox
Snapchat
Uber
Sunrise
Hardbound
Product Hunt
Instagram
Statsbot

More Related Content

Similar to UX Auditing 101

Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Filippo Andolfatto
 
Accessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekAccessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product Week
Kat K. Richards
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
Tarik (Rick) Dzekman
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
Float
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
MoodLabs
 
Technology and UX,UI design trends for 2023
Technology and UX,UI design trends for 2023Technology and UX,UI design trends for 2023
Technology and UX,UI design trends for 2023
Cocoon Experience
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
Lewis Lin 🦊
 
Biz Product Learnings
Biz Product LearningsBiz Product Learnings
Biz Product Learnings
Kinshuk Adhikary
 
HTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & PlanningHTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & Planning
Paul Crimi
 
IBM Design Thinking field guide
IBM Design Thinking field guideIBM Design Thinking field guide
IBM Design Thinking field guide
IBM Switzerland
 
Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4
Newflux UX/UI News
 
Designing for Multiple Devices - Sarit Arora
 Designing for Multiple Devices - Sarit Arora Designing for Multiple Devices - Sarit Arora
Designing for Multiple Devices - Sarit Arora
STC India UX SIG
 
User-Centered Website Design
User-Centered Website DesignUser-Centered Website Design
User-Centered Website Design
Brent Bice
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Process
creed
 
THE LEAN UX - SUMMARY
THE LEAN UX - SUMMARYTHE LEAN UX - SUMMARY
THE LEAN UX - SUMMARY
Vinsol
 
Designing for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developersDesigning for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developers
Kelley Howell
 
Technovation challenge workplan for week 4
Technovation challenge workplan for week 4Technovation challenge workplan for week 4
Technovation challenge workplan for week 4
wetech_global
 
Hybrid Publishing Design Methods For Technical Books
Hybrid Publishing Design Methods For Technical BooksHybrid Publishing Design Methods For Technical Books
Hybrid Publishing Design Methods For Technical Books
Technological Ecosystems for Enhancing Multiculturality
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slidesoopscrash1
 
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsFallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Aki Spicer
 

Similar to UX Auditing 101 (20)

Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
Andolfatto Filippo Master Thesis - The modern store: usage of multimodal tech...
 
Accessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekAccessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product Week
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 
ATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologiesATDTK18 - design patterns for emergent learning technologies
ATDTK18 - design patterns for emergent learning technologies
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Technology and UX,UI design trends for 2023
Technology and UX,UI design trends for 2023Technology and UX,UI design trends for 2023
Technology and UX,UI design trends for 2023
 
Web UI Design Patterns 2014
Web UI Design Patterns 2014Web UI Design Patterns 2014
Web UI Design Patterns 2014
 
Biz Product Learnings
Biz Product LearningsBiz Product Learnings
Biz Product Learnings
 
HTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & PlanningHTML5 Meetup | Back to Basics: Wireframing & Planning
HTML5 Meetup | Back to Basics: Wireframing & Planning
 
IBM Design Thinking field guide
IBM Design Thinking field guideIBM Design Thinking field guide
IBM Design Thinking field guide
 
Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4Ibm design thinking field guide v3.4
Ibm design thinking field guide v3.4
 
Designing for Multiple Devices - Sarit Arora
 Designing for Multiple Devices - Sarit Arora Designing for Multiple Devices - Sarit Arora
Designing for Multiple Devices - Sarit Arora
 
User-Centered Website Design
User-Centered Website DesignUser-Centered Website Design
User-Centered Website Design
 
Evolving the Creative Process
Evolving the Creative ProcessEvolving the Creative Process
Evolving the Creative Process
 
THE LEAN UX - SUMMARY
THE LEAN UX - SUMMARYTHE LEAN UX - SUMMARY
THE LEAN UX - SUMMARY
 
Designing for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developersDesigning for Mobile: UX for designers and developers
Designing for Mobile: UX for designers and developers
 
Technovation challenge workplan for week 4
Technovation challenge workplan for week 4Technovation challenge workplan for week 4
Technovation challenge workplan for week 4
 
Hybrid Publishing Design Methods For Technical Books
Hybrid Publishing Design Methods For Technical BooksHybrid Publishing Design Methods For Technical Books
Hybrid Publishing Design Methods For Technical Books
 
Chapter 1 id2e_slides
Chapter 1 id2e_slidesChapter 1 id2e_slides
Chapter 1 id2e_slides
 
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan AppsFallon Brainfood x Planning-ness 2010: How To Plan Apps
Fallon Brainfood x Planning-ness 2010: How To Plan Apps
 

Recently uploaded

projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 

Recently uploaded (20)

projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 

UX Auditing 101

  • 1. Here’s a serie of questions I ask when I start auditing the UX/UI of a digital product. It follow the chronological order of a product discovery. Introduction
  • 2. How do I discover it? 2/24 Build upon an existing community : Facebook page, side-projects, and more. Invite-based marketing is old fashioned, but it worked Virality owns you, not the reverse.
  • 3. Do I understand the website? Your website is your product, too. Build each section with a clear feature in mind. Home
 Pricing
 How it works
 Testimonials
 User stories Howdy explains what its chatbots does with a mockup of Slack. 3/24
  • 4. Find explicit use-cases for explicit people. Create empathy. Fields to be filed: When _ I’d like to _ so that _. Webflow communicates directly to its niche of freelance designers. Do I know one potential user? 4/24
  • 5. Don’t lie. Be aware of your ‘public traction’ on App Annie, Alexa, Angel List, etc. App Annie is a public repository of ranks, reviews and more—for iOS and Android apps. What’s the traction like? 5/24
  • 6. Have a clear statement. Front public roadmap Is the roadmap insightful? 6/24
  • 7. Work on Screenshots, Ratings, Copy, Reviews. Every items you work on must clarify what your product solves, and how. Product marketing on the Slack marketplace for bots. Where do I download it? 7/24
  • 8. Options for signups tell a lot about the product: - Email: pro, neutral - Gmail: productivity - Facebook: efficiency - Twitter: social network - Phone number: security What does the signup reveals? 8/24 Feedly: pro and personal
  • 9. Make it easier to fill forms. Work on the placeholders. Example: Add conditions for a relevant password. Improved forms Are placeholders pre-filed? 9/24
  • 10. Complexity is not the number of dials or how many features it has. It is whether the person using the device has a good conceptual model of how it operates. — Don Norman A cockpit is complex. And that’s just fine. Is complexity well handled? 10/24
  • 11. What’s the overall amount of infos you ask to a user before he’s even tried the product? Reduce the time it takes to experience the value. Baremetrics shows the value just after signing up with Stripe When do I see the value? 11/24
  • 12. Be as clear as possible. Write stuff if needed. Users love learning by using the product. A simple but efficient tutorial Is the tutorial useful? 12/24
  • 13. Think completeness as something linear, not binary. Divide success in small bits. Quick wins in Inbox for iOS When is the first quick win? 13/24
  • 14. Using a top menu bar and ‘cards’ as design helps you get a clear overall mapping. Copy the best around. Information architecture 101 Is the basic flow mainstream? 14/24
  • 15. The opening screen embodies the vision of what you sell. For an ebook app: do you open the library, or the last page read? Snapchat opens a camera, not a feed Why this screen appears first? 15/24
  • 16. Before: going online where content all looked the same for everyone. Now: personalized informations come to us. Personalization in Uber for iOS Is this personalized? 16/24
  • 17. Integration with third party apps enhances the experience. – Dropbox, to retrieve content – Clearbit, for B2B profiles – Google Apps, for calendar Integrations in Sunrise for iOS Do you use shortcuts? 17/24
  • 18. Retention loops are built-in features in the product that are supposed to re engage the user. Write original copy. Curiosity as a trigger How smart notifications are? 18/24
  • 19. Create incentives for users to refer your products to their network. Referral is the end of it all Why would I recommend this? 19/24
  • 20. Users should understand the use- case once they manipulate the product. Instagram: a great afforance Do I get the goal in 1 sec? 20/24
  • 21. 1. Restrict yourself. It’s harder to make many typefaces, sizes, and colors match together. 2. Always use grids. Bigger margins are better. 3. Delete whenever you can. Swiss design Are the UI rules respected? 21/24
  • 22. Sometimes no UI is the best solution to UI constraints. Copy is the new UI in chat bots Are the UI rules respected? #2 22/24
  • 23. How do you know it’s a problem? Who do you target first? What’s your growth channels? Why aren’t you live yet? 23/24 Business questions
  • 24. Use the Jobs-to-be-done framework Always be testing Measure your funnels Celebrate usage, not work 24/24 Final tips
  • 25. Mailbox Howdy Webflow App Annie [Yellow] Trello [Front] Slack [HBR] Feedly Baremetrics Workflow Index: References Inbox Snapchat Uber Sunrise Hardbound Product Hunt Instagram Statsbot