Monday, December 9, 2013

Week 16 Day 1 - Monday, Dec 9 - Homework

1. Continue working on refining Term Project Prototypes. Final Critique scheduled for next class Wednesday, Dec 11 at 11:30am.

2. Complete Course Evaluation for ART370 on Vandalweb by Sunday, Dec 15.

--------

Files to submit for Term Project Critique (on USB stick) next class:

Main Project folder with naming structure: FullName_TermProj_ART370

1) "Design Files" folder (PDF of all "screens" or "sections")

2) "Prototype" folder (web files with relevant media (css, javascript, images or Quicktime files if prototype involved animations)

3) "Process Docs" folder (with PDF or JPG scan of initial sketches + project content brainstorming, project proposal, etc.)

Wednesday, December 4, 2013

Week 15 Day 2 - Wednesday, Dec 4 - Homework

1. Continue working on refining Term Project Prototypes. Final Critique scheduled in next week Wednesday, Dec 11 at 11:30am.

Additional usability testing recommended outside of class during week of Dec 2-6. Identify at least 6 people that fit your project's intended target audience and conduct 15 minute usability survey tests (use template survey as starting point, and feel free to modify questions accordingly).


2. Complete Course Evaluation for ART370 on vandalweb by Dec 15.


--------


Files to submit for Term Project Critique (on USB stick) next week:




Main Project folder with naming structure: FullName_TermProj_ART370
1) "Design Files" folder (PDF of all "screens" or "sections")

2) "Prototype" folder (web files with relevant media (css, javascript, images or Quicktime files if prototype involved animations)

3) "Process Docs" folder (with PDF or JPG scan of initial sketches + project content brainstorming, project proposal, etc.)

Monday, December 2, 2013

Week 15 Day 1 - Monday, Dec 2 - Homework

1. Continue working on refining Term Project Prototypes. Final Critique scheduled in two weeks, Wednesday, Dec 11 at 11:30am.

2. Complete Course Evaluation for ART370 on vandalweb by Dec 15.

Tuesday, November 19, 2013

Week 13 Day 2 - Wednesday, Nov 20 - Homework

1. Continue working on refining Term Project Prototypes. Final Critique scheduled in three weeks, Wednesday, Dec 11 at 11:30am.

Additional usability testing recommended outside of class during week of Dec 2-6. Identify at least 6 people that fit your project's intended target audience and conduct 15 minute usability survey tests (use template survey as starting point, and feel free to modify questions accordingly).


Have a Great Thanksgiving Break

Spring 2014 - Experiential Design + Interaction Design Courses



Wednesday, November 13, 2013

Week 12 Day 2 - Wednesday, Nov 13 - Homework

1. Work on development of prototype for Term Project. Usability Testing I will take next week, Wednesday, Nov 20.

Tuesday, November 12, 2013

CAA Lecture Series: Larry McNeil Thursday, Nov 14 at 5:30pm

As part of the Comic Art Indigène exhibit at the Prichard, Larry McNeil from Boise State University, will give a presentation on his remarkable body of work, including a recent focus on climate change.




Cartooning Class by CAA Alum Noah Kroese next week at Prichard Gallery

Upcoming Prichard cartooning workshop by last spring's UI "Inspiring Design Futures" Noah Kroese. This is an excellent opportunity, not to be missed.













Where: The Prichard Art Gallery
When: Thursday, November 21 at 7 pm.

The class costs $15, and the class size is limited. 

Email pagallery@uidaho.edu or call 208.885.3586 to register for the class.

Wednesday, October 30, 2013

iOS 7 Templates available via Teehan + Lax

iOS 7 Template (PSD) via Teehan + Lax

iOS 7 Templates (Ai and PSD files)

Download Coronoa SDK for next week

Download Corona SDK for App Demo next Wednesday

**If using Corona SDK in labs, please install the application on a USB stick

Sample files will be provided to you next week



Week 10 Day 2 - Wednesday, Oct 30 - Homework

1. Work on development of prototype for Term Project. Usability Testing I will take place in 2 1/2 weeks, Wednesday, Nov 20.

Wednesday, October 16, 2013

CAA Artist Lecture this Thursday: Comic Book Artist Antonio Chavarria

Artist Lecture this Thursday, Oct 17 at 7pm at Kenworthy Performing Arts Centre
Prichard Gallery Reception this Friday, Oct 18 from 5-8pm

Week 8 Day 2 - Wednesday, Oct 16 - Homework

1. Continue to Work on Rough Designs for Term Project. All Term Project designs (with actual text and image content) due as PDFS (10 screen minimum) scheduled for next Monday, Oct 21, 11:30am.



Monday, October 14, 2013

Week 8 Day 1 - Monday, Oct 14 - Homework

