资源描述:
《uTest_Whitepaper_Responsive_Design.pdf》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、TheWhyandHowofResponsiveDesignWhyyoushouldcareaboutResponsiveWebDesignandHowtomakethetransitionsuccessfullyWhitepaperFebruary2014100PennsylvaniaAve.
2、Framingham,MA01701
3、Suite500
4、1.800.445.3914
5、www.utest.comWhitepaper:ResponsiveDesignIntroductionAsusershavebecomemoremobile,webtrends
6、havefollowedthem.Thelatesttrendhasmobilewebmovingawayfromunique,scaled-downm-dotwebsites,infavorofresponsivedesign.Simplyput,responsivedesignisthepracticeofcreatingawebsitethatusesonecode-basethatautomaticallyadjustsitsinterfacetowhicheverdevice,operatingsystem,screenorientationan
7、dresolutionauserison.Unlikepastmobile-focusedsolutions,responsivelydesignedsiteshavethesamecontentwiththesamebackendforbothdesktopandmobile.Responsivewebdesignemergedinresponsetotherisinguseofmobileweb.Awebappneedstobewheretheusersare,andincreasingly,thoseusersareonsmall,handheldd
8、eviceswithavarietyofconnectionspeeds.Aroundtheworld,15-17%ofwebtrafficcamefromamobile1devicein2013.OnBlackFriday2013,nearly40%ofonlinetrafficwasviaamobiledevice.Morethan1.2billionpeopleaccessthewebonmobileandmobilewebtrafficisgrowing8x23fasterthanthetraditionalweb.Forsomepeople(21
9、%),mobiledevicesarenowtheirprimarywayofaccessingtheInternet.Inshort,themobilewebcannolongerbeasecondthought.Asmobilecontinuestotakeoverfortraditionalwebconsumption,companieshavebeenforcedtoadapt.Itbecameclearearlyonthatshrinkinganexistingsitetofitamobilescreenwasn’taviablesolution
10、.Itdidn’taddressthedifferentusagehabitsmobileintroduced–suchassmallerdimensions,touchscreensanduseon-the-go.Nativeappsrequirealargeinvestmentindevelopment,testingandmaintenanceandaren’taperfectfitforeverycompany.Anentirelynewapproachtomobilewebwasneeded.Companiesturnedtomobile-opt
11、imizedsitesintheformofm-dotsitestofillthegap,butthisapproachstilltakesdedicatedinvestmentoutsideregularwebsitemaintenance.Youneedtoidentifywhichpartsofyoursiteareimportantenoughtoincludeinthemobileversion,buildthisnewsiteandtestacrossarangeofdevices.Anyupdatestoyourmainsitemirrore
12、donthemobilesiteneedseparateimple