Schedule

	Tuesday	Thursday
Week 1	12 September	14 September
	Course Introduction	Sketching & Prototyping Project 0: Introduction
Tutorial	Design Thinking Crash Course
Week 2	19 September	21 September
	Intro to Portfolio Participation Design Exercise	Intro to Critique Project 0: Critique
Tutorial	WPF Application Programming
Week 3	26 September	28 September
	Project 0: Presentations	Project 1: Introduction
Tutorial	Project 0: Presentations
Week 4	3 October	5 October
	Junk Prototyping	Project 1: Critique
Tutorial	Arduino/Pi Programming
Week 5	10 October	12 October
	Video Prototyping	Video Editing
Tutorial	Network Programming
Week 6	17 October	19 October
	Sketching!	Project 2: Introduction
Tutorial	Project 1: Presentations
Week 7	24 October	19 October
		Project 2: Critique
Tutorial	Phone Programming
Week 8	31 October	2 November
Tutorial	Phone Programming II
Week 9	7 November	9 November
	Project 2: Presentations	Project 3: Introduction Scenarios & Storyboards
Tutorial	Project 2: Presentations
10/12 November	Reading Week - No Class
Week 10	14 November	16 November
		Project 3: Critique
Tutorial	Microsoft Kinect Programming
Week 11	21 November	23 November
Tutorial
Week 12	28 November	30 November
	Projet 3: Critique	CPSC 581: Course Critique
Tutorial
Week 13	5 December	8 December
	Projet 3: Presentations	CPSC 581 ReDesign
Tutorial	Projet 3: Presentations

Web Portfolio

When you submit an assignment, you will submit it as a URL to a project page on your web portfolio. Your portfolio website should include:

• A brief introduction to yourself, and (if you prefer) a photo
• A separate project page for each project that you produce during the course

Each project page should include the following:

• Visual Project Summary. Heavy on images, light on text. Include annotations and text in ways that clarify the images themselves. Should begin with a dominant image, project title, and brief project description. One example of this balance is to look at "Pictorial" submissions to SIGCHI venues (example here). In your write up, be sure to address how and why your project fits the design brief, and offer rationale for your design decisions.
• Select Concept and Development Sketches from your Sketchbook. We care about process as much as the end product. You should have at least 10 Concept Sketches AND 10 Detailed/Variations along one particular concept, AND specific refinement sketches to work out details. You should "clean up" your sketches. Visually, retrace them in pen if needed, scan them, crop and adjust the brightness and contrast on the resulting image so it is visually clear what you sketched. Conceptually, describe the thought process behind your sketches so someone else can read your train of thought.
• Implemented Software Application. Please provide a download page/section that contains link to (a) a .zip file with complete source code and (b) a .zip file with runnable executables, along with instructions for compiling/running your prototype. You may also include a link to a Git Hub repository (optional).
• Brief Video documenting how your system works. I recommend following guidance from SIGCHI on creating videos, and check that your video meets guidelines using the CHI Video Checker. Do not use vertical video.

You may use your project page to support your in-class presentation and demonstration. Please include all relevant materials on one project page—we will print your project page during class presentations as the basis to evaluate your proejct.

Projects

You will complete four projects during this course. Projects will be submitted via Web Portfolio and an in-class presentation. Presentations are during Tuesday lecture and tutorial. You must attend both sets of presentations as part of your participation credit.

Project FAQ

How do I make something... interesting?

Be creative! ... and perhaps avoid these common pitfalls:

• "General" Appeal. Don't try to make something that everyone and anyone will love. Instead, define your audience and be specific about the type of person who will love interacting with your system.
• Scripted Interaction. True interaction isn't deterministic, or rolls through a set of pre-defined options. Instead, give people choice and expressivity. Interesting interactions will create a space of possibilities that someone can explore for more than 2 minutes.

What is the evaluation criteria for projects?

Your grade will be based on (a) your sketches, (b) your design creativity, (c) your implementation, documentation and packaging, and (d) your portfolio summaries. However, great successes or failures, or incompleteness in one criteria will likely affect your total grade. Note that a successful implementation is required: if you cannot demonstrate your application with the desired functionality of your button, you will automatically receive a zero. Similarly, missing, late or incomplete work will result in a large grade penalty.

Can I use images/sound from the internet, or do I need to create everything from scratch?

Yes, you can use images/sound from the internet. Sometimes it's faster to prototype if you can build off of what others have done. If you use others' work, you must attribute their appropriately.

However...

• Others' content should be the vehicle to deliver the message of your button (and not the message itself).
• Attaching yourself to a meme isn't creative; while we value remix culture, we also value creative culture that actually makes original content
• Creating your own content will earn you cojones points.

Project 0: The Button

The Brief

Create a single button that represents another student in class (your "client"). Your client should recognize themselves in the thing you create, and be delighted.

You may make your button using whatever means you would like, however the class/tutorial will support students using WPF.

Presentations: Tuesday 26 September

FAQ

... a button?

Yep, a singular button. You define: the context of the button, what that button does, and the 'aesthetic' of the button. All of the interaction surrounding that one button.

Project 1: Physical Computing

The Brief

Create an "interactive wearable accessory" that enhances the experience of its wearer.

Wearable technology is on the rise, including examples of electronic fashion. For this project, you must go beyond the obvious (no watches, bracelets, or wrist-adornment), and use physical computing (e.g., Raspberry Pi or Arduino) to create an "interactive wearable accessory".

Project 2: Mobile Phone

The Brief

Create an interface that reimagines how people interact with immersive 360-degree video, using a mobile phone and Google Cardboard. Students can create their own 360 video for this project; 360 cameras are available for loan, upon request.

Project 3: Kinect

The Brief

Using Kinect, create an interactive system that reflects the aesthetic of hygge.

Class Roster

• Austin Sullivan
• Carlos Garcia
• Crystal Richards
• Debbie Macrohon
• Edel Altares
• Elizabeth Nanthavong
• Irene Mayor
• Jared Madden
• Jenny Le
• Kowther Hassan
• Licelot Aries
• Lisa Hynes
• Megan Theam
• Mia MacTavish
• Micheal Hung
• Steven Vi
• Teoman Ulusoy
• Tina Huynh
• William Hong