why and how to build a mobile first web strategy

Prashant Kumar, VP of Solutions and Strategy

Annie Bustos, Director of Marketing

Why and How to Create a Mobile First Web StrategyYour Hosts:

Today’s Agenda

Part 2 Mobile First vs. Mobile Responsive

Part 3 Benefits of a Mobile First Approach

Part 4 Considerations for Mobile Developers

Part 5 Mobile First Checklist5

4

3

2

Part 1 Introduction1

• users

If You’re not Mobile You’re not in Business!

Over 1.2 billion mobile web

users worldwide

More than 40% of consumers cited mobile as the most important media source for information

60% of consumers use mobileexclusively to make purchase decisions

In 2014 10.6 billion online visits via

smartphone vs. 5.8 billion on PC HOW DOES IT

IMPACT YOU?

The global enterprise mobility market could be worth

$140 billion by the year 2020

90% of IT managers strongly agree that mobile devices

should be managed and supported equally

to desktops in the Enterprise

Mobile Landscape

Mobile Applications

Native Web Hybrid• Built for a single platform• Installed on user device• Downloaded from app

store• Gain user analytics• Run and feel better

• Multiple platforms• Run on web browser• Look and feel of native

app• Easier to maintain than

native

• Multiple platforms• Hosted within native app

but run through browser• Increased functionality &

customization• Visually intensive (games)

UX Device

Mobile First Mobile Responsive

Mobile First vs. Mobile Responsive

Mobile First Mobile Responsive• One size fits all approach• Layout dictates content• UX is not as rich• Potential bandwidth issues• Requires specialized design knowledge• Requires minimal resources• Provides flexibility and control but with loss

of content, functionality and navigation

• Mobile centric• Content dictates layout• Provides rich UX • Algorithmic design, streamlined

performance• Straightforward design approach• Requires increased resources to maintain• Improved functionality and navigation

Mobile First vs. Mobile Responsive

Benefits of Mobile First

Content First Design Increased ROI

Strategic Capabilities

Improved Information Architecture

Omnichannel Customer

Experience

Enhanced Customer

Segmentation

Fills Performance Gaps

Empowered Customers

Challenges

Constraints of Starting Small

Maintenance

Design & Development Setbacks

Balance of User Needs vs. Wants

Universal Compatibility

Functionality Expectations

Approaches

Mobile First

2

Methodologies

1 Graceful Degradation Progressive Enhancement

1. Do you wish to deliver content? Website is best.2. Do you wish to deliver functionality or tools to your end user?


Beginners Guide to Mobile First

Calculate the Benefits

Define How you Will Measure Success

1. How will the mobile experience be better or different from the desktop?2. What do you want your end user to accomplish?3. Mobile First as a competitive agile business strategy

1. What are your business objectives?2. Do you have a strategy for measuring ROI?3. What will be your KPIs?



Mobile First Checklist

Choose the Right Vehicles for Your Goals

Define Your Marketing Approach

1. Do you wish to deliver content? 2. Do you wish to deliver functionality or tools to your end user?3. How does social fit in the mix?

1. How will your distribute your website to your users?2. How will you implement SEO?3. How will you create and distribute your messaging consistently?




Explore Revenue Models

Design Your User Experience

1. This is dependant on your business type and goals2. Will you charge users for your apps?3. Consider and ad-supported revenue model

1. What is most important to the user?2. What do we want to communicate to the mobile user?3. What challenges do we face by adopting this approach?




QA & Testing

1. What platforms and technologies are relevant?2. Go from clickable to touch enabled3. Simplified navigation4. What systems will you need to integrate with?

Develop and Build

1. Test out across different configurations and operating systems2. Accommodate beta testers to aid in the testing phase

First Mobile ResponsiveGet started with a free TechBlocks assessment!!http://info.tblocks.com/get-your-free-mobile-strategy-assessment

Next Steps

Included in Your Assessment:• Evaluation of your existing mobile landscape• Identification of pain points (communication, security, access)• Recommendations for the best mobile approach for your

business• Recommendations for POC (prototype) to evaluate user

experience

Consulting, Creative, Technology

Thank You!Now Taking Questions

Prashant Kumar, VP of Solutions and [email protected]

Annie Bustos, Director of [email protected]

http://tblocks.com

twitter.com/techblocks

linkedin.com/company/techblocks

facebook.com/TechBlocks