Prashant Kumar, VP of Solutions and Strategy Annie Bustos, Director of Marketing Why and How to Create a Mobile First Web Strategy Your Hosts:
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?
Mobile First Mobile Responsive
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?
1. Do you wish to deliver content? Website is best.2. Do you wish to deliver functionality or tools to your end user?
Mobile First Mobile Responsive
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?
1. Do you wish to deliver content? Website is best.2. Do you wish to deliver functionality or tools to your end user?
Mobile First Mobile Responsive
Mobile First Checklist
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?
1. Do you wish to deliver content? Website is best.2. Do you wish to deliver functionality or tools to your end user?
Mobile First Mobile Responsive
Mobile First Checklist
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