Week 3 Day 2 - Thursday, Jan 30 - Homework

1. Javascript "Recycling Quiz" Exercise

Using the Space Quiz file as a reference, create a 10 question quiz that addresses recycling related facts using Javascript.

Due for review at start of next class

2. Put together a Moodboard for Project 1. 

Moodboard should address 1) color scheme options [type, background, link states color, etc], 2) typography choices [primary + secondary typefaces], and 3)inspirational imagery that address style and aesthetically initial concepts that you plan on utilizing in your design comps.

Save board as a PDF for review at start of next class.

3. Send out Recycling Survey to at least 10 people that fits within the project target audience. 

https://www.surveymonkey.com/s/BVKZC5C

Design For Social Change Resources

Reunite The River (Colorado River Preservation sponsored by Silk)

Made in Midtown (Campaign to educate people about the Garment District in NYC, tell story about the industry and the neighborhood as an integral part of New York City's economy, identity, and sense of place)

Foodstalk (Support Local Food and Goods)

Design Ignites Change

Tapped - documentary examines bottled water industry and its long term effects socially, economically and ecologically (Watch Full Movie Online)

Javascript Resources

Javascript 101 - Terminology
Javascript - W3Schools
HTML DOM - W3 Schools

Week 3 Day 1 - Tuesday, Jan 28 - Homework

1. Proposal, thumbnail sketches (20 or more potential layouts), Wireframes, Flowchart for project 1 due for review Thursday Jan 30, 8:30am.

2. Bring in 10 images (roughly 500px by 200px), cropped to the same size to next class.

Week 2 Day 2 - Thursday, January 23 - Homework

1.Work on Planning & Conceptual Phase of Project 1. Begin working on project Proposal, thumbnail sketches (20 or more potential layouts), Wireframes, Flowchart for chosen site re-design due for review Thursday Jan 30, 8:30am. 

Project Proposal/Project Evaluation should address

• Target Audience
• Summary of Website Goals/Mission
• Design/Usability problems and solutions

a)Do Research (read through all pages, all content, understand organization goals)
b)Outline the scope (what work will be done to project;apply SLIP and SHE model, list specific problems and solutions)
c)Create a timeline for the project (design, content prep, development)

John Maeda + Jakob Nielsen Resources

Laws of Simplicity (blog)

SLIP Tool

Jakob Nielsen
User Testing Methods
Identify your Target Audience
Information Architecture Report

Get In There And Sketch...

Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches

Why You Should Be Sketching (Even if You Can’t Draw)

Exercise: Measuring Successful Usability (Homework)

Using the provided Usability Survey sheet below, conduct a thorough usability test on the Lewis Clark Recyclers Inc website. Bring your completed survey to next class in preparation for a class discussion regarding website usability. 

Save completed Usability Survey in class dropbox folder by start of next class (Thursday, Jan 23).

Download Usability Testing Survey (word doc)
Download Usability Testing Survey (PDF)

Week 1 Day 1 - Thursday, Jan 16 - Homework

1. Bring laptop (with Dreamweaver) and required materials (notebook + pen) to next class.

2. Sign up for a dropbox account (via dropbox.com) and accept dropbox invitation from me by next class.

3. Upload PDF presentation of 10 x 10  exercise to dropbox folder by next class. Each student will present their concepts at start of next class.

4. Email me completed Student Profile by next class.

Week 1 Day 1 Exercise: 10 x10 Challenge

"Nothing is more dangerous than an idea when it's the only one you have"

—Émile Chartier, French philosopher

(90 min. in class exercise)

You've been hired by a soda company to create the packaging for an affordable organic energy drink. Your target audience is well-off twenty-year-olds.

1. Brainstorm a name and description of the drink through a mind map for 10 minutes

• Mind Mapping main categories: affordable, organic, energy, drink, 20 y.o.
• Goal of Mind Mapping: Determine the name of the energy drink, and a brief description of drink

2. You next have 50 minutes to create a hundred thumbnail sketches of the possible energy drink bottle design (take into consideration form factor, typography, iconography, etc).

• Sketch on a single piece of paper, in a 10 row by 10 column grid (10x10=100 mini sketches)

3. Next, you have 30 minutes to refine the top three thumbnail sketches down into three different final design sketches that incorporate all of your best problem solving to fulfill the clients requirements.

Design concepts for your top three ideas must fit individually on letter or tabloid sized paper

4. Scan all work created for 10x10 exercise (mind mapping, 100 sketches in 10x10 grid, 3 final sketches), save into a single PDF for class presentation. Please also write up a brief summary (2-3 sentences) per image to explain your creative process for this exercise. Each student will present their concepts at start of next class.

Call for Submissions for UI Undergraduate Juried Art Exhibition

Call for submissions for the Undergraduate Juried Art Exhibition.

• Work from all disciplines encouraged. 
• Entry fee is $5 per student.
• You may submit up to three pieces of work. 
• All mediums are accepted. 

Submit work in person to the Ridenbaugh Art Gallery (first floor of Ridenbaugh Hall) Friday, January 14-17 (12:00-5:00pm)

Software Resources

Although there will be some desktop computers available in the classroom with Adobe Software, computers are limited to a first come first serve basis. If you are interested in using your own laptop in class (or using your own computer at home) here are some resources for software purchasing.

**FYI: We will be using Adobe Photoshop, Illustrator and Dreamweaver throughout the semester (roughly 4 months)

Adobe Creative Cloud Student Subscription ($29.99) 
Includes: Adobe Creative Suite 6 Master Collection includes Photoshop CS6 Extended, Illustrator CS6, InDesign CS6, Acrobat X Pro, Flash Professional CS6, Flash Builder 4.6 Premium Edition, Dreamweaver CS6, Fireworks CS6, Premiere Pro CS6, After Effects CS6, Audition CS6, SpeedGrade CS6, Prelude CS6, Encore CS6, Bridge CS6, and Media Encoder CS6

Syllabus + Student Profile

Download Syllabus

Download Student Profile (fill out and submit via email rfujita@uidaho.edu by end of first class session)