Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

You've Decided to Use HTML5. Now What?

575 views

Published on

Slides from the webinar "So You've decided to use HTML. Now what?"

Presented by Dave Porter

Published in: Technology
  • Be the first to comment

You've Decided to Use HTML5. Now What?

  1. 1. CANADIAN HEADQUARTERS UNITED STATES OFFICE UNITED KINGDOM OFFICE www.appnovation.com 152 West Hastings Street 3414 Peachtree Road, #1600 3000 Hillswood Drive info@appnovation.com Vancouver BC, V6B 1G8 Atlanta Georgia, 30326-1164 Hillswood Business Park Chertsey KT16 0RS, UKYOU’VE DECIDED TO USEHTML5. NOW WHAT? 10 Considerations for a Great HTML5 website or mobile app Dave Porter – SproutCore Architect & Core Team Member marketing@appnovation.comDave Porter V
  2. 2. Appnovation is oneof the world’s TOPOPEN SOURCEDEVELOPMENTSHOPS.Dave Porter V
  3. 3. LOCATIONSVANCOUVER OFFICE ATLANTA OFFICE LONDON OFFICE152 West Hastings Street 3414 Peachtree Road, #1600 3000 Hillswood DriveVancouver BC, V6B 1G8 Atlanta Georgia, 30326-1164 Hillswood Business Park Chertsey KT16 0RS, UK Dave Porter V
  4. 4. Dave Porter V
  5. 5. YOU’VE DECIDED TO USE HTML5. NOW WHAT? Dave Porter V
  6. 6. Decide on HTML5Dave Porter V
  7. 7. 0. DECIDE ON HTML5HOW DID YOU GET HERE? • Settled Standards: Move Forward with Backward Compatibility • The Fastest-Improving Platform. Period. • Feature Parity • Build Once, Deploy Everywhere Dave Porter V
  8. 8. Know Your PurposeDave Porter V
  9. 9. 1. KNOW YOUR PURPOSEWHAT IS YOUR PROJECT’S REASON FOR BEING? Have a Mission Statement Information? Content? Sales? Product? Social? Dave Porter V
  10. 10. 1. KNOW YOUR PURPOSEWHAT IS YOUR PROJECT’S REASON FOR BEING? Bad Mission Statement: “Drive customer engagement.” Dave Porter V
  11. 11. 1. KNOW YOUR PURPOSEWHAT IS YOUR PROJECT’S REASON FOR BEING? Good Mission Statement: “A value-add component to our primary offering, allowing our customers to access their content when away from their primary device. Drives customer engagement by offering full- featured content previews with as little friction as possible.” Dave Porter V
  12. 12. Know Your AudienceDave Porter V
  13. 13. 2. KNOW YOUR AUDIENCESPECIAL CONSIDERATIONS • Does your audience include: • Many users of older browsers? • Mobile users? • Speakers of different languages? Dave Porter V
  14. 14. Frameworks & TechnologyDave Porter V
  15. 15. 3. FRAMEWORKS & TECHNOLOGYPRODUCT GOALS LEAD TO TECHNOLOGY CHOICES Dave Porter V
  16. 16. 3. FRAMEWORKS & TECHNOLOGYPRODUCT GOALS LEAD TO TECHNOLOGY CHOICES Web Application Middle ground Content-Managed Website Dave Porter V
  17. 17. 3. FRAMEWORKS & TECHNOLOGYPRODUCT GOALS LEAD TO TECHNOLOGY CHOICES Dave Porter V
  18. 18. Know What’s PossibleDave Porter V
  19. 19. 4. KNOW WHAT’S POSSIBLEHTML5 FEATURES In 2012 your web page can... ...know where it is ...take photos (soon) ...work offline ...prefetch data ...show and manipulate video, audio and advanced graphics ...handle big data ...talk to the vision-impaired ...do anything you can do with native Dave Porter V
  20. 20. 4. KNOW WHAT’S POSSIBLETHE BROWSER QUESTION :D :| >:( arstechnica.com Dave Porter V
  21. 21. 4. KNOW WHAT’S POSSIBLETHE BROWSER QUESTION arstechnica.com Dave Porter V
  22. 22. 4. KNOW WHAT’S POSSIBLETARGETING THE STANDARDS Feature detection Graceful degradation caniuse.com Dave Porter V
  23. 23. Structural ConsiderationsDave Porter V
  24. 24. 5. STRUCTURAL CONSIDERATIONSPLANNING AHEAD • Should your project include: • Responsive design? (yes) • Offline support? • Localization? • Automated unit tests? • Analytics? Dave Porter V
  25. 25. Scope & FocusDave Porter V
  26. 26. 6. SCOPE & FOCUS • With a clear understanding of your project’s mission: • Define its size, or size it in stages. • Focus & clearly define must-haves for release. • Avoid feature creep. • Be flexible, but keep deadlines in mind. • Examine any new feature idea in light of the question: is this required for release? Is it more important than other release features? • Features can creep (a little) after v1.0 Dave Porter V
  27. 27. Development StrategiesDave Porter V
  28. 28. 7. CHOOSE A DEVELOPMENT STRATEGYMETHODOLOGIES • Buzz-word magnet • Waterfall (Heavy, linear, slow, careful) • Spiral; Iterative; Cascade (Lighter, cyclical, iterative) • Agile (Very light, fast-paced iteration; rapid release) • No one buzz-word is going to solve all problems for all projects. Consider: • Ongoing development • Team size & experience Dave Porter V
  29. 29. 7. CHOOSE A DEVELOPMENT STRATEGYINTERNAL, EXTERNAL & HYBRID TEAMS • If you have an internal team, awesome. • If you have a project that will be nearly complete at v1.0, Appnovation can build your project. • If your project is likely to see ongoing development, Appnovation can help you build a team. Dave Porter V
  30. 30. Design, Design, DesignDave Porter V
  31. 31. 8. DESIGN, DESIGN, DESIGNDESIGN DESIGN DESIGN DESIGN DESIGN DESIGN DESIGN DESIGN • User Experience (UX) • User Interface (UI) • Vague Ideas • Wireframes • Pixel-Perfect Mockups Dave Porter V
  32. 32. DevelopmentDave Porter V
  33. 33. 9. DEVELOPMENTGETTING TO 1.0 • Assemble & train your team • Establish timelines • Maintain design flexibility • Avoid feature-creep • Develop • QA • Internal testing • Beta testing • Deployment Dave Porter V
  34. 34. Beyond 1.0: Iterate & InnovateDave Porter V
  35. 35. 10. BEYOND 1.0ITERATE & INNOVATE • Early results: • Analytics • Listen to your users… but don’t trust them verbatim “If I had asked people what they wanted, they would have said faster horses.” – Henry Ford • Analyze, synthesize, act • Iterative design & enhancement • Remember: Avoid Feature Creep. Dave Porter V
  36. 36. CANADIAN HEADQUARTERS UNITED STATES OFFICE UNITED KINGDOM OFFICE www.appnovation.com 152 West Hastings Street 3414 Peachtree Road, #1600 3000 Hillswood Drive info@appnovation.com Vancouver BC, V6B 1G8 Atlanta Georgia, 30326-1164 Hillswood Business Park Chertsey KT16 0RS, UK Thank You For Your Participation! QUESTIONS? Dave Porter – SproutCore Architect & Core Team Member marketing@appnovation.comDave Porter V

×