SlideShare a Scribd company logo
1 of 51
Download to read offline
19/04/2015
FUNDAMENTALS
OF MOBILE UX
KEVIN CANNON
DUBLIN CITY UNIVERSITY
26/MARCH/2015
1. INTRODUCTION
2. FUNDAMENTALS
3. THE EXPERIENCE
4. KNOW YOUR USERS
INTRODUCTION
INTERACTION DESIGNER @ FROG DESIGN
KEVIN CANNON
@MULTIKEV
TECHNOLOGYDESIGN
PSYCHOLOGY
THE FUNDAMENTALS
CONSISTENCY
CONTRAST
GROUPING

FOCUS
CONSISTENCY
CONTRAST
Other Actions
Main Area
HIERARCHY
2
1
3
2
1
3
PRIMARY ACTION SECONDARY ACTION
TERTIARY ACTIONS
GROUPING
?
?
METAPHOR
FOCUS
ASK WHAT YOU CAN TAKE OUT,
NOT WHAT YOU CAN PUT IN.
From: Designing Interactions, Bill Moggridge, 2007, ISBN 978-0262134743
http://www.flickr.com/photos/thedalogs/3196553836/
Simple Flexible
Risk!
Simple Flexible
Risk!
Beginner Expert
Frequent
In-frequent
Frequent
In-frequent
?
?
?
?
Beginner Expert
Frequent
In-frequent
AEROPLANE COCKPITLOCK & KEY
Beginner Expert
FIRE EXTINGUISHER
NUCLEAR POWER PLANT
EMERGENCY MANUAL
GOOD IDEAS
YOU SHOULDN’T DO
GOOD IDEAS BAD IDEAS
ERGONOMICS
THE EXPERIENCE
CONTEXT AWARE
THINK ABOUT THE FULL LIFE CYCLE OF YOUR APP
AWARENESS USAGE END
MARKETPLACE
APP SITE
APP ICON
REPUTATION
REVIEWS
STOP USE
DELETION
RATING
WORD-OF-MOUTH
FIRST USE
SUPPORT
NEW FEATURES
UPDATE CYCLES
DEFINE CLEAR GOALS
What it is?
An app to help people save money.
How can people do that?
Track what they spend money on.
How you want them to feel?
Feel in control of their spending.
What it is not?
Not a budget planner or manager.
GENTLE ALARM CLOCK APP
TALK TO PEOPLE
CARD SORTING
CONCEPT VALIDATION
USER TESTING
1. GET THE BASICS DOWN
2. CURATE THE EXPERIENCE
3. UNDERSTAND YOUR USER
THANKS!
KEVIN CANNON
@MULTIKEV

More Related Content

Similar to Fundamentals of Mobile UX - A light introducion

Smarter, Better, Surprising Gov - ASTD Int'l conf presentation by Michael Le...
Smarter, Better, Surprising Gov  - ASTD Int'l conf presentation by Michael Le...Smarter, Better, Surprising Gov  - ASTD Int'l conf presentation by Michael Le...
Smarter, Better, Surprising Gov - ASTD Int'l conf presentation by Michael Le...
Gov2.0
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 
with MyLab BusinessCommunication®• Reporting Dashboar.docx
with MyLab BusinessCommunication®• Reporting Dashboar.docxwith MyLab BusinessCommunication®• Reporting Dashboar.docx
with MyLab BusinessCommunication®• Reporting Dashboar.docx
helzerpatrina
 

Similar to Fundamentals of Mobile UX - A light introducion (20)

Putting Learning into Context with Mobile Devices
Putting Learning into Context with Mobile DevicesPutting Learning into Context with Mobile Devices
Putting Learning into Context with Mobile Devices
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
 
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
Why UX Matters? for Startup Braga 2015 #2 Acceleration Programe
 
Practical Usability
Practical UsabilityPractical Usability
Practical Usability
 
Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014
 
Clients Don't Suck (Resolving common blockers that stifle UX)
Clients Don't Suck (Resolving common blockers that stifle UX)Clients Don't Suck (Resolving common blockers that stifle UX)
Clients Don't Suck (Resolving common blockers that stifle UX)
 
Business of Experience Workshop - DE IA
Business of Experience Workshop - DE IABusiness of Experience Workshop - DE IA
Business of Experience Workshop - DE IA
 