1. Continue to Work on Rough Designs for Term Project. All Term Project designs (with actual text and image content) scheduled for Monday, Oct 21, 11:30am (next week)

2nd Semester BFA students Design Layouts due at end of week

**Next class, midterm grade meetings and mini demo scheduled

Wednesday, October 9, 2013

Week 7 Day 2 -- Wednesday, Oct 9 - Homework

1. Work on Rough Designs for Term Project. Intially group critique of Term Project designs scheduled for Monday, Oct 21, 11:30am (in two weeks)

**Tech demo scheduled for next week


CAA Lecture Series: Anna Kell, Thursday Oct 10 and Friday Oct 11


Please join us for the CAA Lecture Series events this week with Fine Artist Anna Kell. She will be presenting her work on Thursday, Oct 10 at 5pm in TLC 045 and running an Art Workshop on Friday, Oct 11 at 10:30am in AAN Rm 022.




Monday, September 30, 2013

Week 6 Day 1 - Monday, Sept 30 - Homework

1. Work on final touches to Project 1. Final critique of Project 1 scheduled for Monday, Oct 7 11:30am. Files should be submitted on a USB stick.

File structure should be labeled and organized as follows:


>>Main Project folder with naming structure: FullName_Project1_ART370
>>"Design Files" folder (with native program files, ie Illustrator, Photoshop, etc)
>>"Final Presentation" folder (single PDF of 10 screens + prototype file)
>>"Process Docs" folder (with PDF or JPG scan of initial sketches + text content brainstorming, mind mapping, etc.)

USB drive must be submitted by start of class session (Monday at 11:30am). Late work (even 1 min late) will be subjected to penalties.


Tuesday, September 24, 2013

Term Project Rough Deadlines


  1. Sketches/Wireframes/Flowchart due Week 6 (Sept 30)
  2. Rough Designs due Week 9 (Monday, Oct 21)
  3. Usability Test I scheduled Week 13 (Wednesday, Nov 20)**
  4. Usability Test II scheduled Week 15 (Wednesday, Dec 4)
  5. Final Critique scheduled Week 16 (Wednesday, Dec 11)
**Fall 2013 graduating BFA students, BFA Show installation on Week 11, Nov 4-8

Wednesday, September 18, 2013

Week 4 Day 2 - Wednesday, Sept 18 - Homework

1. Midpoint crit for Project 1 Design Layout scheduled for Monday, Sept 23, 11:30am. Save a PDF all screens on dropbox or USB drive for class review.

2. Ken Burns Effect slideshow and Animated Vector Exercise (saved as H.264 files) due for review at end of Monday's class (2:30).

Monday, September 16, 2013

Week 4 Day 1 - Monday, Sept 16 - Homework

1. Continue to work on Design Layout for Project 1. MidPoint Critique is scheduled for next week, Monday, Sept 23, 11:30am. Rough designs layout for at least 10 screens are due in PDF format.

 2. Complete term project proposal and rough concept sketches for review next class, Wednesday, Sept 18. Required proposal documents include, PDF of project proposal (use template), relevant mind maps, thumbnail sketches and/or inspirational imagery. 

Class Exercise: Ken Burns Slideshow + 10 sec animation


Based on the techniques and tools shown in today's After Effects demo, complete the following visual exercises for review at end of Monday's class (2:30pm), Sept 23.


1. Ken Burns Effect Exercise
Using the panning and zooming technique coined by documentary filmmaker, Ken Burns, create a visual slideshow of 10 photographs. Consider your choice in initial and final photographic croppings of each image. You may ONLY use Scale, Anchor Point and Opacity keyframes (no position keyframes are allowed in this exercise). Each photograph should be visible in your composition for at least 5 seconds each.

Example:


2. 10 Second Vector Animation
Using a vector illustrator file in After Effects (import as composition), create a 10 second animation that utilizes 20 different vector layers, with varying transformation keyframes in a single AE composition (HDV 720 29.97).

Render both exercises as H.264




Wednesday, September 11, 2013

Computers in AAS RM 104 with After Effects Installed


Week 3 Day 2 - Wednesday, Sept 11 - Homework

1. Continue to work on Design Layout for Project 1. MidPoint Critique is scheduled for in two weeks, Monday, Sept 23, 11:30am. Rough designs layout for at least 10 screens are due in PDF format.

 2. Begin to complete term project proposal and rough concept sketches for review next week Wednesday. Required proposal documents include, PDF of project proposal (use template), relevant mind maps, thumbnail sketches and/or inspirational imagery.

3. We will begin motion design demos next week. There are six work stations in Rm 104 that have Adobe After Effects installed

If you are interest in using AE on your own laptop, start with the After Effects trial version at adobe.com
Student Creative Cloud deal $19.99 for all Adobe programs (offer good til 10/27)
Also month-to-month After Effects plan for $29.99 (cancel anytime)
Apple Motion 5 is available for $49.99

