Where is the balance between user
experience and rich media?
Presented by
@georgeioannou
What is Rich Media?
Content and technology which enriches a users experience online.
•  Animation (HTML5/CSS3, JavaScript)...
Attract or Distract?
To Help Find the Balance…
•  Know your audience
•  Know their expectations
•  Make the site relevant
Use	
  Persona	
  Dri...
To Help Find the Balance…
•  Tackle User Experience
•  Ask questions on
positioning global
framework and content
Use	
  Wi...
In Truth…
•  The balance between User Experience and Rich
Media is Unique to each business
•  What works for one might not...
Some Good Examples…
Some Good Examples…
Some Good Examples…
Some Good Examples…
Some Good Examples…
Some Good Examples…
How to Ensure you Attract
and Not Distract…
Trust Nothing, Test Everything!
•  Don’t rely on expertise
•  Start A/B and
multivariate testing
–  Test multiple page lay...
Handy Tools
Handy Tools… Other similar products are available
•  UX Pin
•  http://uxpin.com/
•  Wireframe Editor
•  Collaborate in Rea...
•  Google Tools
•  http://www.google.com/
Too many features to mention!
Handy Tools… Other similar products are available
l  Feng-GUI
l  www.feng-gui.com
l  Optimise layouts
l  Identify weak spots &
improve performance
l  Location of brand...
l  Loop11
l  www.loop11.com
l  Create professional
usability tests in minutes
l  Conduct remote user
testing
l  See t...
Handy Tools… Other similar products are available
l  Clicktale
l  www.clicktale.com
l  Visitor recordings
l  Mouse mov...
•  Five Second Test
•  http://fivesecondtest.com/
l  UI feedback
l  Fine tune design
l  Extracts the frequent keywords
...
Thanks for listening! Next…
Follow us @digitalandwise
Read our blogs at www.digitalandwise.com
Email me at george@digitala...
Upcoming SlideShare
Loading in …5
×

Where is the balance between user experience and rich media

287 views

Published on

This Presentation highlights a few areas where uses of Rich Media can benefit the user experience, whilst also ensuring it's not mis-used.

Published in: Design, Technology
  • Be the first to comment

  • Be the first to like this

Where is the balance between user experience and rich media

  1. 1. Where is the balance between user experience and rich media? Presented by @georgeioannou
  2. 2. What is Rich Media? Content and technology which enriches a users experience online. •  Animation (HTML5/CSS3, JavaScript) •  Banners (animated/flash) •  Virtual Catalogues •  Rotating Product Images •  Video Content •  Social Media Integration •  Games •  Augmented Reality •  Many More…
  3. 3. Attract or Distract?
  4. 4. To Help Find the Balance… •  Know your audience •  Know their expectations •  Make the site relevant Use  Persona  Driven  Design   Image  source:  h4p://blog.kissmetrics.com  
  5. 5. To Help Find the Balance… •  Tackle User Experience •  Ask questions on positioning global framework and content Use  Wire  Framing   Image  source:  h4p://blog.kissmetrics.com  
  6. 6. In Truth… •  The balance between User Experience and Rich Media is Unique to each business •  What works for one might not work for another •  Don’t use “Industry Expertise” solely to make decisions.
  7. 7. Some Good Examples…
  8. 8. Some Good Examples…
  9. 9. Some Good Examples…
  10. 10. Some Good Examples…
  11. 11. Some Good Examples…
  12. 12. Some Good Examples…
  13. 13. How to Ensure you Attract and Not Distract…
  14. 14. Trust Nothing, Test Everything! •  Don’t rely on expertise •  Start A/B and multivariate testing –  Test multiple page layouts –  Navigation and common parts –  Optimise content, special offers etc. –  Segment and target
  15. 15. Handy Tools
  16. 16. Handy Tools… Other similar products are available •  UX Pin •  http://uxpin.com/ •  Wireframe Editor •  Collaborate in Real-time •  Upload Files, Personas etc...
  17. 17. •  Google Tools •  http://www.google.com/ Too many features to mention! Handy Tools… Other similar products are available
  18. 18. l  Feng-GUI l  www.feng-gui.com l  Optimise layouts l  Identify weak spots & improve performance l  Location of brand and branding effectiveness Handy Tools… Other similar products are available
  19. 19. l  Loop11 l  www.loop11.com l  Create professional usability tests in minutes l  Conduct remote user testing l  See the results of your user test online – instantly Handy Tools… Other similar products are available
  20. 20. Handy Tools… Other similar products are available l  Clicktale l  www.clicktale.com l  Visitor recordings l  Mouse movement heat maps l  Attention heat maps l  Click heat maps
  21. 21. •  Five Second Test •  http://fivesecondtest.com/ l  UI feedback l  Fine tune design l  Extracts the frequent keywords places in to graph Handy Tools… Other similar products are available
  22. 22. Thanks for listening! Next… Follow us @digitalandwise Read our blogs at www.digitalandwise.com Email me at george@digitalandwise.com Even better come over later and say hello. Thank you for listening @georgeioannou http://www.linkedin.com/in/georgeioannou

×