Advanced Interaction Design

Monday, March 31, 2014

Week 11 Day 1 - Tuesday, April 1 - Homework

1. Create your own Parallax Exercise using your own imagery. Should include at least 5 sections in total and 3 set of imagery (foreground, mid ground, background).

2. Submit PDF of Wireframes (detailed sketches of content layout), Flowcharts (map out button controls and actions), and Moodboard (type, color scheme, visual style, begin gathering photographs and imagery) by Thursday, April 3, 8:30am via dropbox (ART370>P2_Visual Concept Submission).

3. Next week, continue research process (info and media gathering) and begin to work on Layout Design for Project 2. Keep in mind Layout Design Comps due for class critique on Thursday, April 17, 8:30am.

Parallax Demo Resources

Parallax Scrolling with JQuery {via F6 Design}
Horizontal Verzion of Parallax Scrolling demo {via github}
Parallax Scrolling for Mobile Devices
Skollr Tutorial

Additional Examples + Resources
Creativebloq's Parallax Examples
Atlantis World's Fair Simple Parallax Scroll
13 Reasons Why Your Brain Craves Infographics
Hobo Lobo of Hamelin
Timeline of Health Service Payouts (animation with Adobe Edge)
Adobe Edge Animate
Edge Dock - Resource for Edge Animate Tutorials

Thursday, March 27, 2014

Week 10 Day 2 - Thursday, March 27 - Homework

1. Work on completion of Wireframes (detailed sketches of content layout), Flowcharts (map out button controls and actions), and Moodboard (type, color scheme, visual style, begin gathering photographs and imagery) for Project 2. Due as single PDF next Thursday, April 3 by 8:30am via dropbox.

2. Identify technical needs (demos/examples) for project 2. Next class will cover Parallax scrolling. Email examples to Rachel by end of this week.

3. Design Layout for Project 2 deadline moved to Thursday, April 17, 8:30am (in 3 weeks).

Profound Awareness Campaigns Case Studies

Impact through Social Media

WaterIsLife
Featured on Communication Arts: Hashtag Killer

The Missing Children Society (MCSC) Campaign
Featured on Communication Arts: Milk 2.0

No Homophobes
Featured on Communication Arts

Steve Jobs Moment of Silence
Featured on Communication Arts

Impact through rich media

Bullying Simulator
Faces of Drunk Driving (use of Parallax scrolling)
Don't Makeup and Drive
Too Young to Wed(use of Parallax scrolling)
A Woman's Nightmare | Featured on Inspiration Room

Consider how you deal with the emotional weight from learning about a social injustice. How can you funnel that strong emotion in measurable actions that actively improve the situation?

Wednesday, March 26, 2014

Earth Day Poster Competition

ANNUAL EARTH DAY POSTER DESIGN COMPETITION

About: Lewis Clark Recyclers hosts an annual poster contest to celebrate the observance of Earth Day. The winning posters will be featured on LCRI’s website and used to promote the annual Earth Day celebration in Lewiston, ID.

Prizes: There will be two $200 Grand Prizes awarded: One for People’s Choice and one for Judge’s Choice. The judges choice second place will receive $25.

The prize-winning artwork will be featured on the web-site and in other print and digital media. Runner-ups and other submissions may have the opportunity to be paid for use of their designs for marketing materials.

Judging Criteria:

Overall visual impact
Skill level
Creativity
Originality
Polish
Effectiveness

Deadline: Submissions due Thursday, April 10th by 5:00pm.

Please submit your poster design on a CD labeled with your name, email, phone number and title of the piece to Rachel Fujita in AA 100.

Submissions must be either PDF or PSD formatted as 24” by 36” at 300 dpi.

For more information or to submit art-work, please contact contest coordinator Robin Lopez at lopezr7@gmail.com 208.596.0605

Tuesday, March 25, 2014

Week 10 Day 1 - Tuesday, March 25- Homework

1. Complete Project 2 Proposal (using template from dropbox) and 2 pages of rough concept sketches
in PDF format for review

Some questions to address in proposal and sketches:
Who is the target audience? (Individuals vs groups? Age? Gender? Location?, etc)
What technology/medium specific design strategies are most appropriate and effective to engage these users?
Addition design strategies besides website: Infographics to visualize statistics? Narrative storytelling through parallax scrolling? Videos/Animations?
What design strategies can be used for strongest impact? Methods to ignite active catalysis of change in behavior? Use of social media? Tangible promotional materials and/or toolkits?

2. Find at least 3 specific case studies from today's resources like AIGA - Design For Good and/or DesignIgnitesChange.org for group discussions on design, usability and impact components next class.