CT341: Design for Screen-based Media (SEC602)

Course Information

Contact

Course Description

This course, Design for Screen-based Media, introduces guidelines, practices, and techniques of screen-based design, as well as explores new possibilities afforded by the ever-expanding digital technology. Through lecture, discussion, research activities, hands-on demonstrations, and workshops, this course will help students expand their knowledge of the potential of screen-based media as a means of communication.

Suggest Readings

Grading

  • In-class exercises: 20%
  • Class Participation: 20%
  • Project 1: 20% (2% at each check point)
  • Final Project: 40% (2% at each check point)
  • (A: 91% or above, B: 90% - 71%, C: 70% - 61%, D: 60% - 51%, F: 50% or below)

Department Policies

Attendance is not optional. This class meets twice a week, therefore you are only allowed two absences. Your final grade will be lower by one full letter grade on your third adsence, and you will receive a "F" grade on the fourth adsence. If you are going to miss a class, you must contact the instructor via telephone or email ASAP. If a class is missed, it is your responsibility to get information regarding missed assignments and lectures from one of you classmates. Two tardy marks equal one absence, and three absences may result in failure of the class.

  1. Students are required to attend all classes, be on time, and remain for the entire class.
  2. Students who are absent for 4 classes will receive a grade of "F."
  3. Student who arrives 10 minutes after the start of the class will be considered late
  4. 2 late occurrences = one absence
  5. A student who arrives over 1 hour late or not returning from the break will be consider absent from the class
  6. An excused absence is still considered an absence

Resource & Utility Websites

Guidelines and Tutorials:
Code Libraries:
Online Tools:
Speed & Performance:
Fonts and Sounds:

Weekly Outline

Session 1

01/30/2016
Mon.
  • Introduction of the course
  • Distribute syllabus
  • Project #1: Design Solutions
    Each team will redesign an existing website which fails to address it intended goal, purpose, and promises. Students will learn the process of story-centered design process and develop a professional design proposal of the new design. The goal of this project is for the instructor to guide each team through the professional process of web design including research, competitor analysis, concept development, site diagrams, and visual design.
  • In-class Workshop: Divide the class into a few small teams (2 students per team), and each team will identify one of the worst websites in the history of mankind (the focus is on INFORMATION ARCHITECHTURE, NAVIGATION, AND USER EXPERIENCE, NOT ON AESTHETICS AND CONTENT). The goal is to find a website that has great postential yet terribly designed.
  • In-class workshop: pitch preperation

Session 2

02/01/2017
Wed.
  • Pitch: The Worst Website EVER (5 minutes)
  • - Define the goal and purpose of the Website
    - Analyze the current site architecture and its user experience
    - Why redesigning this website could be portfolio worthy
  • Voting
  • Lecture: Professional Interactive Design Workflow
  • Quick Discussion: Elevator Pitch (2-3 Concepts - not ideas, certainly not visual ideas)
  • EXTRA CREDITS MANIAC! (Q&A to review foundamental HTML and CSS)

Session 3

02/06/2017
Mon.
  • EXTRA CREDITS MANIAC! (Q&A to review foundamental HTML and CSS)

Session 4

02/08/2017
Wed.
  • DUE: THE BIG IDEA - Elevator Pitch (2-3, check point 2%)
  • Instructor will meet with each indiviual to review all progress made so far.

Session 6

02/15/2017
Wed.
  • DUE: Preliminary Draft (check point 2%)
  • In-class Workshop
  • Instructor will meet with each indiviual/team to review all progress made so far.

02/20/2017


    Presidents Day - College Closed

Session 8

02/27/2017
Mon.
  • Proposal draft (check point 2%)
  • Discussion: Paper Prtototype
  • In-class Workshop
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 10

03/06/2017
Mon.
  • Advanced Proposal draft (check point 2%)
  • In-class Workshop
  • Instructor will meet with each indiviual/team to review all progress made so far.
  • High-fidelity Prototype for Key Pages Begins

Session 12

03/13/2017
Mon.
  • In-Class Workshop

Session 13

03/15/2017
Wed.
  • In-Class Workshop

Session 14

03/20/2017
Mon.
  • In-Class Workshop

Session 15

03/22/2017
Wed.
  • Presentation: Design Solutions

Session 16

03/27/2017
Mon.
  • Final Project: Difference Makers
    Students can choose to work individually or as a small team (no more than 3 students per team). Each student/team will identify one communication problem to solve and propose an innovative design as a possible solution. The subject could range from commercial, personal, to social issue. For design solutions that require advanced technologies, which cannot be actualized within the limited timeframe and/or with the available resources and skills, an advanced prototype and/or detailed proposal should be presented to demonstrate how the design and technology will function.
  • Examples: Emily Frost
  • Examples: Ashley Richards
  • Examples: Christian Rojas
  • Examples: Kira Gorbatkin
  • Examples: Linda Chow
  • Examples: Annie Zeng & Cindy Leong
  • Examples: Gabe Ribes
  • Examples: Mina Kim
  • Examples: Oga Bassani

Session 18

04/03/2017
Mon.
  • Final Project Checkpoint (2%)
  • Instructor will meet with each indiviual/team to review all progress made so far.


    --- Spring Break!!!! ---

Session 20

04/17/2017
Mon.
  • Midterm Review: Difference Makers concept and research(check point 8%)
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 22

04/24/2017
Mon.
  • In-class Workshop (check point 2%)
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 24

05/01/2017
Mon.
  • In-class Workshop (check point 2%)
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 25

05/03/2017
Wed.
  • Final Demonstration: Mobile Web App

Session 26

05/08/2017
Mon.
  • In-class Workshop (check point 2%)
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 27

05/10/2017
Wed.
  • In-class Workshop
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 28

05/15/2017
Mon.
  • Final In-class Workshop (check point 2%)
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 29

05/17/2017
Wed.
  • Final Presentation

Session 30

05/22/2017
Mon.
  • Individual Final Reviews
  • Instructor will meet with each indiviual to review projects and grades.

Final Words

Keep and backup all the exercises and projects that you have done through out the semester! I will ask you to burn all the files on one DVD at the end of the semester and give it to me for the final grade.

^
^