SlideShare a Scribd company logo
1 of 10
Best Practices for Mobile Apps: A
Neuroscientist’s Perspective
Cassandra Moore, PhD
Director of User Experience Strategy




© 2011 Piehead Productions LLC. All Rights Reserved.   1
Who is Piehead?

Piehead is a digitally-centric agency developing creative,
insight-driven solutions in a channel-neutral approach to
building brand engagement.




    © 2011 Piehead Productions LLC. All Rights Reserved.     2
Exploit Affordance




  © 2011 Piehead Productions LLC. All Rights Reserved.   3
Provide Information when Needed




  © 2011 Piehead Productions LLC. All Rights Reserved.   4
Use Common Gestures Consistently




  © 2011 Piehead Productions LLC. All Rights Reserved.   5
Provide Instruction for Novel Gestures




  © 2011 Piehead Productions LLC. All Rights Reserved.   6
Avoid making Users Think




  © 2011 Piehead Productions LLC. All Rights Reserved.   7
Understand the Audience and Context of
Use




  © 2011 Piehead Productions LLC. All Rights Reserved.   8
Mobile App Best Practices

•   Exploit affordances by using evocative images like page stacks
•   Employ imagery that guides the user to the action
•   Show only the contextually necessary features
•   Provide progressive disclosure of information
•   Use metaphors to enable prediction of the app’s behavior
•   Use gestures consistently to enable knowledge transfer
•   Provide pictorial instruction for novel gestures
•   Don’t make users think!
•   Know your audience and context of use




     © 2011 Piehead Productions LLC. All Rights Reserved.            9
The Real Message

•   Memory is weak,
•   Attention sucks,
•   Metaphors work,
•   Intuition rules!




     © 2011 Piehead Productions LLC. All Rights Reserved.   10

More Related Content

Viewers also liked

Viewers also liked (20)

392 2011 fallseminar_bethgallagher
392 2011 fallseminar_bethgallagher392 2011 fallseminar_bethgallagher
392 2011 fallseminar_bethgallagher
 
156 camille carter
156 camille carter156 camille carter
156 camille carter
 
101612 ssp digitalrevenuewebinar_amyclarkeluchsinger
101612 ssp digitalrevenuewebinar_amyclarkeluchsinger101612 ssp digitalrevenuewebinar_amyclarkeluchsinger
101612 ssp digitalrevenuewebinar_amyclarkeluchsinger
 
380 sspin2011 joemcentee
380 sspin2011 joemcentee380 sspin2011 joemcentee
380 sspin2011 joemcentee
 
398 bob sumner_webinar09182012
398 bob sumner_webinar09182012398 bob sumner_webinar09182012
398 bob sumner_webinar09182012
 
377 sspin2011 danstrempel
377 sspin2011 danstrempel377 sspin2011 danstrempel
377 sspin2011 danstrempel
 
331 seminar1 duncanmacrae
331 seminar1 duncanmacrae331 seminar1 duncanmacrae
331 seminar1 duncanmacrae
 
124 sidman
124 sidman124 sidman
124 sidman
 
359 geoffrey bilder
359 geoffrey bilder359 geoffrey bilder
359 geoffrey bilder
 
198 ssp seminar05_nolan
198 ssp seminar05_nolan198 ssp seminar05_nolan
198 ssp seminar05_nolan
 
397 seth maislinpresentation
397 seth maislinpresentation397 seth maislinpresentation
397 seth maislinpresentation
 
49 david levy
49 david levy49 david levy
49 david levy
 
164 sspcc1 a_robertson
164 sspcc1 a_robertson164 sspcc1 a_robertson
164 sspcc1 a_robertson
 
384 sspin2011 walthamsession2
384 sspin2011 walthamsession2384 sspin2011 walthamsession2
384 sspin2011 walthamsession2
 
73 libraries 2
73 libraries 273 libraries 2
73 libraries 2
 
188 sspcc4 e_hart
188 sspcc4 e_hart188 sspcc4 e_hart
188 sspcc4 e_hart
 
393 2011 fallseminar_williamcook
393 2011 fallseminar_williamcook393 2011 fallseminar_williamcook
393 2011 fallseminar_williamcook
 
369 diane bartoli
369 diane bartoli369 diane bartoli
369 diane bartoli
 
312 john lester
312 john lester312 john lester
312 john lester
 
03112014 ssp webinar_printondemand_terrilewandowski
03112014 ssp webinar_printondemand_terrilewandowski03112014 ssp webinar_printondemand_terrilewandowski
03112014 ssp webinar_printondemand_terrilewandowski
 

Similar to 388 2011 fallseminar_cassandramoore

Mobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry LieveldMobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry LieveldMobileConventionAmsterdam
 
Putting Mobile First - July 2013
Putting Mobile First - July 2013Putting Mobile First - July 2013
Putting Mobile First - July 2013Precedent
 
Understanding the Complex Mobile Landscape
Understanding the Complex Mobile Landscape Understanding the Complex Mobile Landscape
Understanding the Complex Mobile Landscape R2integrated
 
App promo apple expo presentation
App promo apple expo presentationApp promo apple expo presentation
App promo apple expo presentationGary Yentin
 
How to Use Mobile Apps to Grow Your Business
How to Use Mobile Apps to Grow Your BusinessHow to Use Mobile Apps to Grow Your Business
How to Use Mobile Apps to Grow Your BusinessOfficeArrow
 
Quick Guide for Designing Usable Mobile UI
Quick Guide for Designing Usable Mobile UIQuick Guide for Designing Usable Mobile UI
Quick Guide for Designing Usable Mobile UIAurobinda Pradhan
 
Windows Phone Code Camp Montreal - marketplace
Windows Phone Code Camp Montreal - marketplaceWindows Phone Code Camp Montreal - marketplace
Windows Phone Code Camp Montreal - marketplaceFrédéric Harper
 
Small Business Mobile Marketing
Small Business Mobile MarketingSmall Business Mobile Marketing
Small Business Mobile MarketingBarb Cagley
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesIvano Malavolta
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
 
zen & the art of mobile application strategy
zen & the art of mobile application strategyzen & the art of mobile application strategy
zen & the art of mobile application strategyBryan Maleszyk
 
Mobile App design trends you must watch out in coming years
Mobile App design trends you must watch out in coming yearsMobile App design trends you must watch out in coming years
Mobile App design trends you must watch out in coming yearsAkhilesh Choudhary
 
Publishing App Expo Keynote 12-8-11
Publishing App Expo Keynote 12-8-11Publishing App Expo Keynote 12-8-11
Publishing App Expo Keynote 12-8-11Rebecca Lieb
 
Ictktn online business essentials 2012 may
Ictktn online business essentials   2012 mayIctktn online business essentials   2012 may
Ictktn online business essentials 2012 mayMargaret Gold
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignBrandon Carson
 

Similar to 388 2011 fallseminar_cassandramoore (20)

Usability for eBooks
Usability for eBooksUsability for eBooks
Usability for eBooks
 
Mobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry LieveldMobile Convention Amsterdam - mobtzu - Jerry Lieveld
Mobile Convention Amsterdam - mobtzu - Jerry Lieveld
 
iOS7
iOS7iOS7
iOS7
 
Putting Mobile First - July 2013
Putting Mobile First - July 2013Putting Mobile First - July 2013
Putting Mobile First - July 2013
 
Understanding the Complex Mobile Landscape
Understanding the Complex Mobile Landscape Understanding the Complex Mobile Landscape
Understanding the Complex Mobile Landscape
 
App promo apple expo presentation
App promo apple expo presentationApp promo apple expo presentation
App promo apple expo presentation
 
Lean port company_presentation
Lean port company_presentationLean port company_presentation
Lean port company_presentation
 
How to Use Mobile Apps to Grow Your Business
How to Use Mobile Apps to Grow Your BusinessHow to Use Mobile Apps to Grow Your Business
How to Use Mobile Apps to Grow Your Business
 
Quick Guide for Designing Usable Mobile UI
Quick Guide for Designing Usable Mobile UIQuick Guide for Designing Usable Mobile UI
Quick Guide for Designing Usable Mobile UI
 
Windows Phone Code Camp Montreal - marketplace
Windows Phone Code Camp Montreal - marketplaceWindows Phone Code Camp Montreal - marketplace
Windows Phone Code Camp Montreal - marketplace
 
Small Business Mobile Marketing
Small Business Mobile MarketingSmall Business Mobile Marketing
Small Business Mobile Marketing
 
The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13
 
Mobile2013
Mobile2013Mobile2013
Mobile2013
 
zen & the art of mobile application strategy
zen & the art of mobile application strategyzen & the art of mobile application strategy
zen & the art of mobile application strategy
 
Mobile App design trends you must watch out in coming years
Mobile App design trends you must watch out in coming yearsMobile App design trends you must watch out in coming years
Mobile App design trends you must watch out in coming years
 
iOS Human Interface Guideline
iOS Human Interface GuidelineiOS Human Interface Guideline
iOS Human Interface Guideline
 
