Embed Size (px)
DESCRIPTION
Keynote presentation from Darren Winterford, Director of Creative Licence Digital at a recent Google Publishing event. Details recent mobile statistics with a focus on Australia. Also details various considerations when developing mobile websites and example work.
Citation preview
Monday, 25 March 13
52%OF ADULTS OWN A SMARTPHONE
58%ACCESS THE INTERNET EVERYDAY ON THEIR SMARTPHONE
75%DONT LEAVE HOME WITHOUT IT
Monday, 25 March 13
SMARTPHONE PENETRATION
30-49
50+
16-20 73%
66%
28%
years
years
years
Monday, 25 March 13
43% 2xOF DAILY MEDIA DESKTOPIN
TERA
CTIO
NS A
RE O
N
ALMOST
Monday, 25 March 13
Monday, 25 March 13
GLOBAL MOBILE TRAFFIC
1% 4% 13%DEC ‘09 DEC ‘10 NOV ‘12
Source: StatCounter Global Stats, 11/12
Monday, 25 March 13
BLACK FRIDAYINTERNETSHOPPING
6% 14% 24%
2010 2011 2012
FROM MOBILE AND DEVICESMonday, 25 March 13
SMARTPHONEUSERS
MOBILE PHONEUSERS
1 BILLION 5 BILLION
Monday, 25 March 13
$$$ENGAGED USERSSOCIAL MEDIA SAVVYVIRAL ABILITYTOUCHSCREEN EFFECTPURE EXPERIENCETHE WEB, BUT BETTER
Monday, 25 March 13
WHERE DO YOU START?
Monday, 25 March 13
KEYPHILOSOPHIES
MOBILE WEB
RESPONSIVE DESIGN
CENTRAL BUSINESS LOGIC
ONE WORKFLOW
Monday, 25 March 13
CENTRAL BUSINESS LOGIC
EXISTING WEBSITE FRAMEWORKS RETAINEDKEEP ALL MODELS & EXISTING LOGIC SUCH AS PAYMENT GATEWAYS, EMAILING OR BOOKING SYSTEMS IN PLACEUSE SAME SITE INTELLIGENCE & CONVERSION TRACKING
Monday, 25 March 13
ONE WORKFLOW
CURRENT CMS RETAINEDKEEPS CONTENT CENTRAL - ANY CHANGES REFLECTED AUTOMATICALLY THROUGHOUT ALL DEVICES
Monday, 25 March 13
RESPONSIVE DESIGN
1 2 3RESPONSIVE(CSS)
+ +
REFINE CONTENT
SINGLE PAGE APPLICATION (SPA)
Monday, 25 March 13
RESPONSIVE1
Styl! USING MEDIA QUERIES,UNDERSTAND CAPABILITY OF THE BROWSER
INTERACTIONTOUCH EVENTS
VS.MOUSE CLICKS
TAILOR CONTENTACCORDINGTO CAPABILITY AND SCREEN SIZE
Monday, 25 March 13
REFINE CONTENT2
Styl! & SUBSTANCEUSER AGENT DETECTION TO REPURPOSE CONTENT(DETECTING THE DEVICE)SMALL SERVER LAYER TO REFINE CONTENT CREATED FOR THE DESKTOP ISAUTOMATICALLY REORGANISED AND CONVERTED PROVIDES APPROPRIATE CONTENT FOR THE DEVICE
Monday, 25 March 13
SINGLE PAGE APPLICATION3
SAME BUSINESS LOGIC BUT APP-LIKE BEHAVIOURin simple terms...
NO PAGE REFRESHING FOR SPEED USE OF AN APIDEVICE EXCHANGES ONLY LIMITED DATA
Monday, 25 March 13
ADVANTAGES
EASY MAINTENANCECONTENT REMAINS IN ONE LOCATION CONSISTENCY
TAILORED EXPERIENCEALLOW FOR FLEXIBLE, IMPACTFUL UI AND UXUSE FULL POWER OF VARIOUS MOBILE BROWSER NOT ONE SIZE FITS ALL
Monday, 25 March 13
ADVANTAGES LIGHTWEIGHT
ALLOW FLUIDRESPONSIVE BROWSING
LOAD IN CORRECT ORDER
MINIMISE LOADINGTIME AND DATA REQUESTS
Monday, 25 March 13
100MILLISECONDS
REVENUE INCREASED BY 1%FOR EVERY 100 MILLISECONDS OF IMPROVEMENT
Monday, 25 March 13
ADVANTAGES APP READY
ALREADY USES WEB SERVICES AS AN APPLICATION WOULDMOBILE SITE BECOMES FOUNDATION FOR APP DEVELOPMENTUTILISE COMBINATION OF NATIVE, HTML5 AND THE SAME MODELSSAVES LARGE OPERATIONAL COSTS
Monday, 25 March 13
MOBILE USER EXPERIENCE
Monday, 25 March 13
Monday, 25 March 13
HIGHLY VISUAL PERSONAL MEDIAFUNCTIONALITY FIRST WITH SUPERLATIVEUSER INTERFACE & USER EXPERIENCE
BEAUTIFUL, INTUITIVE, COMPELLINGUSER INTERFACES ENHANCE FUNCTIONALITYAND INSPIRES EMOTIONAL ATTACHMENT
Monday, 25 March 13
KEY PRINCIPLESSINGLE MINDED THUMBS UPFOCUS ON CONVERSIONSEFFICIENT CLICKS CONTENT OVER CHROME
Monday, 25 March 13
EXAMPLE WORK
Monday, 25 March 13
Monday, 25 March 13
Monday, 25 March 13
Monday, 25 March 13
Monday, 25 March 13
Monday, 25 March 13
Monday, 25 March 13
Monday, 25 March 13
LEVEL 1, PARK LANE ARCADE13, THE CORSO, MANLY, NSW
SYDNEY (02) 9977 2228
CREATIVELICENCEDIGITAL
Monday, 25 March 13
