top of page

Creating Interactive Multimedia Stories 

Phase 2 - Integration and Production

Project Technical Requirements:

  • If you are considering an interactive website your final published work must have 15-20 pages. These pages should be linked to each other according to the navigational flow of a non-linear narrative.

  • You must have multiple clickable choices at least 2, preferably more on all pages.

  • All links must be fully functional and bug-free. When the user clicks they will be taken to a new page or something will change on the page.

  • All pages must be illustrated using photography, drawings, animated GIF's or other means.

  • Incorporating video is encouraged but not necessary – but adding a sound element is required.


Project Artistic Requirements:

  • The pages must have a well-designed interactive interface - not just story images and text on the page with "next" and "back" buttons.

  • Be careful about alignment, balance and overall composition of the pages. I suggest that your pages be laid out using a creative grid as opposed to randomly positioned elements.

  • The pages should reflect a thoughtful choice in use of typography and text. Use a font that matches the feeling of the story.  

  • You should be consistent in the use your chosen font style and font face.

  • There should be NO spelling errors.

  • Creative use of font size and color.

  • Good use of the art and design elements and principles.

  • Good use of color combinations.

  • Effective use of texture, shape, line, etc.

  • Think about symmetry/asymmetry, unity, closure, rhythm, repetition, etc.

  • Professional drawing or image quality.

  • Unless the story falls under the terms of the fair use doctrine, https://en.wikipedia.org/wiki/Fair_use no copyright images will be allowed.

  • Be consistent in the graphic quality of the images (no jaggies).

 

​Publishing your work and preparing for critique:

If you are creating a multimedia website the piece should be accessible from our class website. To do this, make sure there is a link between your personal website and your Interactive multimedia piece. If you are creating an augmented reality piece with Zappar or another form of interactive multimedia the work must be documented and published on your website. I will assist you as we shoot, edit and publish your piece in the form of a brief video documentary

 

Resources:

Blank WIX website templates

http://www.wix.com/website/templates/html/blank/1

​

Student Work Samples

Here’s a brief selection of final Interactive multimedia websites from my web-art students:

​

Jackie T's phenomenal site that explores LGBT artist that shaped the world

https://jackietobindesigns.wixsite.com/lgbtartists

​

Tom H’s playful exploration of the brain and its functions (Tom was a psychology major)  http://thellmuth.wixsite.com/thebrain

 

Graeme B‘s evocative survey of Jean-Paul Sartre’s 7 central theories of Existentialism

http://gburke6.wixsite.com/sartre

 

Connor S’s challenging game of escape! Can you fin tout way out? http://csurro.wixsite.com/portfolio/interactive-story

 

Descend into madness with Sarah T's piece - Passaio

​

Chris M's interactive augmented reality book of imaginary creatures will knock your socks off

 

Mercedes M's augmented reality Tarot Card deck https://www.youtube.com/watch?v=Yft6MYFmkH8

​

Lindsey's B's interactive video sculpture - Bottled up! https://www.youtube.com/watch?v=Lixa0y5u318

 

Brendan C’s tense and exhilarating GIF enhanced hypertext thriller! http://b1coughlin.wixsite.com/isolatedterror

 

Ethan D’s Runeterra is an interactive entrance into an entire other world

http://edepaula.wixsite.com/runeterra

 

Will S's gives us a lesson on Harley Bikes – and bike culture http://w1rivera.wixsite.com/ridetolive

​

More Examples: * = achieves objective

Interactive stories made  by students using WIX 

*El Maize

http://castillopatinoana.wixsite.com/maiz1

*Chaser

http://alexm19965.wixsite.com/workshoptestsite

HOMOEROTICISM - IN FASHION

http://mathisrivard.wixsite.com/homoeroticismfashion

*Life, the universe and everything

http://napolichan.wixsite.com/theoriesofeverything

* Passages

http://nickgallan.wixsite.com/passages

Can you make it on-time

http://malikabeckford.wixsite.com/canyoumakeitontime

The blue room

http://juwonalshenry1.wixsite.com/30hours

Europol

http://jdb5199.wixsite.com/wixeuroproject

PB - online journalism

http://phillybphoto.wixsite.com/pb-online-journalism

The realms (older not using wix)

http://www.annetteweintraub.com/realms/realmstitle.html

 

More inspiration

The Boat

http://www.sbs.com.au/theboat/

Seven Deadly Sins

http://digital-deadly-sins.theguardian.com/#/Grid

After the Storm

http://www.pbs.org/independentlens/interactive/after-the-storm/#/dear-future-disaster-survivor

​

More...

http://blog.visme.co/10-mind-blowing-interactive-stories-that-will-change-the-way-you-see-the-world/

​

And More!

http://www.interactivenarratives.org/

bottom of page