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.

Guide Series Interactive Design_PastPresentAndFuture


Published on

@bunmun and @GuideCreative discuss the history and emerging trends of nonprofit interactive design in this GUIDE Series.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Guide Series Interactive Design_PastPresentAndFuture

  1. 1. Series Overview
  2. 2. Interactive DesignPast, Present and FutureBy Chris Wolf and Ben Wong
  4. 4. Lacking Quality Visual Design•  No Standards for Comparison –  Too early to know what looks good•  Dominated by IT & Programmers –  “Web design” not even a term yet•  Limitations of Technology –  Small monitors –  Slow processors –  Poor graphics rendering –  Low bandwidth –  Few web-safe fonts
  6. 6. Where Were the Designers?•  Good Design Existed through Other Media –  Creativity was all around, but it wasn’t browser ready•  Print Dominated the Design Industry –  The best designers worked with paper•  Website Took Back Seat –  Web lacked a sufficient audience –  The presence wasn’t very flattering –  No proven results yet
  7. 7. The PastTHE BATTLE BEGINS…
  8. 8. The Battle Begins…•  Designers Bring Quality –  But it’s hard to build•  Compromises Lower Potential –  Visual and Interactive meet in the middle•  Still Fighting Technology Limitations –  Bandwidth –  Browser Compatibility –  Web Safe
  10. 10. Flash Saves the Day•  New Trend Emerges –  Designers can package work with better fonts, colors and textures•  Technology Boost –  Leads to more animation and user interaction•  Video Playback Compatibility –  With Flash on almost every computer, no longer have to fight over video formats
  12. 12. This Internet Might Stay•  User Portals –  More than just email and search, it’s the gateway to the World Wide Web•  Social Networking –  Chat Rooms, MySpace, Campus Networks•  Gaming and Fun•  News and Media•  Entertainment•  Marketing
  13. 13. The PresentLook how far we’ve come!
  14. 14. Internet is everywhere!The explosion of Internet enabled devices
  15. 15. Internet Enabled Devices•  Traditional desktops and laptops are not the only way to access the internet. Now we have: –  Smart phones –  Tablets –  Netbooks –  eReaders –  Internet Televisions –  Game Consoles –  Vehicles –  Home Appliances
  16. 16. Mobile Devices“Mobile will be the #1 way we view the web by 2015”
  17. 17. Mobile now accounts for 10% of Internetusage worldwide
  18. 18. Mobile Optimization•  Consider the context of the mobile user. –  What are their goals? –  What is their environment?•  Optimize the presentation of the content for smaller screen sizes•  Optimize the performance of the website to save valuable bandwidth
  19. 19. Responsive Web DesignWith the number of different web enabled devicesgrowing, Responsive Web Design allows a website torespond to their changing environment
  20. 20. Mobile Tablet Desktop
  21. 21. Web 2.0Two-way communication on the web
  22. 22. Social Media IntegrationExtending the reach of your website through your biggest fans
  23. 23. Social Media Integration•  Social media websites now offer tools to integrate with your website.•  Share widgets allow users to share your content with their social network•  “Like” and “+1” buttons allow users to show their support for your page or organization•  RSS feeds can allow other websites to pull in your content and extend its reach.
  24. 24. CSS3 AnimationsAdobe Flash steps aside
  25. 25. CSS3 Animations•  Adobe Flash was the de facto standard for animations on the web•  CSS3 is now powerful enough to deliver animated experiences that rival Flash•  Why use CSS3? –  Mobile compatible –  Open Standards –  Easier to edit and manage
  26. 26.
  27. 27. Interactive InfographicsInfographics come alive with user interaction
  28. 28.
  29. 29.
  30. 30. Transmedia Storytelling“The technique of telling asingle story or storyexperience across multipleplatforms and formats”
  31. 31. Transmedia Storytelling•  Telling parts of your story across the website, mobile and social media.•  Multiple points of entry, which means multiple points of discovery•  HTML5 allows a new level of interactivity that goes beyond standalone videos.•  Audience has a participatory experience that goes beyond just reading and watching.•  Effective way to raise awareness and inspire action
  32. 32.
  33. 33. The FutureWhat does the future hold?
  34. 34. Web 3.0
  35. 35. Web 3.0•  Semantic Web•  Personalized user experience•  Suggested Content•  Examples: NetFlix, Amazon, Google,Facebook
  36. 36. Web AudioGoogle’s Web Audio API pushing thesound barrier
  37. 37. Web Audio•  Audio on the web has a bad reputation, however, in other fields of user experience design, sound is an important method to providing user feedback.•  The Web Audio API allows sounds to be processed faster with higher precision