Motiongraphics
& the User Interface

SUMMARY

 I developed this course to address the need for an interactive designer skilled in intermediate to advanced humanity. You may be asking, seriously, what is that? It’s pretty simple really, interfacing with computers is a cold process and as we are warm, self-aware creatures we react best with environments that surround us with human-like traits, things that we respond to with emotion. It’s been studied that humans better remember information when they emotionally connect with that information. This is the goal of the course. To think out of the digital box and build our message in a human way that will resonate with the humans who will ultimately hear it. 

  

GENERAL 

  • View the class blog I created at establishareconnect.org/gra447 
  • My first solely designed curriculum, formerly designated GRA500. 
  • Updated to teaching animation through the application Adobe Edge Animation and Javascript, Spring 2013. 
  • Leveraged Diigo.com to help manage resources and tutorials. 

BASICS FACTS 

  • 7–15 students per class. 
  • Juniors, Seniors and graduate students. 
  • Required class for Newhouse graphic design majors 
  • Technology taught: Adobe InDesign, Digital Publish System, Adobe Edge Animate, Javascript and use of the Wordpress Content Management System. 

LEARNING OUTCOMES 

  • Intermediate to Advanced Adobe DPS knowledge 
  • Basic Javascript animation skills 
  • Basic Adobe Edge Animate knowledge 
  • Creatively harness the storytelling power of stills, video and type 
  • Bring data to life through imaginative use of animation

 

CURRICULUM EVOLUTION
THE CHALLENGE OF RAPIDLY CHANGING TECHNOLOGIES 

A funny thing happened on the way to academia, the industry keep changing, rapidly. My former mastery of Adobe Flash as a tool for storytelling was quickly not as valuable as it once was. Mobile become the standard and Flash was never able to make the leap. During the winter break of 2012/2013 it became clear that Adobe Flash was no longer a valid tool to be taught to our students. 

I chose to switch to mobile friendly technologies that were just released, Adobe Edge Animate and InDesign Digital Publishing Suite. Adobe Edge leverages Javascript, and while I’m excited about learning new things it proved to be too much to take on over winter break that included a two week trip to Liberia with graduate students. I did my best to use the structure from past classes but in reality it’s the equivalent of teaching the same concepts in English one year and Russian the next, not knowing Russian. 

The importance of curriculum evolution is paramount and I am striving and I’m soberly unafraid to pursue the correct technologies. This course will be refined throughout it’s lifespan.

 

MAIN INDIVIDUAL PROJECT 

Your main focus will be on developing a tablet magazine prototype with the materials provided. What you produce will be considered for final production as a group project during the last third of the class. In addition you are required to produce at least one original alternative story element for the project. An example might be an interactive timeline or infographic based on topic data that adds a new layer of information for the user. Try and think of new and exciting ways of using interactive tools, both from within InDesign and through outside applications and JavaScript libraries.

 

GROUP PROJECT PRODUCTION

After a final project candidate design is chosen we will be breaking up into teams to produce a polished publication. If the results are at a professional level we will be pursuing publication through the Apple Store.

 

SEVEN DEADLY SINS; MINOR ASSIGNMENT 

To ensure your growth of knowledge in Adobe Edge Animate you will be designing a multi-layered visual story of your selected sin. Keep in mind what you design will eventually be brought into Edge, animated and video/motion graphics added. In the past we have used Adobe Flash to animate our compositions but now we’ll be using a more cross-platform animation tool set of HTML5, CSS3 and jQuery brought to bare through Adobe Edge Animate.

 

TABLET PUBLICATION OR RIA SITE CRITIQUE 

The purpose of this assignment is to begin the process of looking at Rich Internet Applications (RIA) in a critical way. Assessing the pros and cons of the user experience while understanding the underpinnings of who the
site is targeted to.