SlideShare a Scribd company logo
E L E M E N T S O F
U S E R E X P E R I E N C E D E S I G N
P E K P O N G PA E T
M I C R O S O F T R E A C T O R 

J A N U A RY 8 , 2 0 1 6
P E K P O N G PA E T
• Engineer
• Designer
• Entrepreneur
Hot Tweeters
I am really glad I am beating this girl who
lives in my town who my boyfriend used
to think was hot. I am 25 and hate her
guts like I'm in middle school. Thank you
for providing me with yet another outlet to
outdo her. My ego has been fed.
Elements of User Experience Design For Mobile Apps
Best 50 Websites of 2013
A B O U T I M P E K A B L E
I M P E K A B L E B E L I E V E S G R E AT P R O D U C T S A D A P T A N D
C H A N G E W I T H T H E I R U S E R S .
W E B A L A N C E H U M A N - C E N T R I C D E S I G N VA L U E S W I T H
D Y N A M I C P R O D U C T D E V E L O P M E N T.
Ideation Design Development
39M users
O U R C L I E N T S
Elements of User Experience Design For Mobile Apps
I M P E K A B L E
Elements
of Design
Si
Simplicity
I M P E K A B L E
FA C E B O O K
S I M P L I C I T Y
I M P E K A B L E
I N S TA G R A M
S I M P L I C I T Y
M A N Y S T E P S
L E S S S T E P S
On
Onboarding
I M P E K A B L E
U I S TA S H . C O
U I S TA S H . C O
U I S TA S H . C O
U I S TA S H . C O
U I S TA S H . C O
U I S TA S H . C O
A N G R Y B I R D S
O N B O A R D I N G
I M P E K A B L E
Fs
Focus
I M P E K A B L E
I N S TA G R A M
C A S E S T U D Y
I M P E K A B L E
S TAT S
FA C E B O O K
Other
2%
Video
3%
Status
11%
Links
30%
Photos
54%
Links
3%Status
15%
Photos
32%
Video
51%
Content Types Interactions
En
Engagement
I M P E K A B L E
E L I M I N AT E D E A D E N D S
E N G A G E M E N T
I N F I N I T E S C R O L L
D E A D E N D
E N G A G E M E N T
I M P E K A B L E
N E V E R E N D I N G
E N G A G E M E N T
I M P E K A B L E
E L I M I N AT E D E A D E N D S
E N G A G E M E N T
N O D E A D E N D S
F I X L E A K S
E N G A G E M E N T
K E E P U S E R S I N S I D E T H E A P P
F I X L E A K S
+
K E E P U S E R S I N S I D E T H E A P P
F I X L E A K S
+
Fl
Flow
I M P E K A B L E
flow: a mental state characterized by
a distorted sense of time, a lack of
self-consciousness, and complete
engagement in the task at hand
I M P E K A B L E
D E S I G N I N G F O R F L O W
# 1 : S E T C L E A R G O A L S
D E S I G N I N G F O R F L O W
I M P E K A B L E
# 2 : P R O V I D E I M M E D I A T E F E E D B A C K
D E S I G N I N G F O R F L O W
I M P E K A B L E
# 3 : M A X I M I Z E
E F F I C I E N C Y
D E S I G N I N G F O R F L O W
I M P E K A B L E
# 4 : A L L O W F O R D I S C O V E R Y
D E S I G N I N G F O R F L O W
I M P E K A B L E
Vr
Virality
I M P E K A B L E
vi·ral·i·ty: vīˈralətē/ the tendency of a
product, image, video, or piece of
information to be circulated rapidly and
widely from one Internet user to another; the
quality or fact of being viral
C A N D Y C R U S H
V I R A L I T Y
I M P E K A B L E
C R O S S Y R O A D S
V I R A L I T Y
I M P E K A B L E
V I R A L I T Y
D R O P B O X
V I R A L I T Y
Gm
Gamification
I M P E K A B L E
D U O L I N G O
G A M I F I C A T I O N
De
Delight
I M P E K A B L E
YA H O O W E AT H E R
P L E A S U R E
C O N T E N T I S K I N G
Z O O M T R A N S I T I O N S
YA H O O W E AT H E R B L U R
C U S T O M L O A D I N G W H E E L
PA R A L L A X S C R O L L
On
Onboarding
Fs
Focus
Si
Simplicity
VrFl
Flow
Gm
Gamification
En
Engagement
Virality
De
Delight
I M P E K A B L E . C O M
F O R I N Q U I R I E S : P E K @ I M P E K A B L E . C O M
U I S TA S H . C O
R E S O U R C E S / U I K I T S
D E S I G N W O R K S H O P
H T T P : / / B I T. LY / I M P E K A B L E _ W O R K S H O P
WA N T T O L E A R N M O R E ?
I M P E K A B L E W I L L B E H O L D I N G D E S I G N W O R K S H O P S I N T H E
S O U T H B A Y

