Smartphone sales to hit 1bn a yearfor first time in 2013 “The smartphone is predicted tobecome a mass marketphenomenon this year, with annualshipments soaring to 1bn globallyfor the first time, although a fifth ofthe devices will rarely be used to goonline.” “In 2013…the number of activephones with either a touch screenor an alphabet keyboard to 2bn bythe end of the year.”
93.3% of SMB websites are not mobile-compatible and will not rendersuccessfully on mobile devices, including smartphones.o 80.5% have no social media links.o 74.7% lack an email link on their home page.o 65.7% lack a form to request information.o 60% have no toll-free or local phone number on the home page.o 56.3% have no keyword info for search engines. 56% plan to invest in a new website or software in 2013.Source
“I need awebsite andI wantresponsivedesign. Howmuch willthat cost?”
Make it work on my iPhone! Make it work on my iPad! If the website knows whatdevice I’m using, it’sresponding, right?
Defined by threecharacteristicso Flexible grid-based layouto Images that resizeo Media queries (CSS3) www.alistapart.com/articles/responsive-web-design/ Example: Boston Globe
More info: http://hawksworx.com/blog/oakleys-monster-page-of-baubles/
Same data from the database Served up with different themes
Responsive Design Static or CMS sites OK Same content served in anyenvironment Can work at any screendimension if coded well Same URLs for contentMobile Site CMS driven required Can serve different content todesktop and mobile if required
Responsive Design If front-end developer doesn’tknow what they are doing, thiscan be a slow data-hog. Need atalented front-end developerwho can weigh requirementsand tradeoffs to make thistechnique work optimally. Is your content mobile-friendly?Mobile Site What if user wants to see the“full site” version? What happens if the user has adevice that’s not one of thedefined widths? May have different URLs formobile vs desktop content Talented back-end team whocan serve up two (or more) siteswith different themes/templates
Website that’s mobile-compatible Runs in the browser, so it willrun on any mobile phone with asuitable browser May be cheaper to develop Generally will use responsivedesign or a separate mobilewebsite Can pull info from a databaseon the webMobile app Runs as an application, so aseparate app must be coded foriOS and Android (andBlackBerry). May be more expensive todevelop and maintain Can look/function however youwant, within the parameters ofthe operating system Can pull info from the web orweb-based database
Website that’s mobile-compatible Use for any website.Mobile app Use only if needed. When do you need an app?o You have TONS of content thatmight need to be read on specificdeviceso Your visitors come back EVERY DAYo The browser is too limiting forwhat the user needs to complete. Some industries seem tostandardize on apps, likebanking
“German mobile analytics firmAdeven says that nearly two-thirds of software in iOS AppStore are ‘zombies’ — thanksto a new tool that has counted400,000 apps which get nodownloads, are invisible tousers and have no ranking.”source
Remember that “responsive design” means something very specific togeeks. So does a mobile site. So does an app. Talk about “reactive technology” since this is technology that reacts toits environment. Ask your favorite geek which is the right solution for your business.
Jen KramerWaltham, MAPhone: firstname.lastname@example.orgTwitter: @jen4webFacebook: facebook.com/webdesignjenSlides available atwww.slideshare.net/jen4web