Publishing App Expo Keynote 12-8-11
Publishing App Expo Keynote 12-8-11Publishing App Expo Keynote 12-8-11
Publishing App Expo Keynote 12-8-11
 
Ictktn online business essentials 2012 may
Ictktn online business essentials   2012 mayIctktn online business essentials   2012 may
Ictktn online business essentials 2012 may
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 

More from Society for Scholarly Publishing

04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadowsSociety for Scholarly Publishing
 
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterickSociety for Scholarly Publishing
 

More from Society for Scholarly Publishing (20)

10052016 ssp seminar2_newsham
10052016 ssp seminar2_newsham10052016 ssp seminar2_newsham
10052016 ssp seminar2_newsham
 
10052016 ssp seminar2_rivera
10052016 ssp seminar2_rivera10052016 ssp seminar2_rivera
10052016 ssp seminar2_rivera
 
10052016 ssp seminar2_pesanelli
10052016 ssp seminar2_pesanelli10052016 ssp seminar2_pesanelli
10052016 ssp seminar2_pesanelli
 
10052016 ssp seminar2_harley
10052016 ssp seminar2_harley10052016 ssp seminar2_harley
10052016 ssp seminar2_harley
 
10042016 ssp seminar1_session4_myers
10042016 ssp seminar1_session4_myers10042016 ssp seminar1_session4_myers
10042016 ssp seminar1_session4_myers
 
10042016 ssp seminar1_session4_demers
10042016 ssp seminar1_session4_demers10042016 ssp seminar1_session4_demers
10042016 ssp seminar1_session4_demers
 
10042016 ssp seminar1_session4_cochran
10042016 ssp seminar1_session4_cochran10042016 ssp seminar1_session4_cochran
10042016 ssp seminar1_session4_cochran
 
10042016 ssp seminar1_session3_stanley
10042016 ssp seminar1_session3_stanley10042016 ssp seminar1_session3_stanley
10042016 ssp seminar1_session3_stanley
 
10042016 ssp seminar1_session3_ranganathan
10042016 ssp seminar1_session3_ranganathan10042016 ssp seminar1_session3_ranganathan
10042016 ssp seminar1_session3_ranganathan
 
10042016 ssp seminar1_session3_odike
10042016 ssp seminar1_session3_odike10042016 ssp seminar1_session3_odike
10042016 ssp seminar1_session3_odike
 
10042016 ssp seminar1_session3_cochran
10042016 ssp seminar1_session3_cochran10042016 ssp seminar1_session3_cochran
10042016 ssp seminar1_session3_cochran
 
10042016 ssp seminar1_session2_walker
10042016 ssp seminar1_session2_walker10042016 ssp seminar1_session2_walker
10042016 ssp seminar1_session2_walker
 
10042016 ssp seminar1_session2_ivins
10042016 ssp seminar1_session2_ivins10042016 ssp seminar1_session2_ivins
10042016 ssp seminar1_session2_ivins
 
10042016 ssp seminar1_session2_holland
10042016 ssp seminar1_session2_holland10042016 ssp seminar1_session2_holland
10042016 ssp seminar1_session2_holland
 
10042016 ssp seminar1_session1_stanley
10042016 ssp seminar1_session1_stanley10042016 ssp seminar1_session1_stanley
10042016 ssp seminar1_session1_stanley
 
10042016 ssp seminar1_session1_keane
10042016 ssp seminar1_session1_keane10042016 ssp seminar1_session1_keane
10042016 ssp seminar1_session1_keane
 
10042016 ssp seminar1_session1_ivins
10042016 ssp seminar1_session1_ivins10042016 ssp seminar1_session1_ivins
10042016 ssp seminar1_session1_ivins
 
10042016 ssp seminar1_session1_asadilari
10042016 ssp seminar1_session1_asadilari10042016 ssp seminar1_session1_asadilari
10042016 ssp seminar1_session1_asadilari
 
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
04142015 ssp webinar_theworldisflatforscholarlypublishing_caitlinmeadows
 
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
04142015 ssp webinar_theworldisflatforscholarlypublishing_bruceheterick
 

