Mobile from Strategy to Implementation for the 2013 ASAE Technology Conference (Tech13)

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?

@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

@techconf #tech13

Mobile Landscape

New digital consumption pattern…

@techconf #tech13

Mobile Landscape

@techconf #tech13

Mobile Landscape

Source: http://www.pewinternet.org

@techconf #tech13

Mobile Landscape

@techconf #tech13

Mobile Landscape

Source: http://www.pewinternet.orgSource: http://www.pewinternet.org

@techconf #tech13

Mobile Landscape

@techconf #tech13

Mobile Landscape

@techconf #tech13

Mobile Landscape

App: 80%

Web: 20%

@techconf #tech13

Mobile LandscapeHow Digital Omnivores Spend Their Time

@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

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!

@techconf #tech13

-Code it yourself-Work with an outside product or

development team-Use an off the shelf app builder

@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