1. Where There Is No Vision,The People PerishDavid J. Hinson, EVP & CIOHendrix College

2. Alternate Translation: 3. Where There Is No Vision,The People Cast Off Restraint 4. Mobile First, Responsive WebDesign, Native Apps, And The WholeVision Thing 5. Mobile First 6. Luke Wroblewski, product designer,entrepreneur, author and speakerDesign with Mobile in mind,rather than the Desktop, FirstWith millions of mobile device activationsper day, people more likely to see your siteon mobile devices before they do ondesktopsLeads to better full site designs:simplify, prioritize, pick out the thingsthat really matterForces you to get down to the bare essenceof what makes your content workCapabilities that dont exist on personal computers 7. Really big change to peoples processesand mindsetIts a lot of work 8. Responsive Web Design 9. Ethan Marcotte, web designer anddeveloperProcess of arranging layout so thatimportant information is presented in auser readable way, on any kind of deviceor screen sizeDesign meant to be viewed along agradient of different experiencesFluid grids, flexible images, media queriesSame code and content usedthroughout your site 10. Its a lot of workCommon-denominator approach; eventhough it is meant to provide a gradientof experiences, not all experiences arecreated equally.Some duplicated content may benecessary; you may need to movecontent into areas that CSS cant (now)accommodate (CSS Regions may providesome relief here). 11. WARNING: Humble brag, next 5 minutes 12. HTML5 / CSS3 Applications 13. Web applications written inHTML, Javascript,and CSSOften easier to develop thannative applicationsGenerally avoids device-specificdevelopmentFavors reach over richnessSingle code base across all platformsTitanium, Sencha, PhoneGap, and Mosync are examples of HTMLframeworks designed to support this model of development 14. A little more work to monetizeNo single authoritativesource for applicationdiscovery, beyond SEOThey look, act, and feeldifferently than native mobileappsAn active internet connection is (mostly) a mustCautionary (???) Tale: Facebook Mobile and HTML 5 15. Native Applications 16. A smartphone application thatis coded in a specificprogramming language,such as Objective C for iOSand Java for Androidoperating systems.Fast performance and a highdegree of reliabilityAccess to a phones various devices, such as its camera, accelerometer,compass, GPS, and address bookNative apps can be written to be used without an internet connectionTailored to the native capabilities of the device for which itis written: native APIs, specific hardware, and display form factors 17. For each native platform,expertise must be developedPlatform specialists aremore expensive per hour thanweb developers (generally)iOS development requiresMac OS X developmentmachines to run Xcode;Android may be developed using either Mac or PC; and so onDevice capabilities will prevent a uniform user experience from platformto platformArtwork and design assets, while sharable to some extent, must bespecialized by platformCode re-use between platforms? Aside from service / server side APIs,its a nice bed-time story to tell your kids 18. Yeah, Yeah Yeah. So What? 19. Before doinganything, 20. Define the problemyoure solving, and what would constitute asuccessful outcome. 21. Who is your audience? What are their expectedbehavioral patterns?What kinds of devices do they carry? 22. Who owns your app? Who will maintain it?What skillsets do you currently have in-house?What is the expected lifetime of this app? 23. What will it cost to develop?Where does the money come from? Who decides on feature set? Who handles customer support? 24. Who performs QA?Who are your evangelists?Who is responsible for PR?Who declares victory? 25. Mobile Development Prime Directive:Strategize, then Operationalize What is the story you are trying to tell? NOT I have a hammer. Where are the nails? 26. Where There is No Vision,The People Perish 27. Questions? 28. Thank You!Twitter: @davidjhinson Email: hinson@hendrix.eduhttp://www.slideshare.net/davidjhinson/where-there-is-no-vision-the-people- perish 29. Image Creditshttp://www.etilox.com/img/main01.pnghttp://www.psmassages.com/v2/images/vitruvian_man_600.pnghttp://www.mosync.com/sites/all/themes/mosync/css/img/banner-nov12-devices.png 30. Sites and Tools Mentionedhttp://www.abookapart.com/products/mobile-firsthttp://www.netmagazine.com/interviews/luke-wroblewski-mobile-firsthttp://www.edtechmagazine.com/higher/article/2012/09/3-college-websites-responsive-designhttp://www.ektron.com/Press-Releases/Hendrix-College-Wins-Ektron-2012-Site-of-the-Year-Award/http://www.abookapart.com/products/responsive-web-designhttp://www.alistapart.com/articles/responsive-web-design/http://www.alistapart.com/articles/fluidgrids/http://www.1stwebdesigner.com/tutorials/fluid-grids-in-responsive-design/http://www.alistapart.com/articles/fluid-images/ 31. Sites and Tools Mentionedhttps://www.sencha.com/http://phonegap.com/http://www.mosync.com/http://www.html5rocks.com/en/mobile/nativedebate/