388 2011 fallseminar_cassandramoore

  • 1. Best Practices for Mobile Apps: A Neuroscientist’s Perspective Cassandra Moore, PhD Director of User Experience Strategy © 2011 Piehead Productions LLC. All Rights Reserved. 1
  • 2. Who is Piehead? Piehead is a digitally-centric agency developing creative, insight-driven solutions in a channel-neutral approach to building brand engagement. © 2011 Piehead Productions LLC. All Rights Reserved. 2
  • 3. Exploit Affordance © 2011 Piehead Productions LLC. All Rights Reserved. 3
  • 4. Provide Information when Needed © 2011 Piehead Productions LLC. All Rights Reserved. 4
  • 5. Use Common Gestures Consistently © 2011 Piehead Productions LLC. All Rights Reserved. 5
  • 6. Provide Instruction for Novel Gestures © 2011 Piehead Productions LLC. All Rights Reserved. 6
  • 7. Avoid making Users Think © 2011 Piehead Productions LLC. All Rights Reserved. 7
  • 8. Understand the Audience and Context of Use © 2011 Piehead Productions LLC. All Rights Reserved. 8
  • 9. Mobile App Best Practices • Exploit affordances by using evocative images like page stacks • Employ imagery that guides the user to the action • Show only the contextually necessary features • Provide progressive disclosure of information • Use metaphors to enable prediction of the app’s behavior • Use gestures consistently to enable knowledge transfer • Provide pictorial instruction for novel gestures • Don’t make users think! • Know your audience and context of use © 2011 Piehead Productions LLC. All Rights Reserved. 9
  • 10. The Real Message • Memory is weak, • Attention sucks, • Metaphors work, • Intuition rules! © 2011 Piehead Productions LLC. All Rights Reserved. 10

Editor's Notes

  1. For those of you who have not heard of Piehead, we are a digital agency with offices in Philadelphia, New York and Portsmouth New Hampshire. I am a cognitive psychologist by training and a user experience strategist in practice. I will talk today about best practices for mobile devices from a cognitive psychological perspective. We humans have developed a brain that is exquisitely tuned to the natural environment in which we evolved. Our visual system is sensitive to motion that might be a predator or prey, our brains seem hardwired to recognize familiar faces, and cognitively we seem to extract patterns from nearly everything. We are not so good, however, at logical thought. Our memories are faulty, and we are easily distracted from the focus of our attention. As a psychologist in the user experience field, I see my challenge as developing a digital world that is exquisitely tuned to the human brain. In the next few minutes I will show you some examples of how we can design a digital world that resonates with human capabilities.
  2. When you look at this iBooks image, it looks like a real book, the center is indented with shading to resemble a binding, the title is at the top and the page numbers are at the bottom. The stack of pages along the right and left side suggest they can be turned. In language of psychology, the stack of pages affords turning. The image suggests the action a user should take to navigate to the next page. No instruction is necessary because the affordance of the digital book invites you to interact with it like a physical book.
  3. Tapping the page provides further navigation across the top and bottom of the screen. But notice that the focus is always on the content, the content is primary and the navigation can be invoked when needed. Human attention is limited -- every object on a page competes with every other for attention. Providing navigation elements only as they are needed, a design feature called progressive disclosure, helps the user stay focused. An example of progressive disclosure is seen in the page finder at the bottom of the screen. Only when the user interacts with the page finder does the chapter and page information appear. One of the strengths of human thought is our use of metaphor in comprehending novel situations. Here the library metaphor evokes a mental model of shelves of books, thus enabling a user to predict what will happen if they tap the link. Fulfilling a user’s expectations provides a sense of control and well-being, suggesting they may interact with your app longer.
  4. Knowledge transfer from one situation to another is further strength of the human mind. Using standard gestures in a manner consistent with most mobile devices enables users to ”just know” how your app will work. Knowledge transfer means your app will seem intuitive for even novice users. Being consistent with existing standards is indeed a best practice, but you shouldn’t be afraid to improvise – the field is just getting started and new gestures will certainly be added as it matures.
  5. Some assistance may be necessary for new gestures such as moving the iPad to pan a picture in this interactive book. The best option is to use imagery rather than offering a text explanation. Pictures, especially cartoons are understood very quickly and tend to be remembered better than textual descriptions. Note also that we have terrible memories and tend to forget (or ignore) instruction if it is not immediately necessary. Don’t make people remember information from one page to the next, a discreet reminder will always be useful.
  6. People, generally, do not like to think more than we have to; we have evolved to follow our intuition, not think logically. Furthermore, most mobile apps start without a lengthy setup – users become accustomed to immediate access to content and may abandon an app that makes us think. In this example, with several setup steps, including changing Safari settings, the author actually apologizes for the cumbersome process!
  7. Finally, understanding your audience and the context in which they will use your application is crucial. Many tablet readers use them in the evening, in circumstances where their attention may be divided and/or sporadic. Consider user research methods such as contextual inquiry or diary studies to get a glimpse of how users really interact with your application.
  8. I’ve added this slide as a reminder of the best practices discussed in earlier slides, but the message I want to leave you with is in the next slide…
  9. If you can remember these human capabilities in designing your next app, you’re sure to delight your users.