More Related Content

PDF
Elements of User Experience for Mobile Apps
PDF
#TweetSmarter Webinar 2.0: Learn from the Experts How to Drive More Conversi...
PDF
On the shoulders of Giants: Stop looking up, and Start Looking Down
PPTX
Presentación Juan Martitegui - eCommerce Day Buenos Aires 2015
PDF
Flipbook-The Right To Be Forgotten: Fact or Fantasy
PDF
The Death of Print Magazines
PDF
Affects of Media on the Mind
PPTX
Will 3D printing change everything?
Elements of User Experience for Mobile Apps
#TweetSmarter Webinar 2.0: Learn from the Experts How to Drive More Conversi...
On the shoulders of Giants: Stop looking up, and Start Looking Down
Presentación Juan Martitegui - eCommerce Day Buenos Aires 2015
Flipbook-The Right To Be Forgotten: Fact or Fantasy
The Death of Print Magazines
Affects of Media on the Mind
Will 3D printing change everything?

What's hot (20)

PPTX
Problem solving god’s way
PDF
Film240 Flipbook
PDF
State of Permanent BETA
PDF
Promo Games for Movies and TV Shows
PPTX
Gabe Tartaglia - Engaging in a Connected World With the Power of Audio
PDF
Informed Design - Color by Numbers
PDF
Designing Agentive Technology with Christopher Noessel
PDF
5 Summer Camp Concepts for the Next 5 Years
PDF
Digitale Taktik – Social Media Strategie und Ziele am Beispiel des SV Werder ...
PDF
39 Rules to Help You Rock Your Next Presentation
PDF
21 RULES to Rock Your Next Pitch or SXSW Session
PDF
Tell Your Story - Keynote Presentation
PPTX
John Stauffer - Closing the Empathy Gap: Six Ways to Develop Better Consumer ...
PDF
Lessons learned in business
PDF
Comic Books - The Superhero of Multimodal Literacy
PDF
High Five Conference 2015 Top 25 Takeaways
PDF
What Everybody Wants to Know About Great Summer Camp Alumni Relations
PPTX
Yammer time
PPTX
SharePoint Saturday Redmond - Building solutions with the future in mind
PDF
Part 2: Leadership & Innovation Tactics
Problem solving god’s way
Film240 Flipbook
State of Permanent BETA
Promo Games for Movies and TV Shows
Gabe Tartaglia - Engaging in a Connected World With the Power of Audio
Informed Design - Color by Numbers
Designing Agentive Technology with Christopher Noessel
5 Summer Camp Concepts for the Next 5 Years
Digitale Taktik – Social Media Strategie und Ziele am Beispiel des SV Werder ...
39 Rules to Help You Rock Your Next Presentation
21 RULES to Rock Your Next Pitch or SXSW Session
Tell Your Story - Keynote Presentation
John Stauffer - Closing the Empathy Gap: Six Ways to Develop Better Consumer ...
Lessons learned in business
Comic Books - The Superhero of Multimodal Literacy
High Five Conference 2015 Top 25 Takeaways
What Everybody Wants to Know About Great Summer Camp Alumni Relations
Yammer time
SharePoint Saturday Redmond - Building solutions with the future in mind
Part 2: Leadership & Innovation Tactics
Ad

Viewers also liked (14)

PDF
App Start Contest finale: Social Jukebox
PDF
eSTUDENT partnerska prezentacija 2013/14
PDF
App Start Contest 2013/2014 prezentacija
PPTX
Gamification design thinking
PDF
UX and Gamification
PPT
Emily Powerpoint 1
PDF
UX Essentials For Startups
PDF
Opensource Frameworks and BigData Processing
PDF
The Synapse IoT Stack: Technology Trends in IOT and Big Data
PPTX
Understanding & Designing for the Mobile Web
PPTX
Good Practices to Maximize Your Mobile SEO
PDF
Gamification - Defining, Designing and Using it
PDF
Big Data Tech Stack
PDF
Digital in 2017 Global Overview
App Start Contest finale: Social Jukebox
eSTUDENT partnerska prezentacija 2013/14
App Start Contest 2013/2014 prezentacija
Gamification design thinking
UX and Gamification
Emily Powerpoint 1
UX Essentials For Startups
Opensource Frameworks and BigData Processing
The Synapse IoT Stack: Technology Trends in IOT and Big Data
Understanding & Designing for the Mobile Web
Good Practices to Maximize Your Mobile SEO
Gamification - Defining, Designing and Using it
Big Data Tech Stack
Digital in 2017 Global Overview
Ad

