Interactive Design Homepage

VUIT Digital Arts

Teacher Name: Lisa Cianci - email: lisa.cianci@vu.edu.au
Education Manager: Adam Hutterer - email: adam.hutterer@vu.edu.au

Class Website - http://multimedia.tafe.vu.edu.au/lisa/2015/ID2


Subject: ID2 - Interactive Design

Course: Advanced Diploma of Graphic Design (CUV60411)


CLASS 06

Develop Wireframes for Assessment Task 2

Today you will undertake the following activities in class:
  • Participate in discussion – types of wireframing - why is it useful?

  • Research findings: Video distribution websites - how they responsively present their interfaces for different screen sizes and different functionality (admin, viewer etc.). We will share research results in class and discuss the pros and cons of different websites, speculate on who their users might be and make suggestions for what the "user experience could be".

  • Work on title and logo design for your project.

  • Work on wireframes for your website.

 

References

http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/

http://www.fastcodesign.com/3038367/9-gifs-that-explain-responsive-design-brilliantly

http://blog.teamtreehouse.com/modern-field-guide-responsive-web-design

http://www.huffingtonpost.com/john-rampton/business-mobile-responsive-design_b_5267077.html

http://designshack.net/articles/css/5-really-useful-responsive-web-design-patterns/

http://www.lukew.com/ff/entry.asp?1514

http://bradfrost.github.io/this-is-responsive/patterns.html

 

Video Distribution Websites:

http://www.reelseo.com/video-marketing-basics-5-distribution/

https://www.youtube.com/

https://vimeo.com/

http://screen.yahoo.com/

https://www.flickr.com/explore/video/

http://www.metacafe.com/

http://www.dailymotion.com/

http://blip.tv/

http://www.viddler.com/

 

 

 

For Next Week

Continue online research and wireframe development.