Presentations: Students present their interactive videos.
Lesson: Understanding simplicity. Think about what is easy for your clients or your customers’ clients.
Make it “Zen” by design.
Garr Reynolds – Synergy Keynote Day 1 Part 1
Professor Brian Sturm – UNC Chapel Hill (presents storytelling as a way of organizing information, conveying emotions, and building community.)
David Seah – (blog) David takes a journey into the discovery of using storytelling drive design.
Duarte – (Blog) Duarte covers many aspects of design and presentation. Focusing on the story .
Dave Werner – (Engaging Interactive Portfolio Site) Each segment Dave is able to open himself up and be really vulnerable in all of his stories and work.Â The products that a part of and that come out of his stories are some of the most impressive examples of storytelling in website design.
Assignment: Students will develop a website using the story approach. The website can be produced as concept pages.Â It does not have to be fully functional.Â It might be best to use TileStack to complete this assignment.
Class Contact Methods: Learning Is Fun Ozzu Use your email addresses Skype Chat programs Inspiration Links: Smashing Magazine Juxtapoz The Favourite Website Awards Tutorials: ToxicLab Flash Tutorials Kirupa Ultrashock Tutorials Local Flash Groups FlashMN – 3rd Wednesday of the Month – Easel Training Center, St. Paul MN.swf – 1st Tuesday of the Month Music links:
A couple tips before we begin always use lowercase characters in your web file names if you use spaces in your filenames replace them with hyphens Don’t open Dreamweaver just yet…. To start create a folder where you want to develop your site. (example “mywebsite”) Create 2 folders inside of this. One called “designs” the
Presentations: Students present their interface-free navigation. Lesson: Navigation and video -Â Â Breaking the linear timeline. Interactive video experiences and how they influence the user and engage them for a longer time with a brand.Â A look at VEILS(Video Encoded Invisible Light Systems). Batwave Batmobile by Mattel – video case study – Related – Serafina by Mattel –
Presentations: Students present mock-up of interface design. Lesson: Transparent InterfacesÂ - Touch & motion is the medium. From the iPhone (touch) to the Wii (motion and balance) to camera tracking (PS Eye/webcams), see how interaction can be done beyond the mouse. Applying userâ€™s knowledge with real world, tactical experiences (turning, pulling, pushing, etc.). Clips of various