mobile from strategy to implementation for the 2013 asae technology conference (tech13)
DESCRIPTION
A presentation for association technology professionals on what factors they may want to consider when going mobile and how mobile should reflect the overall organizational strategy. Also includes some fun examples of apps that may inspire associations to think differently about leveraging the mobile value proposition.TRANSCRIPT
@techconf #tech13
A m y H i s s r i c h , V P We b S t r a t e g i e s a n d C o m m u n i c a t i o n s
Mobile—Strategy to Implementation Wednesday, December 4, 20132:30-3:30Hashtag: #tech13 LH3
@techconf #tech13
“Smartphones and tablets are ushering in a new era of multi-platform media, with consumers becoming increasingly agnostic about how, when and where they engage with content.”
-ComScore Mobile Future in Focus 2013
Why are we talking mobile?
@techconf #tech13
• Audience, goals, objectives
• Landscape and trends
• Metrics
Strategy First
@techconf #tech13
• What is your audience trying to accomplish?
• Where are they interacting with you?
• How much time do they have?
Audience
@techconf #tech13
• How can mobile advance your mission?
• How can mobile increase the reach of a program, product or service?
• Where’s the revenue?
Goals
@techconf #tech13
Revenue
Advertising
Transactions
Sponsorships Membership
@techconf #tech13
Ad Revenue: IAB
@techconf #tech13
Strategy First
@techconf #tech13
• Related to revenue or organizational KPIs
• Related to downloads, visits, or usage• Tied to specific program outcome
Your Examples? What is the data telling you? Is it
chicken and egg?
Measures of Success
@techconf #tech13
Your DataMobile access to technologyconference.org
@techconf #tech13
Your DataMobile access to technologyconference.org
@techconf #tech13
Mobile Landscape1 in every 3 minutes spent online is now spent beyond the PC
-ComScore Mobile Future in Focus 2013
@techconf #tech13
Mobile Landscape
-ComScore Mobile Future in Focus 2013
New digital consumption pattern…
@techconf #tech13
Mobile Landscape
@techconf #tech13
Mobile Landscape
Source: http://www.pewinternet.org
@techconf #tech13
Mobile Landscape
Source: http://www.pewinternet.org
@techconf #tech13
Mobile Landscape
Source: http://www.pewinternet.orgSource: http://www.pewinternet.org
@techconf #tech13
Mobile Landscape
Source: http://www.pewinternet.org
@techconf #tech13
Mobile Landscape
Source: http://www.pewinternet.org
@techconf #tech13
Mobile Landscape
App: 80%
Web: 20%
@techconf #tech13
Mobile LandscapeHow Digital Omnivores Spend Their Time
-ComScore Mobile Future in Focus 2013
@techconf #tech13
• New tools, same ground rules---but…the landscape calls for new thinking…
How can we think out of the box in terms of how our members can connect to our organizations using the mobile context?
How can mobile innovate?
@techconf #tech13
Washington Trails
Social Proof
Photos
@techconf #tech13
Charity MilesSponsorshipLeverage mobile context
@techconf #tech13
Lobbying App
@techconf #tech13
FOAPCrowd sourcing contentRatings-awards
ImagesSocial networking
@techconf #tech13
AIA Dallas TourSimilar ideas: Location awareness, maps, directories
@techconf #tech13
UN Country StatsWhat data do you have that people might want to interact with?
@techconf #tech13
Examples
@techconf #tech13
ExamplesI’m
Web
I’m Mobile
@techconf #tech13
• Decisions: Apps versus mobile web?
• Infrastructure and design: Stand alone or integrated?
• Content strategy: COPE
Strategy to Implementation
@techconf #tech13
• Where does content live? who owns it?
• Constraints of the mobile form factor---use to make decisions
• Start with mobile and scale up?
Strategy to Implementation
@techconf #tech13
Content Strategy
Is your contentuse similarly long tail?
Source: Karen McGrane’s Content Strategy for Mobile: The Workshop
@techconf #tech13
Content Strategy
Content audit
@techconf #tech13
Content Strategy
@techconf #tech13
Content Strategy
Structured content
TitleSubtitleTeaserMini teaserPriority KeywordsKeywords
@techconf #tech13
Content StrategySeparating Content from Display
@techconf #tech13
-Determine which devices-Define the scope and feature set-Manage as a project similar to a website
project-Expect bugs and delays getting into the
app store-Supporting apps takes time!
Apps
@techconf #tech13
-Code it yourself-Work with an outside product or
development team-Use an off the shelf app builder
Apps
@techconf #tech13
- Still early days- Many on the market—tested several for
this session but wasn’t happy with any of them
Have you tried any that work well for your needs?
App Builders
@techconf #tech13
One Web
• W3C One Web approach:
One Web means making, as far as is reasonable, the same information and services available to users irrespective of the device they are using.
• Two current flavors: Responsive & Adaptive
@techconf #tech13
Responsive: Fluidly change & respond to
fit any screen or device size
Adaptive: Change to fit a predetermined set
of screen and device sizes.
Responsive/Adaptive
@techconf #tech13
Bootstrap—framework for coding thatincludes responsive
Implementation:
@techconf #tech13
Bootstrap—framework for coding thatincludes responsive
Implementation:
@techconf #tech13
Responsive
Mostly Fluid: 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. Luke Wroblewski
@techconf #tech13
Responsive
@techconf #tech13
Responsive
Column Drop: Patter 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. Luke Wroblewski
@techconf #tech13
Responsive
@techconf #tech13
Responsive
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. this is where a lot of innovative design is happening. Luke Wroblewski
@techconf #tech13
Implementation: It’s hardEven Jakub Neilson says Mobile is Hard
“All of our new research findings support a singleconclusion: designing for mobile is hard. Technical accessibility is very far from providing an acceptable user experience. It's not enough that your site will display on a phone. Even touch phones that offer "full featured" browsers don't offer PC-level usability in terms of users' ability to actually get things done on awebsite.”
@techconf #tech13
Evaluation
ASAE.Conferences.IO
@techconf #tech13
A m y H i s s r i c hV P We b S t r a t e g i e s a n d C o m m u n i c a t i o n s A S A Ea h i s s r i c h @ a s a e c e n t e r. o rg2 0 2 - 3 2 6 - 9 5 3 2
Contact Us