mobile deep dive - 2012 asae annual meeting
DESCRIPTION
TRANSCRIPT
![Page 1: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/1.jpg)
Mobile Matters: !A Deep Dive
Reggie Henry, CAE!Chief Information Officer!ASAE
![Page 2: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/2.jpg)
![Page 3: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/3.jpg)
What We’ll Cover
Trends
Background
![Page 4: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/4.jpg)
Background
![Page 5: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/5.jpg)
Evolution of Networks
(People and Technological)
Evolution of Content
Evolution of “Personal”
Technologies
Background: Evolution
![Page 6: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/6.jpg)
Defining Characteristics!!• Authoritarian!• Top Down!• Static!• One to many
Evolution of
Content
Evolution of Content
![Page 7: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/7.jpg)
Defining Characteristics!!• Authority and User
Generated!• Networked!• Dynamic!• Many to many
Evolution of Content
Evolution of
Content
![Page 8: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/8.jpg)
The world is changing the way it communicates.
The world is changing the way content is created, filtered, consumed, shared, rated……
There is a group of folks, largely (but not entirely) defined by generation, who communicate differently. They have always communicated differently.
That’s what this is REALLY all about!
Evolution of Networks
(People and Technological)
Evolution of Networks - People
![Page 9: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/9.jpg)
Evolution of Networks
(People and Technologic
Evolution of Networks - Technology
1983 1990 2002
4G - 2012
![Page 10: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/10.jpg)
Evolution of “Personal”
Technologies
Evolution of Personal Technologies
19731996
2002NOW!
![Page 11: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/11.jpg)
Evolution of Networks
(People and Technological)
Evolution of Content
Evolution of “Personal”
Technologies
Mobile: The fuel for change.
![Page 12: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/12.jpg)
So, what is mobile?
![Page 13: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/13.jpg)
Although both smartphones and tablets are considered mobile, increasingly, people use them differently.
• Convenience!• Save Time!• Waste Time!• Social!• Simple
• Broad Content Consumption!• Desktop-like expectations,
with mobile flair!• Social!• Complex
So, what is mobile?
![Page 14: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/14.jpg)
Who is Mobile?
http://blog.nielsen.com/nielsenwire/online_mobile/generation-app-62-of-mobile-users-25-34-own-smartphones/
![Page 15: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/15.jpg)
Trends
![Page 16: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/16.jpg)
Prediction…
![Page 17: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/17.jpg)
Prediction…
A year early!
![Page 18: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/18.jpg)
Evolution of Mobile Access
![Page 19: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/19.jpg)
Predictions for 2015• There will be nearly one mobile device per capita by 2015.
There will be over 7.1 billion mobile-connected devices—approximately equal to the world’s population in 2015 (7.2 billion)!
• Two-thirds of the world’s mobile data traffic will be video by 2015. Mobile video will more than double every year between 2010 and 2015.!
• Mobile-connected tablets will generate as much traffic in 2015 as the entire global mobile network in 2010!
• There will be 788 million mobile-only Internet users by 2015. The mobile-only Internet population will grow 56-fold from 14 million at the end of 2010 to 788 million by the end of 2015.
Cisco Visual Networking Index: Global Mobile Data!Traffic Forecast Update, 2010–2015
![Page 20: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/20.jpg)
This is Different!!!
…and then there’s this!!
![Page 21: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/21.jpg)
iPad Adoption is Crazy!
! TOP MOBILE INTERNET TRENDS Matt Murphy / Mary Meeker – 2/10/11 http://www.slideshare.net/kleinerperkins/kpcb-top-10-mobile-trends-feb-2011
![Page 22: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/22.jpg)
But from a !business perspective !
why should I care?!
!It’s just a media
consumption device, right?
So, What?
![Page 23: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/23.jpg)
My first portable computer - 1986COMPAQ Portable ll!Price:! $4999!Weight: ! 26 Pounds!CPU:! Intel 286 @ 8 MHz!RAM:! 640k!Storage:!20Meg hard drive!Display:! 9 Inch monochrome!! 80 x 25 text!Ports:! 1 parallel, 1 serial, 1 CGA!
My present portable computer - 2012iPAD 2!
Price:! $699!Weight: ! 1.35 Pounds!CPU:! 1GHz dual-core !RAM:! 64GB!Storage:! (in RAM)!Display:! 9.7 Inch!! 1024x768 resolution!Ports:! 30-pin dock connector!
![Page 24: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/24.jpg)
My first portable computer - 1986
My present portable computer - 2012
COMPAQ Portable ll!Price:! $4999!Weight: ! 26 Pounds!CPU:! Intel 286 @ 8 MHz!RAM:! 640k!Storage:!20Meg hard drive!Display:! 9 Inch monochrome!! 80 x 25 text!Ports:! 1 parallel, 1 serial, 1 CGA!
iPAD 2!Price:! $699!Weight: ! 1.35 Pounds!CPU:! 1GHz dual-core !RAM:! 64GB!Storage:! (in RAM)!Display:! 9.7 Inch!! 1024x768 resolution!Ports:! 30-pin dock connector!OS:! iOS 5
Let’s see…!
1024 MHz = 1 GHz, so….!
WOW! That’s about 125 times
faster!
![Page 25: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/25.jpg)
My first portable computer - 1986
My present portable computer - 2012
COMPAQ Portable ll!Price:! $4999!Weight: ! 26 Pounds!CPU:! Intel 286 @ 8 MHz!RAM:! 640k!Storage:!20Meg hard drive!Display:! 9 Inch monochrome!! 80 x 25 text!Ports:! 1 parallel, 1 serial, 1 CGA!
iPAD 2!Price:! $699!Weight: ! 1.35 Pounds!CPU:! 1GHz dual-core !RAM:! 64GB!Storage:! (in RAM)!Display:! 9.7 Inch!! 1024x768 resolution!Ports:! 30-pin dock connector!OS:! iOS 5
…and !1024 MB = 1 GB,
so….! That’s about
3,200 times more workspace and
storage!
![Page 26: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/26.jpg)
This IS a computer!
![Page 27: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/27.jpg)
How do people feel about their mobile devices?
![Page 28: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/28.jpg)
Quick Survey
What mobile devices do you use?
![Page 29: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/29.jpg)
How To Vote via Texting
1. Standard texting rates only (worst case US $0.20)!2. We have no access to your phone number!3. Capitalization doesn’t matter, but spaces and spelling do
TIPS
22333
22333
EXAMPLE
![Page 30: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/30.jpg)
How To Vote via Web
Capitalization doesn’t matter, but spaces and spelling doTIP
EXAMPLE22333
![Page 31: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/31.jpg)
![Page 32: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/32.jpg)
So how do I think about this?
![Page 33: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/33.jpg)
1024 x 768
320 x 480
Now What?
![Page 34: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/34.jpg)
Or even worse, now what?
So how do I think about this?
![Page 35: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/35.jpg)
Strategy Considerations
The Mobile Mindset
![Page 36: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/36.jpg)
Mobile First = User Needs First!It’s, ultimately, a re-imagining of how our content fits our users needs. Just think about what Mobile First really implies. “What tasks make sense to the user?” “What does the user want?” “What is going to be most relatable to the user?” All of these things are focused on the personal nature of the experience.
Jason Grigsby, Vice President, Mobile and Web Strategist!Cloud Four, Inc.
The Mobile Mindset
![Page 37: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/37.jpg)
When designing for mobile platforms, one has to be much more careful about selecting content and interactions for a given screen or app state than on the web or desktop.!!Global navigation is often limited or absent. Menus, toolbars, and other navigation elements usually have strict limits on the number of items they can provide. So ensuring that users have access to all the functions they need (and none they don’t), and that they can find their way out of a given app state, is crucial.
Thoughts on user experience design by Dmitry Nekrasovski
Mobile “user experience” design is, in many ways, an act of curation.
The Mobile Mindset
![Page 38: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/38.jpg)
Mobile USAGE is Different!
Think!
Presence at the Point of Need!
The Mobile Mindset
![Page 39: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/39.jpg)
Mobile First = User Needs First!
The Mobile Mindset
![Page 40: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/40.jpg)
Extraneous
The Mobile MindsetMobile First = User Needs First!
![Page 41: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/41.jpg)
The Mobile MindsetMobile First = User Needs First!
![Page 42: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/42.jpg)
Strategy Considerations
Apps vs. Mobile Web
![Page 43: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/43.jpg)
What’s an App?
• Apps are device specific and leverage native features on smartphones/tablets!
• Usually look and interact in “cooler” ways than mobile web…for now!
• How do you know? Apps are usually accessed via an online app store like Apple’s App Store, BlackBerry’s App World, or the Android Market
![Page 44: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/44.jpg)
What’s the Mobile Web?
• Mobile web is accessed via a browser on the device!
• Typing the URL on the mobile browser brings up a mobile formatted version of a traditional website!
• Many ways to approach mobile web!• Different presentation of main site (good place to start)!
• Fully mobile-designed version (end game)
![Page 45: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/45.jpg)
Apps v. Mobile Web
![Page 46: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/46.jpg)
Apps v. Mobile Web
Mashable Tech, Sam Laird!http://mashable.com/2012/06/06/mobile-site-mobile-app-infographic/
![Page 47: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/47.jpg)
Apps v. Mobile Web
Mashable Tech, Sam Laird!http://mashable.com/2012/06/06/mobile-site-mobile-app-infographic/
First time there's been a decline in mobile web usage as compared to app usage....hmmm....and the gap
is widening!
![Page 48: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/48.jpg)
When Do We Get Apps?
![Page 49: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/49.jpg)
How Do People Get Apps?
![Page 50: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/50.jpg)
Strategy Considerations
Responsive Design
![Page 51: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/51.jpg)
Responsive Design
What is Responsive Web Design?!Responsive web design is the term given to the concept of designing and developing a website so that the layout changes depending on the device/viewport on which the website is being viewed. The term 'Responsive Web Design' was coined by its creator, Ethan Marcotte.
![Page 52: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/52.jpg)
Responsive Design
I dubbed this pattern "mostly fluid" because the core structure of the layout really doesn't change until the smallest screen width. Instead, the design mostly relies on fluid grids to adapt to a variety of screen sizes
Multi-Device Layout Patterns!by Luke Wroblewski
Fluid Grid
![Page 53: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/53.jpg)
Responsive Design
Multi-Device Layout Patterns!by Luke Wroblewski
Column Drop
Another popular pattern starts with a multi-column layout and ends up with a single column layout, dropping columns along the way as screen sizes get narrower. Unlike the Mostly Fluid pattern, the overall size of elements in this layout tend to stay consistent. Adapting to various screen sizes instead relies on stacking columns
![Page 54: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/54.jpg)
Responsive Design
Multi-Device Layout Patterns!by Luke Wroblewski
Layout Shifter
This pattern does the most to adapt across different screen sizes. That is, different layouts are used on large, medium, and small screens. Because this inherently requires more work, it seems to be less popular than the previous two patterns I outlined.
![Page 55: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/55.jpg)
http://www.netmagazine.com/features/50-fantastic-tools-responsive-web-design
Responsive Design
Other Tools
![Page 56: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/56.jpg)
Mobile Development Tips
• Focus is key!
• Provide a link to the full site in the app or mobile site!
• Leverage how devices might be used!
• Don’t make searching hard!
• Keep it light
![Page 57: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/57.jpg)
Mobile Development Tips
• Think about multiple sizes!
• Stay away from flash!
• Auto-detect!
• Write for mobile—consider the content!
• Look into HTML 5
![Page 58: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/58.jpg)
Strategy Considerations
Content Considerations
![Page 59: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/59.jpg)
Why people use the web
• Answer questions!
• Perform tasks!
• Satisfy goals!
• It’s about their needs—not ours.
![Page 60: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/60.jpg)
How Users Read on the Web
• Visitors don’t read—they skim/scan!
• They are quickly assessing credibility and looking for the answer to their question!
• F-pattern. Reading horizontally first, then lower.
![Page 61: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/61.jpg)
How Users Read on the Web
![Page 62: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/62.jpg)
Content Considerations
Mashable Tech, Sam Laird!http://mashable.com/2012/06/06/mobile-site-mobile-app-infographic/
![Page 63: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/63.jpg)
Writing for the Web(review)
• Scannable layout using headlines and sub heads!
• Concise text-1/2 or less of what you’d use in print. If it’s possible to cut a word-cut it.!
• Use objective language-be clear!
• Lead with information carrying words!
• Inverted pyramid approach
![Page 64: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/64.jpg)
• Write to your readers level!
• Avoid Jargon or blah blah text- Orwell’s Rules!
• Keep a consistent conversational tone!
• Short and simple pages, paragraphs and sentences!
• Stay reader-focused—both human and search readers
Writing for the Web(review)
![Page 65: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/65.jpg)
Writing for Handhelds
• Like writing for the web only amplified!
• Not all of your content needs to go mobile!
• 108% harder to understand information when reading from a mobile screen ~ Jakob Nielsen!
• Added ‘context’ layer-what do your members need when they’re on the go?
![Page 66: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/66.jpg)
How micro?
• “Short is too long for mobile”!
• Headlines and subheads-60 characters max!
• Links 1-3 words!
• Rely on cut and defer
![Page 67: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/67.jpg)
Mobile and Social Content
• Increasingly, web, mobile and tablet content is integrated with social media!
• Social content is similar to mobile—it’s micro format and personal!
• Consider the impact of video
![Page 68: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/68.jpg)
Content on Tablets
• Personalization—life management devices not just work management devices!
• Nexus of print design and web design-look at Flipboard and Zite!
• Meta app versus single focused task app
![Page 69: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/69.jpg)
Strategy Considerations
Mobile Contexts
![Page 70: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/70.jpg)
Mono-context Multi-context
![Page 71: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/71.jpg)
• Location!
• Locomotion!
• Immediacy!
• Device Capabilities/Constraints!
Mobile Contexts
![Page 72: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/72.jpg)
Mobile Context: Location
Intentional Serendipity
![Page 73: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/73.jpg)
Location based social serendipity
My ASAE Technology Colleagues
Can we help our members have “not so chance” encounters?
I really need some help with this cloud computing
thing…
![Page 74: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/74.jpg)
The LBS BreakdownThree categories of location based services from Pew Internet Study!
• Geo-social services (Foursquare, Gowalla, Facebook Places, and other places to check in)!
• Driving directions, search results, location-based reviews and other location-focused content!
• Social media location awareness-such as location enabled tweets or geo-tagged Flickr photos
![Page 75: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/75.jpg)
Adoption of LBS
According to Pew Internet Trust,!Younger adults are more likely to!use these services, as are those!in households making at least!$75,000 per year.
![Page 76: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/76.jpg)
How can associations use LBS?
• Create places for your association or conference !
• Have members or staff post a tip to FourSquare !
• What offline value can you attach to social value (e.g. Mayorship)?
![Page 77: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/77.jpg)
Create a Facebook Place
![Page 78: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/78.jpg)
Leverage location
What services do you provide that would benefit from location awareness?!
• Member directory?!
• Maps to your events?!
• App location awareness?!
• Here are some association examples
![Page 79: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/79.jpg)
Association Examples
ASAE’s beta mobile site !Driving directions to events!Associations ‘around me’
![Page 80: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/80.jpg)
Association ExamplesHouston Association of Realtors
![Page 81: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/81.jpg)
Association ExamplesAmerican Sailing Association
![Page 82: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/82.jpg)
Association ExamplesAmerican Lifeguard Association
![Page 83: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/83.jpg)
Association ExamplesAmerican Heart Association: Walking Paths
![Page 84: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/84.jpg)
Mobile Context: Locomotion
How do I design for this situation?!!- Better have easily accessible navigation!- Better have “small” content!- Better GET TO THE POINT!
![Page 85: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/85.jpg)
Mobile Context: Immediacy
Two of the defining characteristics of mobile devices is ALWAYS ON and ALWAYS CONNECTED. Users expectations are colored by this. So mobile must:!!• Load quickly!• Meet the users need quickly!• Remember what I was doing quickly!
![Page 86: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/86.jpg)
Mobile Context: Device
Can I take advantage of: !• Cameras!• Location Awareness!• Device Orientation!• Other Apps
What do I do about:!• Screen Size!• “Uneven” Internet Access!• User Familiarity with Device
Capabilities
Constraints
![Page 87: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/87.jpg)
Mobile Device Management is a MUST!
![Page 88: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/88.jpg)
![Page 89: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/89.jpg)
![Page 90: Mobile Deep Dive - 2012 ASAE Annual Meeting](https://reader034.vdocuments.site/reader034/viewer/2022051817/547b90e95906b572798b4641/html5/thumbnails/90.jpg)
Final Thoughts - Q & A!
!
Thank You for Your Time and Attention