SlideShare a Scribd company logo

How App Usability, Functionality, and Analysis are Changing with Mobile

D
danhermes

Now we’re building apps for Android, iOS, Windows phone, and mobile web but is requirements gathering really any different? This talk will cover mobile mock-ups, usability, and important differences between PC web browser and mobile application analysis. Many of the fundamental concepts remain the same, so how do we leverage what we know? Wireframing certainly won’t go away but mobile UI patterns change our approach. A touchscreen isn’t a mouse at all. Instead of drag and click we have tap, swipe, pinch, press, and rotate. What about offline use? With mobile it’s standard practice. Learn how apps should work even when the connection is down. Desktop PCs don’t move around like mobile phones do – so location services are a key difference: GPS, cell triangulation, to the newest location technique: iBeacons. Enterprise apps are now a family of apps: web, mobile web, and mobile native, for as many as 4+ platforms! Some are HTML5 and some are native. What are the differences and how do we approach these differently from an analysis standpoint? Lastly, what technologies are available to develop all these apps and when should we use what?

1 of 61
Download to read offline
HHooww AApppp UUssaabbiilliittyy,, 
FFuunnccttiioonnaalliittyy,, aanndd AAnnaallyyssiiss 
aarree CChhaannggiinngg wwiitthh MMoobbiillee 
Dan Hermes 
Founder and Mobile Consultant 
Lexicon Systems 
www.lexiconsystemsinc.com
KKeeyy TTaakkeeaawwaayyss 
Mobile Is Becoming the New PC 
Responsive Design is fast and cheap 
◦ Good for websites 
◦ OK for some lightweight apps 
Mobile Web Apps vs. Native Mobile 
Apps 
Most serious mobile apps are native 
◦ Cross-platform is often necessary 
◦ Xamarin does cross-platform
MMoobbiillee UUII TTaakkeeaawwaayyss 
Learn the Mobile UI Patterns and Terms 
Avoid Creativity (in the meantime) 
Gestures not Point-and-Click 
Learn About Mobile Features 
◦ Location 
◦ Offline Use 
◦ iBeacons / Bluetooth 
◦ Camera 
◦ Graphics and Animation
WWhhyy mmoobbiillee?? 
Americans used smartphone and tablet apps 
more than PCs to access the Internet. 
Source: CNN, January 2014 / corroborated by Marissa Mayer, CEO of Yahoo 
(Google isn’t telling.) 
80-90% of U.S. adults now own a mobile 
phone. 50-60% of those are smartphones. 
Sources: various (Pew) 
¼ to ½ of online searches take place on a 
mobile device 
Sources: various
AAnndd wwhhaatt aabboouutt ttaabblleettss?? 
When we were an agrarian nation, all cars were 
trucks. But as people moved more towards urban 
centers, people started to get into cars. I think 
PCs are going to be like trucks. Fewer people will 
need them. And this transformation is going to 
make some people uneasy... because the PC has 
taken us a long way. 
Steve Jobs, 2010
Post-PC Era: 2015 
Mobile Phones > first world population 
◦ 1.9B devices 
Tablets > PC sales 
◦ 320M tablets vs. 316M PCs worldwide 
Android devices > 3x Windows 
◦ 1.3B Android devices vs. 373M Windows 
Ultramobile > 20% of PC sales 
◦ MacBook Air, Surface Pro, etc. 
◦ 62M in 2015 
Source: Gartner 2015 Device Shipment Projections (June 2014)

Recommended

Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designInVision App
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX DesignEffective
 
Presenting Usable Research Results
Presenting Usable Research ResultsPresenting Usable Research Results
Presenting Usable Research ResultsDiane Loviglio
 
Glass' evolution, some suggestions
Glass' evolution, some suggestionsGlass' evolution, some suggestions
Glass' evolution, some suggestionsRussell Sullivan
 
Designing an App: From Idea to Market
Designing an App: From Idea to MarketDesigning an App: From Idea to Market
Designing an App: From Idea to MarketEffectiveUI
 
UX Myths: Knowing them, avoiding them
UX Myths: Knowing them, avoiding themUX Myths: Knowing them, avoiding them
UX Myths: Knowing them, avoiding themBryan Web Agency
 
Beyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyBeyond being responsive, a mobile first strategy
Beyond being responsive, a mobile first strategyinternet-inspired
 

More Related Content

What's hot

Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceWhy "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceKevin Powell
 
There's Only One Screen: How to Plan for Users, Not Devices
There's Only One Screen: How to Plan for Users, Not DevicesThere's Only One Screen: How to Plan for Users, Not Devices
There's Only One Screen: How to Plan for Users, Not DevicesSarah Krznarich
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensUXPA International
 
There's Only One Screen: How to Plan for Users Not Devices
There's Only One Screen: How to Plan for Users Not DevicesThere's Only One Screen: How to Plan for Users Not Devices
There's Only One Screen: How to Plan for Users Not DevicesAnna Hrach
 
An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)Neil Turner
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityDan Saffer
 
Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014Jenn Lukas
 
