Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Mobile Web Design

on

  • 1,166 views

Learn why its important to keep your mobile device in mind when you are creating or editing your website. This will be an open session with opportunity to ask the experts at Blue Kaboom about how you ...

Learn why its important to keep your mobile device in mind when you are creating or editing your website. This will be an open session with opportunity to ask the experts at Blue Kaboom about how you can gain clients with a easy to use website.

Statistics

Views

Total Views
1,166
Views on SlideShare
1,145
Embed Views
21

Actions

Likes
0
Downloads
17
Comments
0

6 Embeds 21

http://pimmsgroup.blogspot.com 12
http://paper.li 3
http://pimmsgroup.blogspot.co.uk 3
http://www.slideshare.net 1
http://www.linkedin.com 1
http://pimmsgroup.blogspot.in 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile Web Design Mobile Web Design Presentation Transcript

  • MOBILE WEB Do you need to rethink your web marketing efforts? Troy Henson, Blue Kaboom Matt Phillips, Cincinnati Bell Product Manager - Wireless Data Services Friday, January 7, 2011
  • AGENDA • Why is mobile marketing important? • Target market. • What is a mobile site? • What are the technical requirements for a mobile site? • How is a mobile site different than a mobile app? • What are the current design trends of mobile design? • How do I deliver a mobile site? • The current market trends. Friday, January 7, 2011
  • WHY IS MOBILE SITE IMPORTANT? • Your current site is not optimized for the format of a smart phones. • Code technologies are different for mobile sites than desktop web sites. (content may not be showing up!) • Better looking. Better design, functionality, and usability creates a better user experience. • Mobile SEO. Send long-tail, mobile search engine traffic to deep-targeted pages on your mobile site for optimal conversion. Friday, January 7, 2011
  • WHAT IS A MOBILE SITE? • “The Mobile Web refers to the use of Internet-connected applications, or browser-based access to the Internet from a mobile device - such as a smartphone or tablet PC - connected to a wireless network.” -Wikipedia • Desktop Web is to describe Web pages designed to viewed in a Web browser such as Firefox and IE on a desktop computer. Friday, January 7, 2011
  • WHAT IS A MOBILE SITE? Today, we focus on the top two Smartphone Operating Systems: Apple’s iPhone (handsets include iPhone 3G, 3GS, 4) Googles Android (Any handset with Android OS) Friday, January 7, 2011
  • HOW IS A MOBILE SITE DIFFERENT THAN A MOBILE APP? • Mobile applications usually help users by connecting them to Internet services more commonly accessed on desktop or notebook computers, or help them by making it easier to use the Internet on their portable devices. • Mobile applications are typically found in app stores. There are several type of mobile application stores, Device Manufacturer (BlackBerry, Apple), Operating System (Android), Carrier Branded (Verizon), or Independent (GetJar.) • Current backlash against App development has been forming in Ad Agencies. The novelty factor is wearing off. Paying a premium price for what is basically a web-based experience. • If you crunch the numbers you quickly realize that its much more cost-effective to create ONE website than to design different versions of software for different phones. Friday, January 7, 2011
  • MOBILE APP VS MOBILE WEBSITE Mobile App Mobile Site • Updates, download and installation required. ✓Is developed specifically for mobile devices, no downloads or installation required. • Development required for each mobile device platform. ✓Updates automatically available. • App store approvals may be required, and app ✓Runs on all web enabled mobile devices. stores command revenue share. ✓Anyone can access your mobile website. • Ability to use all GPS, camera, voice, RFID, address ✓No publishing/certification fees. book, calendar capabilities. ✓Costs less to develop/maintain. Your developer has • There can be publishing/certifications fees. complete access for updates when requested. • Costs more to develop/maintain. Consider your ✓Sales revenues are the businesses. businesses updates, plus updates as devices change. ✓User experience depends on your mobile website • User has full control and is seamlessly integrated design. with the mobile device. Friday, January 7, 2011
  • HOW DO I DELIVER A MOBILE SITE? Detect and direct the user to your tailored version of your mobile web site. This is done through device detection: A developer will write a program (typically Javascript) that will direct the user to your mobile site when visiting your “normal” URL. Once at your mobile site, your site will have code that will give specific instruction on how to display your site on individual devices. (i.e. Iphone vs. Android, etc.) These are called Profiles. You may opt to develop your mobile site with its own domain such as: m.mysite.com, www.mysite.mobi, mysite.com/mobile Friday, January 7, 2011
  • THE TARGET MARKET • In 2011 there will be more that have a wireless phone than those who do not. • “Developers see Apple dominating in every category related to its devices and app store. Yet Android takes top honors for OS capabilities, openness, and, long-term outlook. Despite all of Apple’s success, developers see that the winner long-term will be the mobile operating system that has the most capabilities and flexibility in scenarios beyond phones.” -Appcelerator survey Friday, January 7, 2011
  • THE CURRENT MARKET TRENDS Smartphone Growth •Apple, BlackBerry & Android domination •Smartphone adoption is primary driver of mobile Internet usage Friday, January 7, 2011
  • SMART PHONE SHARE Friday, January 7, 2011
  • SMART PHONE SHARE Friday, January 7, 2011
  • WHAT IS THE TARGET MARKET? Friday, January 7, 2011
  • WHAT ARE THE TECHNICAL REQUIREMENTS FOR A MOBILE SITE? The following are a few tips: • Idea (Strategy) • Wireframe and/or Prototype • Design for Mobile Sizes • Content/Context • Resist the temptation of making all the same features of your website available on mobile environment • Build/Develop • Test (use mobile emulator) Friday, January 7, 2011
  • WHAT ARE THE TECHNICAL REQUIREMENTS FOR A MOBILE SITE? Code Tips: • No Hover/Mouse Over • Single Tap only • Use web standards (HTML/CSS) • Avoid proprietary plugins like Flash, Silverlight • jQuery Mobile http://jquerymobile.com/ • Optimize all images Friday, January 7, 2011
  • WHAT ARE THE CURRENT DESIGN TRENDS OF MOBILE DESIGN? • Adding videos (non-flash if possible) • Adding photo galleries • m.commerce is becoming more popular (e.g. amazon.com) Friday, January 7, 2011
  • WHAT ARE THE CURRENT DESIGN TRENDS OF MOBILE DESIGN? • crateandbarrel.com • m.discovery.com • m.acura.com • mobile.aa.com • subaru.com/mobile/ • visitkingsisland.com/ index.html mobile • mobile.miniusa.com • bluekaboom.com/mobile • touch.facebook.com Friday, January 7, 2011
  • RESOURCES Device Emulators SDKs • www.testiphone.com • Apple (developer.apple.com) • www.mobiready.com • Android (developer.android.com) • www.blackberry.com/developers/ •Blackberry downloads/simulators/ Cream of the crop testing • Firefox add-on • DeviceAnywhere.com (addons.mozilla.org/en-US/firefox/ addon/1345/) • Keynote.com • Nothing beats the real thing! You may want to pick up or borrow friends devices! Friday, January 7, 2011
  • CHECK US OUT bluekaboom.com/mobile Friday, January 7, 2011