The Power of Responsive Web Design
Transcript of The Power of Responsive Web Design
THE POWER OFRESPONSIVE WEB DESIGN
HUB & SPOKE
THE POWER OF RESPONSIVE WEB DESIGN 2
Youmayalsoremembertheexorbitantpricesto
ownoneoftheseinnovativemobilephones,making
themavailablemostlytotravelingbusinesspeopleor
thosewithbudgetsbeyondtypicalmeans.
Fastforwardtothepresentdayandtwooutofthree
peoplecarryamobilephone,with94%ofalladults
aged18-44owningone.
Halfofallphonesarenowsmartphones,and
over80,000,000Americanshavephonesthat
areemailenabled.Otherresearchhasshownthat
Americansarenevermorethanthreefeetfrom
theirmobilephones,while70%willevenusethem
inthebathroom.Mobileisandwillcontinuetobe
everywhere.
Withitevolvingsorapidly,mobileispractically
indefinableandnotrelegatedonlytophones.
Mobileencompassestablets,mp3players,netbooks
andanyotherdevicesthatallowuserstoaccessthe
Internetwhileonthemove.
A mere thirty years ago, in 1983 to be exact, the first commercially available mobile was produced. You may remember a mobile phone
being a cumbersome bag that you had to haul around.
THE POWER OF RESPONSIVEWEB DESIGN
THE POWER OF RESPONSIVE WEB DESIGN 3
PerhapsBarbaraBallard,authorofDesigningthe
MobileUserExperiencesummeditupbestwhen
shestated,“Fundamentally,mobilereferstotheuser,
andnotthedeviceortheapplication.”
Essentially,wecansurmisethatmobilityis
connectedtotheuserandhowtheyareaccessing
theInternetratherthanfocusingonthedeviceor
applicationtheyareusingtodoso.
Sincemobileisaburgeoningmarketandcontinued
growthisinevitable,websitesneedtobedesigned
withflexiblecontentinmindandnottherestrictive
methodsusedindesigningfordesktops.
Singleplatformdesigndaysarenowathingofthe
pastandnowcontentneedstobenotonlyflexible,
butscalabletoaccommodateanytypeofdevicein
anytypeofscenario.
Whereasinthepastpeopleusedtheirmobile
devicesmostlyfortextmessaging,nowtheyuse
theirmobiledeviceswhilesittingathomeonthe
sofa,orwhileoutandaboutincafes,storesor
anywhereelsetheyhaveaccesstowirelessInternet,
andtheyareusingthemformanyreasons.
TheyarebrowsingtheInternet;theyaresearching
forlocationsandevenmakingpurchasingdecisions
whileinstores.What’sevenmoreimportantisthey
arewillingtoperformcomplicatedtasksontheir
We’re always on the move, and so is
the web.
THE WEB OF THEUSER, NOT THE DEVICE
“Single platform design days are now a thing of the past... content needs to be not only flexible, but scalable.”
HOW WE HELPED
Itisbesttoconsidermobileasan
experiencewearecreatingrather
thanaseparateentity,anddesignfor
flexibilityandadaptability.
Itisbesttoconsidermobileasan
experiencewearecreatingrather
thanaseparateentity,anddesignfor
flexibilityandadaptability.
Itisbesttoconsidermobileasan
experiencewearecreatingrather
thanaseparateentity,anddesignfor
flexibilityandadaptability.
mobiledevices,andtheyarespendingmoney.
Itisnolongersafetoguesswhatauseristryingto
achieveonamobiledevice;assumetheywanttodo
everything.
Sincemobileisaburgeoningmarketandcontinued
growthisinevitable,websitesneedtobedesigned
withflexiblecontentinmindandnottherestrictive
methodsusedindesigningfordesktops.
THE POWER OF RESPONSIVE WEB DESIGN 4
Althoughappsarepopularandinsomecases
necessary,therearealotofdrawbackstousingthem
asameanstopromoteyourbrand.Essentially,an
appisadeliveryservicethatbringscontenttothe
user,butwhilesomeappsaregreatexperiences,
manyarenot.Withavarietyofdeliveryoptions
availablethehighcostofappdevelopmentformulti
platforms,thetimeinvolvedinappcreationandthe
maintenancerequiredforthemisjustnotfeasiblefor
mostpurposes.
Seeingyourappslistedinanappstoremayhavea
certainappeal,butitwillnotguaranteemoreusers
andviewsforyourcontent.Abetterandmuchmore
economicalsolutionishavingawebsitethatworks
everywhere,oneveryplatformregardlessofscreen
size.Thisiswhereresponsivewebdesigncomesinto
play.
Responsivewebdesignisthelatestbuzzword
thatistakingtheInternetbystorm,butithasan
importantmeaningandapplication.Itrepresentsa
fundamentalshiftinwebsitedesign;amovetowards
creatingwebsitesthatareflexibleandadaptableto
anyplatformonanydevice.Responsivewebdesign
createscohesionandaseamlessbrandexperience,
whileremovingtheneedtocreateseparateappsfor
eachplatform.
Fororganizationsthatwishtodeliveruniqueand
innovativeexperiencestomobileconsumers,
responsivewebdesignmaynotbethebestsolution
sinceitismeanttoscaleyourwebcontentfluidly
acrossmultiplescreensizesanddevices.
Developingastrategytodeliverthekindof
experienceyouwantyourmobileuserstoaccess
willhelpdetermineifadoptingaresponsivedesign
philosophyisthebestmethodofdeliveryforyour
brand.Itreallycomesdowntohowyouviewyour
connectedbrandandhowcloselyyouwantallthe
piecesofittofittogether.
Fororganizationsthatwishtodeliveruniqueand
innovativeexperiencestomobileconsumers,
responsivewebdesignmaynotbethebestsolution
sinceitismeanttoscaleyourwebcontentfluidly
acrossmultiplescreensizesanddevices.
The Pro’s & Con’s of Responsive Web Design
MOBILE APPS
THE POWER OF RESPONSIVE WEB DESIGN 5
THE MOBILE EXPERIENCE
Youhavelikelyheardtheterm“mobileWeb”many
times.Inreality,thereisnodistinctionbetweena
“mobileWeb”andtheactualWeb,theonlydistinction
isinhowusersareaccessingandviewingit.
Itisbesttoconsidermobileasanexperienceweare
creatingratherthanaseparateentity,anddesignfor
flexibilityandadaptability.
Withthewidearrayofmobiledevicesthatcanaccess
theWebitwouldbeimpossibletoaccommodateeach
andeveryone,sobeingfocusedoncontentfromthe
onsetwillhelpyoudesignwithbrandexperiencein
mindandnotbecometrappedbythevisuallimitations
thatcanaccompanythewidevarietyofdevices.
BelieveitornoteverythreeminutesintheUK,a
vehicleispurchasedusingtheeBaymobileapp!
Thisisfurtherproofthemainfocusneedstobeon
deliveringagreatuserexperiencenomatterwhatthe
device,andnotlimitingthem.
SMALLER SCREENS DO NOT EQUATE TO SMALLER EXPERIENCES
Mobileusersaredemandingcustomers,andifthey
receivefewerfeaturesbecauseyoudesignwith
limitationsinmind,theycanpotentiallybeleftwithout
themeansordesiretoengagewithyouractual
product.Itisabsolutelycriticaltoputyourusers’
needsfirst.
Peopleareusingtheirmobiledevicestoperformall
kindsofactionswhileusingawiderangeofdevices.
Forexample,25%ofmobileusersengageinonline
shoppingthroughtheirphonesandtablets,anda
highernumberofusersresearchproductsontheir
phones;sometimeswhilerightinthestore.
BelieveitornoteverythreeminutesintheUK,a
vehicleispurchasedusingtheeBaymobileapp!
Thisisfurtherproofthemainfocusneedstobeon
deliveringagreatuserexperiencenomatterwhatthe
device,andnotlimitingthem.
THE POWER OF RESPONSIVE WEB DESIGN 6
LESS IS MORE
Earlier,itwasmentionedthatlimitingexperience
duetothesmallerscreensizeswouldlimituser
experience.
Expandingonthatnow,getintothemindsetthat
mobileactuallymeansmore.Betternetwork
connectivity,smallerdevicesizesandconstant
availabilitymeanspeoplearecontinuallyconnected
andseekingcontent.
Morethanever,youhaveopportunitytopushyour
brandawarenessifyoucreateanexperiencethat
deliverswhatconsumersareseekingandwantingto
engagewith.
FINAL NOTE
Thecaseisprettyclearfortheneedformobileweb
designforyourbrand.
Itisworthnotingthatifyoudoadoptresponsiveweb
designforyourorganization,thiscanhelpwithsearch
engineplacement.
Amainsitethatismobile-enabledplaceshigherin
searchenginerankingsthanseveralsitesforvarious
applications.Consideringthelowercostofusing
responsivewebdesigncomparedtothealternatives,
yourreturnoninvestmentwillbehighestwiththis
platform.
Trey Quinlan of Trey Bistro wanted a mobile
site that would work correctly for all mobile devices. We delivered.
TREYBISTRO
A mere thirty years ago, in 1983 to be exact, the first commercially available mobile was produced. You may remember a mobile phone being a cumbersome bag that you had to haul around.
THE POWER OF RESPONSIVE WEB DESIGN 7
Thisisjustanintroduction,skimmingthesurfaceofthedepthsof
whatresponsivewebdesignanddevelopmentisallabout.
Thankyoufortakingalook,andwehopetohearfromyousoon!
Contactustodaytoscheduleyourriskfreeconsultationtolearn
moreaboutresponsivewebdesignandhowHub&Spokecan
connectyourbrand.
Copyright © 2014 Hub & Spoke All Rights Reserved
(888) 573-4482
HUB & SPOKE