Designing for Small Screen - Sketch App & Workflows
Designing for Small Screen -  Sketch App & WorkflowsDesigning for Small Screen -  Sketch App & Workflows
Designing for Small Screen - Sketch App & WorkflowsNádia Franco do Carmo
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDan Moriarty
 
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...IndicThreads
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10Almog Koren
 
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in SoftwareBy the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in SoftwareEffectiveUI
 
Google Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewGoogle Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewKimberly Mahan
 
Why should I care about Responsive Design?
Why should I care about Responsive Design?Why should I care about Responsive Design?
Why should I care about Responsive Design?Fabricio Teixeira
 

What's hot (20)

Mobile Monday
Mobile MondayMobile Monday
Mobile Monday
 
Why "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experienceWhy "mobile first" isn't enough - Developing a better user experience
Why "mobile first" isn't enough - Developing a better user experience
 
There's Only One Screen: How to Plan for Users, Not Devices
There's Only One Screen: How to Plan for Users, Not DevicesThere's Only One Screen: How to Plan for Users, Not Devices
There's Only One Screen: How to Plan for Users, Not Devices
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
 
Designing for mobile
Designing for mobileDesigning for mobile
Designing for mobile
 
There's Only One Screen: How to Plan for Users Not Devices
There's Only One Screen: How to Plan for Users Not DevicesThere's Only One Screen: How to Plan for Users Not Devices
There's Only One Screen: How to Plan for Users Not Devices
 
An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)An introduction to ergonomics for mobile UX (Ux in the City)
An introduction to ergonomics for mobile UX (Ux in the City)
 
Becoming Social by Default
Becoming Social by DefaultBecoming Social by Default
Becoming Social by Default
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
The New Era of (Non-) Discoverability
The New Era of (Non-) DiscoverabilityThe New Era of (Non-) Discoverability
The New Era of (Non-) Discoverability
 
Mobile ux sot a and challenges
Mobile ux sot a and challengesMobile ux sot a and challenges
Mobile ux sot a and challenges
 
Uxperts mobi 2013 soa & challenges
Uxperts mobi 2013   soa & challengesUxperts mobi 2013   soa & challenges
Uxperts mobi 2013 soa & challenges
 
Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014
 
Designing for Small Screen - Sketch App & Workflows
Designing for Small Screen -  Sketch App & WorkflowsDesigning for Small Screen -  Sketch App & Workflows
Designing for Small Screen - Sketch App & Workflows
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
Understanding the Touch Interface [IndicThreads Mobile Application Developmen...
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in SoftwareBy the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
 
Google Glass - Explorer's Eye View
Google Glass - Explorer's Eye ViewGoogle Glass - Explorer's Eye View
Google Glass - Explorer's Eye View
 
Why should I care about Responsive Design?
Why should I care about Responsive Design?Why should I care about Responsive Design?
Why should I care about Responsive Design?
 

Similar to How App Usability, Functionality, and Analysis are Changing with Mobile

Mobile in 2015 - eduWeb 2014
Mobile in 2015 -  eduWeb 2014Mobile in 2015 -  eduWeb 2014
Mobile in 2015 - eduWeb 2014The Judge Group
 
Building Mobile Apps for Business
Building Mobile Apps for BusinessBuilding Mobile Apps for Business
Building Mobile Apps for Businessdanhermes
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile ExperienceDavid Drucker
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationHelmi Hasan
 
Speed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesSpeed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesDoug Gapinski
 
Speed and simplicity
Speed and simplicitySpeed and simplicity
Speed and simplicitymStoner, Inc.
 
Mobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPMobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPRZasadzinski
 
Simon Saneback ITEM 2018
Simon Saneback ITEM 2018Simon Saneback ITEM 2018
Simon Saneback ITEM 2018ITEM
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
 
Future of user interface design
Future of user interface designFuture of user interface design
Future of user interface designRanjeet Tayi
 
Responsive Design: The "other" way of doing mobile sites.
Responsive Design: The "other" way of doing mobile sites.Responsive Design: The "other" way of doing mobile sites.
Responsive Design: The "other" way of doing mobile sites.meetmicah
 
Measuring the Mobile Experience: The Analytics of Handheld UX
Measuring the Mobile Experience: The Analytics of Handheld UXMeasuring the Mobile Experience: The Analytics of Handheld UX
Measuring the Mobile Experience: The Analytics of Handheld UXKen Tabor
 
01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)
01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)
01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)Lab Mobile Filkom UB
 
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstBP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstJohn Head
 
Paulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs NativePaulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs NativePaulius Papreckis
 
Become a mobile developer from scratch
Become a mobile developer from scratchBecome a mobile developer from scratch
Become a mobile developer from scratchRuben Goncalves
 

Similar to How App Usability, Functionality, and Analysis are Changing with Mobile (20)

Mobile in 2015 - eduWeb 2014
Mobile in 2015 -  eduWeb 2014Mobile in 2015 -  eduWeb 2014
Mobile in 2015 - eduWeb 2014
 