Similar to Elements of User Experience Design For Mobile Apps (20)

PDF
Event Planning & Trends: Design, Technology & F&B
PDF
MostContagious 2014 Recap
PPTX
Keynote Eelco Roos (Croyable) Bloggers event Money Making
PDF
Hard to Reach Users in Easy to Reach Places
PDF
Purposeful Brands
PPTX
multimediainfomediac17-180302055121-converted.pptx
PDF
#Winning at Instagram, or How to Learn to Stop Worrying and Love the Algorithm
PDF
Fab Labs: a global network for local entrepreneurship
PPSX
Store motion company profile 2014 march 2015
PDF
Heart on Sleeve: Librarianship As an Avocational Vocation
PDF
Lessons-learned from embedding design into a developmental evaluation: The si...
PPSX
Store motion company profile 2015
PPTX
Interactive media : information and libraries (#bobcatsss2017)
PDF
Project Management & Innovation
PDF
INCLUSIVE TRADE: THE RISE OF FAB LABS
PDF
20151015 earthsimulationoceanusoct
PDF
multimediainfomediac17-180302055121.pdf
PDF
9 Amazing Facts About Customer Service
PPTX
Multimedia information and Media
PPTX
multimedia_topic[1].pptx tle 8 porgrammin
Event Planning & Trends: Design, Technology & F&B
MostContagious 2014 Recap
Keynote Eelco Roos (Croyable) Bloggers event Money Making
Hard to Reach Users in Easy to Reach Places
Purposeful Brands
multimediainfomediac17-180302055121-converted.pptx
#Winning at Instagram, or How to Learn to Stop Worrying and Love the Algorithm
Fab Labs: a global network for local entrepreneurship
Store motion company profile 2014 march 2015
Heart on Sleeve: Librarianship As an Avocational Vocation
Lessons-learned from embedding design into a developmental evaluation: The si...
Store motion company profile 2015
Interactive media : information and libraries (#bobcatsss2017)
Project Management & Innovation
INCLUSIVE TRADE: THE RISE OF FAB LABS
20151015 earthsimulationoceanusoct
multimediainfomediac17-180302055121.pdf
9 Amazing Facts About Customer Service
Multimedia information and Media
multimedia_topic[1].pptx tle 8 porgrammin

Recently uploaded (20)

PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Big Data Technologies - Introduction.pptx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Machine learning based COVID-19 study performance prediction
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Review of recent advances in non-invasive hemoglobin estimation
DOCX
The AUB Centre for AI in Media Proposal.docx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Reach Out and Touch Someone: Haptics and Empathic Computing
Unlocking AI with Model Context Protocol (MCP)
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
The Rise and Fall of 3GPP – Time for a Sabbatical?
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Network Security Unit 5.pdf for BCA BBA.
Big Data Technologies - Introduction.pptx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Machine learning based COVID-19 study performance prediction
Understanding_Digital_Forensics_Presentation.pptx
cuic standard and advanced reporting.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Advanced methodologies resolving dimensionality complications for autism neur...
sap open course for s4hana steps from ECC to s4
Review of recent advances in non-invasive hemoglobin estimation
The AUB Centre for AI in Media Proposal.docx

Elements of User Experience Design For Mobile Apps

  • 1. E L E M E N T S O F U S E R E X P E R I E N C E D E S I G N P E K P O N G PA E T M I C R O S O F T R E A C T O R 
 J A N U A RY 8 , 2 0 1 6
  • 2. P E K P O N G PA E T • Engineer • Designer • Entrepreneur
  • 4. I am really glad I am beating this girl who lives in my town who my boyfriend used to think was hot. I am 25 and hate her guts like I'm in middle school. Thank you for providing me with yet another outlet to outdo her. My ego has been fed.
  • 7. A B O U T I M P E K A B L E I M P E K A B L E B E L I E V E S G R E AT P R O D U C T S A D A P T A N D C H A N G E W I T H T H E I R U S E R S . W E B A L A N C E H U M A N - C E N T R I C D E S I G N VA L U E S W I T H D Y N A M I C P R O D U C T D E V E L O P M E N T. Ideation Design Development
  • 8. 39M users O U R C L I E N T S
  • 10. I M P E K A B L E Elements of Design
  • 11. Si Simplicity I M P E K A B L E
  • 12. FA C E B O O K S I M P L I C I T Y I M P E K A B L E
  • 13. I N S TA G R A M S I M P L I C I T Y
  • 14. M A N Y S T E P S
  • 15. L E S S S T E P S
  • 16. On Onboarding I M P E K A B L E
  • 17. U I S TA S H . C O
  • 18. U I S TA S H . C O
  • 19. U I S TA S H . C O
  • 20. U I S TA S H . C O
  • 21. U I S TA S H . C O
  • 22. U I S TA S H . C O
  • 23. A N G R Y B I R D S O N B O A R D I N G I M P E K A B L E
  • 24. Fs Focus I M P E K A B L E
  • 25. I N S TA G R A M C A S E S T U D Y I M P E K A B L E
  • 26. S TAT S FA C E B O O K Other 2% Video 3% Status 11% Links 30% Photos 54% Links 3%Status 15% Photos 32% Video 51% Content Types Interactions
  • 27. En Engagement I M P E K A B L E
  • 28. E L I M I N AT E D E A D E N D S E N G A G E M E N T
  • 29. I N F I N I T E S C R O L L
  • 30. D E A D E N D E N G A G E M E N T I M P E K A B L E
  • 31. N E V E R E N D I N G E N G A G E M E N T I M P E K A B L E
  • 32. E L I M I N AT E D E A D E N D S E N G A G E M E N T
  • 33. N O D E A D E N D S
  • 34. F I X L E A K S E N G A G E M E N T
  • 35. K E E P U S E R S I N S I D E T H E A P P F I X L E A K S +
  • 36. K E E P U S E R S I N S I D E T H E A P P F I X L E A K S +
  • 37. Fl Flow I M P E K A B L E
  • 38. flow: a mental state characterized by a distorted sense of time, a lack of self-consciousness, and complete engagement in the task at hand I M P E K A B L E
  • 39. D E S I G N I N G F O R F L O W
  • 40. # 1 : S E T C L E A R G O A L S D E S I G N I N G F O R F L O W I M P E K A B L E
  • 41. # 2 : P R O V I D E I M M E D I A T E F E E D B A C K D E S I G N I N G F O R F L O W I M P E K A B L E
  • 42. # 3 : M A X I M I Z E E F F I C I E N C Y D E S I G N I N G F O R F L O W I M P E K A B L E
  • 43. # 4 : A L L O W F O R D I S C O V E R Y D E S I G N I N G F O R F L O W I M P E K A B L E
  • 44. Vr Virality I M P E K A B L E
  • 45. vi·ral·i·ty: vīˈralətē/ the tendency of a product, image, video, or piece of information to be circulated rapidly and widely from one Internet user to another; the quality or fact of being viral
  • 46. C A N D Y C R U S H V I R A L I T Y I M P E K A B L E
  • 47. C R O S S Y R O A D S V I R A L I T Y I M P E K A B L E
  • 48. V I R A L I T Y
  • 49. D R O P B O X V I R A L I T Y
  • 50. Gm Gamification I M P E K A B L E
  • 51. D U O L I N G O G A M I F I C A T I O N
  • 52. De Delight I M P E K A B L E
  • 53. YA H O O W E AT H E R P L E A S U R E
  • 54. C O N T E N T I S K I N G
  • 55. Z O O M T R A N S I T I O N S
  • 56. YA H O O W E AT H E R B L U R
  • 57. C U S T O M L O A D I N G W H E E L
  • 58. PA R A L L A X S C R O L L
  • 60. I M P E K A B L E . C O M F O R I N Q U I R I E S : P E K @ I M P E K A B L E . C O M
  • 61. U I S TA S H . C O R E S O U R C E S / U I K I T S
  • 62. D E S I G N W O R K S H O P H T T P : / / B I T. LY / I M P E K A B L E _ W O R K S H O P WA N T T O L E A R N M O R E ? I M P E K A B L E W I L L B E H O L D I N G D E S I G N W O R K S H O P S I N T H E S O U T H B A Y