GO MOBILE By: Cindy Collins.  Some websites have what I call single serving content: you’ll go there once, and not return until you need it again.

Slides:



Advertisements
Similar presentations
3.02B Authoring Languages 3.02 Develop webpages..
Advertisements

Rashida Jamil WHY COMPANIES ARE IN NEED OF MOBILE DEVELOPERS.
Facebook Mobile Playbook. Your approach to mobile will vary based on your business objective Drive fan acquisition Drive awareness and engagement of your.
Mobile Application Development Keshav Bahadoor. Part 1 Cross Platform Web Applications.
Introduction.  Custom form application ◦ Create custom forms via web browser ◦ Deploy to smartphone, tablet or browser  Integrates media ◦ Attach images,
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Go Mobile or Fall Behind. Gary Richmond – VP, Sales & Account Management.
The Online Library Environment Projects and Challenges at The University of Alabama Libraries Jason J. Battles Head, Web Services Department.
Introduction To Smart Devices: iPhones iPads
Mobile Web The Seventh Mass Media Jason Moran Norman Diaz.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
2015/16 INTRODUCTION TO THE SFE QUICK START GUIDES Instructions for Hosting and Sharing.
Getting Started with Adobe Dreamweaver CS6. Unit Objectives Define web design software Start Adobe Dreamweaver CS6 View the Dreamweaver workspace Work.
 jQuery Mobile An Introduction. What is jQuery Mobile  A framework built on top of jQuery, used for creating mobile web applications  Designed to make.
CIS 1310 – HTML & CSS Web Metrics Stats ’n Stuff.
Apps VS Mobile Websites Which is better?. Bizness Apps Survey Bizness Apps surveyed over 500 small business owners with both a mobile app and a mobile.
| imodules.com Making Your Site Mobile-Ready Presented by: Mark Werner & Chris Smith.
Relatore: Ing. Marco Porta Correlatore: Ing. Massimo Cellario Tesi di Laurea di: Andrea Marchetti Anno Accademico 2010/2011 UNIVERSITA’ DEGLI STUDI DI.
Building Future with Microsoft Wolfgang Ebermann Vice President Microsoft Central & Eastern Europe 1.
Copyright Publisha 2010: Publisha Presentation 1 Publisha Presentation For Publishers September 2010 Version 1.4.
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
SEO & Mobile J OHN K ARP – S ENIOR C AMPAIGN D IRECTOR.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
HOW-TO: Driving Traffic with Twitter Cards & Analytics 9 types of Twitter Cards to install on your site and how to measure ROI for subscription sales.
Some considerations… Apps available by platform PlatformTotalPercentage iOS617, % Android342, % BlackBerry117, %
Presented by: Your Name Your Phone Number Your Website Address How Mobile Apps Can Help You Connect With Local Consumers.
Chapter 3.  The characteristics and purpose of: ◦ Intranets ◦ Internet ◦ Extranets.
How to View Multiple Blogs at One Time RSS Feeds.
Accessing Your “How To” Series – W&J Office of Communications.
Lesson 05 // Web Design, Layout & Structure 1.Web Design/Designer-Coder Relationship 2.Fixed vs Fluid Website Layouts 3.Screen Resolutions.
 Wendy Trem, User Experience Practice Director  Matt Miller, User Experience Designer  Bill Wolohan, Senior ASP.NET and CRM Developer  Jim Raden,