Building Mobile Apps for Business
Building Mobile Apps for BusinessBuilding Mobile Apps for Business
Building Mobile Apps for Business
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile Experience
 
Mobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisationMobile first - one key important aspect in digitalisation
Mobile first - one key important aspect in digitalisation
 
Cti av3
Cti av3Cti av3
Cti av3
 
Speed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device WebsitesSpeed and Simplicity: Design and Usability for Multi-device Websites
Speed and Simplicity: Design and Usability for Multi-device Websites
 
Speed and simplicity
Speed and simplicitySpeed and simplicity
Speed and simplicity
 
Mobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIPMobile is the new Godzilla July 2011 FCIP
Mobile is the new Godzilla July 2011 FCIP
 
Responsive design for communicators
Responsive design for communicatorsResponsive design for communicators
Responsive design for communicators
 
Simon Saneback ITEM 2018
Simon Saneback ITEM 2018Simon Saneback ITEM 2018
Simon Saneback ITEM 2018
 
Mobile UX Challenges
Mobile UX ChallengesMobile UX Challenges
Mobile UX Challenges
 
Responsive design
Responsive designResponsive design
Responsive design
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam
 
Future of user interface design
Future of user interface designFuture of user interface design
Future of user interface design
 
Responsive Design: The "other" way of doing mobile sites.
Responsive Design: The "other" way of doing mobile sites.Responsive Design: The "other" way of doing mobile sites.
Responsive Design: The "other" way of doing mobile sites.
 
Measuring the Mobile Experience: The Analytics of Handheld UX
Measuring the Mobile Experience: The Analytics of Handheld UXMeasuring the Mobile Experience: The Analytics of Handheld UX
Measuring the Mobile Experience: The Analytics of Handheld UX
 
01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)
01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)
01 - Peluang Entrepreneurship Kreatif Digital (Herman Tolle)
 
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstBP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
 
Paulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs NativePaulius Papreckis - Mobile UX: Unified vs Native
Paulius Papreckis - Mobile UX: Unified vs Native
 
Become a mobile developer from scratch
Become a mobile developer from scratchBecome a mobile developer from scratch
Become a mobile developer from scratch
 

More from danhermes

Azure Mobile Apps with Xamarin
Azure Mobile Apps with XamarinAzure Mobile Apps with Xamarin
Azure Mobile Apps with Xamarindanhermes
 
Developing Cross-platform Native Apps with Xamarin
Developing Cross-platform Native Apps with XamarinDeveloping Cross-platform Native Apps with Xamarin
Developing Cross-platform Native Apps with Xamarindanhermes
 
Xamarin Navigation Patterns
Xamarin Navigation PatternsXamarin Navigation Patterns
Xamarin Navigation Patternsdanhermes
 
Xamarin Navigation Patterns
Xamarin Navigation PatternsXamarin Navigation Patterns
Xamarin Navigation Patternsdanhermes
 
Mobile UI Design Patterns
Mobile UI Design PatternsMobile UI Design Patterns
Mobile UI Design Patternsdanhermes
 
Cross platform mobile development in c#
Cross platform mobile development in c#Cross platform mobile development in c#
Cross platform mobile development in c#danhermes
 
What can mobile do for me
What can mobile do for meWhat can mobile do for me
What can mobile do for medanhermes
 
Agile Development in .NET
Agile Development in .NETAgile Development in .NET
Agile Development in .NETdanhermes
 
Mastering human communication patterns
Mastering human communication patternsMastering human communication patterns
Mastering human communication patternsdanhermes
 

More from danhermes (9)

Azure Mobile Apps with Xamarin
Azure Mobile Apps with XamarinAzure Mobile Apps with Xamarin
Azure Mobile Apps with Xamarin
 
Developing Cross-platform Native Apps with Xamarin
Developing Cross-platform Native Apps with XamarinDeveloping Cross-platform Native Apps with Xamarin
Developing Cross-platform Native Apps with Xamarin
 
Xamarin Navigation Patterns
Xamarin Navigation PatternsXamarin Navigation Patterns
Xamarin Navigation Patterns
 
Xamarin Navigation Patterns
Xamarin Navigation PatternsXamarin Navigation Patterns
Xamarin Navigation Patterns
 
Mobile UI Design Patterns
Mobile UI Design PatternsMobile UI Design Patterns
Mobile UI Design Patterns
 
Cross platform mobile development in c#
Cross platform mobile development in c#Cross platform mobile development in c#
Cross platform mobile development in c#
 
What can mobile do for me
What can mobile do for meWhat can mobile do for me
What can mobile do for me
 
Agile Development in .NET
Agile Development in .NETAgile Development in .NET
Agile Development in .NET
 
Mastering human communication patterns
Mastering human communication patternsMastering human communication patterns
Mastering human communication patterns
 

How App Usability, Functionality, and Analysis are Changing with Mobile

Editor's Notes

  1. ALT + F5 – presenter view
  2. Lots more patterns which you should learn but what’s most important are the principles. Form = Function