Tappworthy A Framework for Mobile Strategy
Tappworthy A Framework for Mobile StrategyTappworthy A Framework for Mobile Strategy
Tappworthy A Framework for Mobile Strategy
 
5 Keys to Designing UX That Drives Patient Engagement
5 Keys to Designing UX That Drives Patient Engagement5 Keys to Designing UX That Drives Patient Engagement
5 Keys to Designing UX That Drives Patient Engagement
 
10 Page Essay
10 Page Essay10 Page Essay
10 Page Essay
 
10 Page Essay
10 Page Essay10 Page Essay
10 Page Essay
 
Smarter, Better, Surprising Gov - ASTD Int'l conf presentation by Michael Le...
Smarter, Better, Surprising Gov  - ASTD Int'l conf presentation by Michael Le...Smarter, Better, Surprising Gov  - ASTD Int'l conf presentation by Michael Le...
Smarter, Better, Surprising Gov - ASTD Int'l conf presentation by Michael Le...
 
Scc codesign-cmc
Scc codesign-cmcScc codesign-cmc
Scc codesign-cmc
 
GRIP CONTENT DEVELOPEMENT INTERN PPT.pptx
GRIP CONTENT DEVELOPEMENT INTERN PPT.pptxGRIP CONTENT DEVELOPEMENT INTERN PPT.pptx
GRIP CONTENT DEVELOPEMENT INTERN PPT.pptx
 
GRIP CONTENT DEVELOPEMENT INTERN PPT.pptx
GRIP CONTENT DEVELOPEMENT INTERN PPT.pptxGRIP CONTENT DEVELOPEMENT INTERN PPT.pptx
GRIP CONTENT DEVELOPEMENT INTERN PPT.pptx
 
Identifying and Responding to Emerging Technologies
Identifying and Responding to Emerging TechnologiesIdentifying and Responding to Emerging Technologies
Identifying and Responding to Emerging Technologies
 
DECODING PRIVACY - Perceptions, Conflicts and Strategies of Privacy in the Mo...
DECODING PRIVACY - Perceptions, Conflicts and Strategies of Privacy in the Mo...DECODING PRIVACY - Perceptions, Conflicts and Strategies of Privacy in the Mo...
DECODING PRIVACY - Perceptions, Conflicts and Strategies of Privacy in the Mo...
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
with MyLab BusinessCommunication®• Reporting Dashboar.docx
with MyLab BusinessCommunication®• Reporting Dashboar.docxwith MyLab BusinessCommunication®• Reporting Dashboar.docx
with MyLab BusinessCommunication®• Reporting Dashboar.docx
 
2012 Jiveworld: Building Successful Apps and Platforms
2012 Jiveworld: Building Successful Apps and Platforms2012 Jiveworld: Building Successful Apps and Platforms
2012 Jiveworld: Building Successful Apps and Platforms
 

Recently uploaded

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
TusharBahuguna2
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 

Recently uploaded (20)

Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 

Fundamentals of Mobile UX - A light introducion

Editor's Notes

  1. UX is how someone uses it.
  2. UX is how someone uses it.
  3. Keep it consistent unless you’ve a read not to. Consistent within your app, consistent with the platform.
  4. No contrast between news items.
  5. A small addition of more contrast on alternating rows scrolling long list easier.
  6. Guide the users eye
  7. Design a guided tour
  8. Squint test
  9. Using colour and contrast to create a visual hierarchy.
  10. The green areas are the tools which handle drawing
  11. When do you ever eat your dinner with a Swiss Army Knife?
  12. Flexible is not necessarily bad, just different.
  13. A different way to look at things. What do you need and when?
  14. Know where your app lives on this chart
  15. Other examples: iPhoto vs Photoshop
  16. What is the experience you want to deliver? Designing something is like being the host of a party. You set up everything as best you can, and hope it all works as expected.
  17. If your app requires content to succeed, decide how to handle first use. Couldn’t this have 5 starting videos?
  18. An expenses application. Often used offline when travelling abroad.
  19. Use to organise content, and understand people’s mental model of apps.
  20. How to understand is this the right approach. Especially useful in areas where you are very different than your audience.
  21. Testing higher-fidelity prototypes, to refine interactions, and catch major usability issues.