STARLIGHT DIGITAL MARKETING AGENCY This is a presentation about Mobile Marketing.
Tutorial Flipster App for Android and Kindle Fire Tablet support.ebsco.com.
Responsive Web Designing Using CSS3 & HTML5 -Sandip Jadhav “We are building a web, for all device ”
Smart and Social The Industry’s Crown Jewel. 2 Introduction Senior Research Analyst at Robert W. Baird & Co. Baird is one of the largest private investment.
Mobile Apps vs. Mobile Sites Which is Becoming King In The War?
Mobile Marketing Olivia Lyon Matt Brown. What mobile marketing is and techniques associated with it Mobile marketing is the interactive multichannel promotion.
1 Mezzanine Ware (Pty) Ltd © 2014 Installing\Uninstalling the Mezzanine Helium Android application.
Differences between Desktop Web Sites and Mobile Web Sites Yonglei Tao.
Terms – Online Advertising Banner ads - embedding an ad into a web page – known as a click through due to interactive actions where the consumer clicks.
Use flash eBook software AnyFlip to make page flip book works seamlessly on mobile devices.
| | Top 4 Benefits of Hybrid Mobile Apps.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
No Teacher left behind….. Professional looking FirstClass ® web pages, Easily and flexibly administered across multiple sites and large user-bases!
E-commerce Marketing & Advertising
© 2016 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part. Android Boot Camp.
5 Free Online Video Downloader for Android Google Android is the most popular phone system on the world, and the Android phone screen is becoming bigger.
MEDIA KIT. WHO WE ARE? YOUR TEXT HERE 6:58 min AVG. SESSION DURATION 13.6M+ UNIQUE USERS 2.8M+ FACEBOOK LIKES 189M+ MONTHLY PAGE VIEWS 71.3M+ RETURNING.
Mobilizing Your SAS® Business Analytic Reports Falko Schulz Sr. Systems Engineer SAS Australia & New Zealand.
Why you should Choose Responsive Web Design for Your Business.
WELCOME Mobile Applications Testing
Chapter 17 The Need for HTML 5.
Michael Macken Web Services Team Leader
Instructions for Hosting and
IT Security Awareness Day October 19, 2016
What this activity will show you
Newly updated World eBooks
Native Ads by YeahMobi.
Understanding Programming Mobile Web
What's up with
Browsers and Web Platforms
Open Web App.
WELCOME Mobile Applications Testing
New Technology Group Meeting
Different Types of Apps. App Development ● App Development refers to the creation of computer applications for use on mobile devices such as tablets,
Making Your Site Mobile-Ready
WEB DESIGN FOR MULTIPLE SCREENS
The Significance of a Responsive Website Design WEB Design Company | Digital Hub Solution +1(833)
REPORT June 3 rd Week Report.
Presentation transcript:

GO MOBILE By: Cindy Collins

 Some websites have what I call single serving content: you’ll go there once, and not return until you need it again. It could be a long time until you go back, so the user wouldn’t install a mobile application.  Responsive Design: Designed for multiple devices, adjusting the design based on the device. Equal, but different.  Adaptive Design: Designed specifically for a mobile or tablet experience. Not equal and separate.  Native Application: A program designed specifically for iOS, Android or Windows. Different and separate.  No mobile design: Designed for desktop and tablet only.

 Bars, Tabs, and Hypertext: “We see much less hypertext on mobile pages. Links instead appear in the form of bars, tabs, and buttons.” Bigger objects such as bars, tabs, or buttons allow users to tap with more precision. It is essential to make the actionable objects on mobile sites big and easily noticeable.  Integration with Phone Functions: While mobile platforms place many limitations on design and content, they also open up new opportunities that traditional Web sites cannot provide. For example, there is better integration with phone functions such as direct calling and text messaging, which lets mobile sites facilitate ordering products by phone.

Statistics proves mobile is the way to go. We reported comScore data in May 2012 that showed that on smartphones 82% of mobile media time is via apps. This is a key insight as companies decide whether to develop mobile apps or create mobile device specific apps. In April 2013 mobile analytics vendor Flurry released a useful summary of category of app usage across smartphones and tablets and similarly to the previous report it shows that app usage dominates browser usage as they put it: It’s an App World. The Web Just Lives in It. You do have to be careful about interpreting this though, since Facebook, games and utility apps will naturally have the greatest time spent and browser use is still significant by volume if not proportion.82% of mobile media time is via appsIt’s an App World. The Web Just Lives in It

I recommend building a html 5 based site.

good example of a website that work well on mobile/tablet devices

Image References  mashable.com  bgr.com bgr.com  melleemedia.com melleemedia.com   lurnq.com lurnq.com  online.wsj.com online.wsj.com  w3webtutorial.blogspot.com w3webtutorial.blogspot.com    typicalblogger69.wordpress.com typicalblogger69.wordpress.com

REFERENCES  strategy-responsive-adaptive-native/  Consumers-Want-Mobile-Friendly-Sites-Google-Research  mobile-sites-are-different-from-desktop-web-sites.php mobile-sites-are-different-from-desktop-web-sites.php  marketing-analytics/mobile-marketing-statistics/