Thursday, September 5, 2013

UI College of Art & Architecture Technology Assistant

UI College of Art & Architecture Technology Assistant

You can also get personal assistance from the CAA Technology Assistant in Art & Architecture North building in Rm 117 during scheduled hours:

Monday5:30 pm - 8:30 pm
Tuesday9:30 am - 11:30 am
Wednesday5:30 pm - 8:30 pm
Thursday5:30 pm - 7:30 pm
Friday3:30 pm - 6:30 pm
SaturdayNone
Sunday12:30 pm - 2:30 pm

The Technology Assistant can show you how to find program help resources and how to effectively troubleshoot the design software and hardware problems you encounter.


Additional CAA Computer Resources

Wednesday, September 4, 2013

Target Audience Research Survey Questions

Use this list of survey questions as a reference point in collecting user research this weekend. Be sure you have some sort of documentation in response (printed form, online survey, etc, tape recorded interview, etc).


General Background Information

  • How old are you? 
  • What is your gender? 
  • What town/city do you live in? 
  • Current Schooling (Preschool/Kindergarden, Elementary (Grade 1-5), Junior High (Grade 6-8) High school (9-12), Other?


Health Habits/Behavior

  • What is you opinion on fruits and vegetables?
  • How many servings of fruit do you eat on a daily basis?
  • How many servings of vegetables do you eat on a daily basis?
  • Do you use your app when you shop for food?
  • How would your rank your knowledge about healthy habits (nutrition and/or exercise)? 
  • 3- Extremely Knowledgable, 2- Somewhat Knowledgeable, 1- Not Knowledgeable
  • If you answered, 2- Somewhat Knowledgeable, 1- Not Knowledgeable to the previous questions, would be interested in learning more?
  • How (who, where) did you learn about healthy habits (nutrition and/or exercise)?
  • What is your greatest health strength? 
  • What is your health weakness?
  • How much does time management play into your your health habits and daily behavior with food and fitness?
  • What do you do for fitness/physical activity (exercise, play with you friends, sports, walking)?
  • How often do you engage in fitness/physical activity?
  • List the top 3 foods you consume most? 
  • List the top 3 beverages you consume most? 
  • How many meals do you eat a day?
  • Perceived most important meal of the day?
  • How much time you spend of preparing breakfast? Lunch? Dinner? Snacks?
  • Which meal do you spent longest in preparation?
  • Do you buy prepackaged meals? 
  • Are you interested/willing to try healthier options (products)?
  • Are you interested/willing to try healthier recipes?
  • Describe what is a healthy lifestyle to you?
  • How much does your environment (social, economical, etc) affect your healthy living decisions?


Technological Habits/Behavior

  • What type of technological devices do you use frequently?
  • Indicate how much time you spend a day using technological devices (tv, streaming video device, video games, computer, smart phone or device, etc)? Ranking system example: 0-2 hrs, 2-4hrs, 4-6hrs, 6 hrs or more?
  • What type of devices do you own or have access to? 
  • Do you own your own smartphone or device? If so what is the make and model (ie iPhone 4S)
  • If you answered no to the previous question, do you have access to a smartphone or device (via family, friend, work, school)? Be specific?
  • Does your parent or guardian have duration limitation or content limitation in regards to smart phone usage?
  • Why do you use a smart phone?
  • How often do you use it? When do you use it?
  • What are the top 3 most frequent tasks you use daily on the smartphone/device?
  • How did you accomplish those tasks before having a smart phone/device?
  • How often do you download free apps? Paid apps?
  • Do you prefer using devices, individual or with a group (family and/or friends)?
  • Where do you use the device most often (home, schools, car, etc)?

Survey Monkey create by Sway Harner

Project 1 Resources

Adolescent Trends with Mobile Devices & Technology
SMELLS LIKE TEEN SPIRIT: HOW TEENS ARE USING ENTERTAINMENT
THE TEEN TRANSITION: ADOLESCENTS OF TODAY, ADULTS OF TOMORROW
U.S. MEDIA TRENDS BY DEMOGRAPHIC

Device Size Matters

Health Initiative Resources
Apps for Healthy Kids
Let's Move!
USDA Nutrition Tips
Jamie Oliver's Food Revolution
MyPyramid Blast Off KidsHealth.org

Week 2 Day 2 - Wednesday, Sept 4 - Homework

1. Wireframes + Flowchart: Flowchart for application flow and wireframes (info architecture) due start of next class (Monday, Sept 9, 11:30am)

2. Conduct research surveys (surveymonkey.com) with at least 10 people that fit your target audience.

Tuesday, September 3, 2013

Flowchart and Wireframe Resources

Flowchart Examples




Lovely Charts (Free Online Flowchart and Wireframe application)
Sample flowchart from Wired.com
Another sample flowchart from Wired.com
Should I make more coffee? Flowchart

Image Copyright Flowchart
Fantastic flowchart diagraming the importance of getting permission to post copyright images online. Created and designed by Pia Bijkerk Erin Loechner and Yvette van Boven.



















































Wireframe Examples



















Inspiration Feeds- 25 Examples
Zurb article about wireframe process, tips on design sketches, and sketching with intent/purpose


Flexible Framework and Prototyping
The Future of Wireframes
Foundation 3 --Created by Zurb flexible framework for building prototypes and production code on any kind of device


Wednesday, August 28, 2013

Project 1: Mobile App Project: Healthy Apps for Kids


Objective:
Design an innovative, fun and engaging mobile device (smartphone and/or tablets) application that encourages youth,
directly or through their parents, to make more nutritious food choices and be more physically active.

Specifications:
+ Smartphone application should be in the form of a game (that educates through engaging the user in an entertaining
experience) or a tool (that empowers users to access, sort, track data in ways that will inform user behavior)
+ Application should focus on ONLY ONE of the following nutrition and health concepts:
• Increasing fruit and vegetable consumption
• Making food group education fun
• Understanding calories and energy balance
• Increasing choices of foods with high nutrition value & decreasing foods with fats, added sugars, and sodium
• Identifying and consuming proper food portion sizes
• Being more physically active
• Balancing physical activity and food intake
+ Student must research chosen nutrition/health concept and present factual information in application design
+ Project scope should include a minimum of 10 well-designed screens/sections.
+ You must design and digitally prep application screens either Photoshop and/or Illustrator.
+ All art work and graphics used in your application design must be original or licensed under Creative Commons
(respect copyright laws)

Deadlines:
Project Proposal: Proposal summary (use provided template) due Week 2 (Wednesday, Sept 4, 11:30am).

Wireframes + Flowchart: Flowchart for application flow and wireframes (info architecture) due Week 3 (Monday, Sept 9, 11:30am).

Design Layout MidPoint Critique: PDF of rough designs layout due Week 5 (Monday, Sept 23, 11:30am)

Final Project Submission: USB Drive with following files: Process Work (proposal, wireframe,flowchart, sketches, Design Files
(Midpoint version and final saved as PDF), and advanced prototype due Week 7 (Monday, Oct 7, 11:30am).

Grading criteria:
Design Aesthetics (composition)—50%
Communication—20%
Usability —30%

Week 2 Day 1 - Wednesday, Aug 28 - Homework

1. Complete Project 1 Proposal, submit for review as PDF by next class (Wed. Sept 11:30am). Be sure to address all project requirements as outlined in Proj 1 specification PDF

Monday, August 26, 2013

Examples of Interactive Experiences

Color in Motion
Days in a Day by Pierrick Calvez
99 Rooms
Catfish
Incredibox
HBO Voyeur by Big Spaceship

Week 1 Day 1 - Wednesday, Aug 26 Homework

1. Find 3 "interactive experiences" (online or mobile) take 4-6 screenshots of your interaction experiences(s), and be prepare to share the sites with the class. Please be ready to answer the following questions pertaining to each site.

- How is this an unique interactive experience?
- Is it an effective way of sharing information or promoting interest in a topic, service or product?
- Who is the intended audience/target market?

2. Begin brainstorming for the interactive experience (term) project. You will need to submit a typed proposal in two weeks.

Thursday, August 22, 2013

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: It is recommended you have access to Adobe Photoshop/Fireworks and Adobe Dreamweaver throughout the semester (roughly 4 months),  and After Effects (roughly 1 month, trial version is ok)

Link for UI Student Discount Adobe Software (this option is no longer available to UI students)

If you are interested in purchasing Adobe Software, you can receive a student discount for the following packages. Although the cost is somewhat high, the benefit of purchasing software via Creation Engine is that it is a one time fee and this can be installed on 2 computers (usually a desktop and laptop)

Creative Suite 6 Design & Web Premium ($359)
Includes: Adobe Creative Suite 6 Design & Web Premium includes Photoshop CS6 Extended, Illustrator CS6, InDesign CS6, Dreamweaver CS6, Flash Professional CS6, Fireworks CS6, Acrobat X Pro, Bridge CS6, and Media Encoder CS6

Creative Suite 6 Master Collection ($609)
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


Link for Adobe Creative Cloud Subscription Packages

Adobe offers 30 day trial versions as well as Subscription packages to all its software. Depending on your needs for specific software, this may be a more economical option.

Download 30 Day Trial Version of Adobe Software (only good for 30 days)

Adobe Creative Cloud Student Subscription ($19.99, offer good til 10/27/13)
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)