CT341: Design for Web-Based User Interface (SEC601/602)

Course Information

Contact

Course Description

This course introduces guidelines, practices, and methodologies of web-based user interface (UI) design. Through lecture, discussion, research activities, hands-on demonstrations, and workshops, students learn interface design techniques, skills, and expand their understanding of the creative potential of web-based media.

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

Weekly Outline

Session 1

01/29/2018
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 for key pages.
  • In-class Workshop: Divide the class into a few small teams (2-3 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 preperation

Session 2

01/31/2018
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/05/2018
Mon.
  • - Why code? Reasons: 10, 5, 1
    - EXTRA CREDITS MANIAC! (Q&A to review foundamental HTML and CSS)

Session 4

02/07/2018
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/14/2018
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/19/2018


    Presidents Day - College Closed

Session 8

02/26/2018
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/05/2018
Mon.
  • (clas canceled, upload progress for review, check point 2%)
  • High-fidelity Prototype for Key Pages Begins

Session 11

03/07/2018
Wed.
  • (clas canceled)

Session 12

03/12/2018
Mon.
  • Advanced Proposal draft (check point 2%)
  • In-Class Workshop

Session 14

03/19/2018
Mon.
  • In-Class Workshop (presentation design)

Session 15

03/21/2018
Wed.
  • Presentation: Design Solutions
  • Final Project: Difference Makers
    Students can choose to work individually or as a small team (no more than 2 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: Kira Gorbatkin
  • Examples: Annie Zeng & Cindy Leong
  • Examples: Linda Chow
  • Examples: Gabe Ribes


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

Session 16

04/02/2018
Mon.
  • Final Project Checkpoint (2%)
    Due: ideas and research

Session 18

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

Session 20

04/16/2018
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/23/2018
Mon.
  • In-class Workshop (check point 2%)
  • Instructor will meet with each indiviual/team to review all progress made so far.

Session 24

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

Session 25

05/02/2018
Wed.
  • Augmented Reality using ZapStudio

Session 26

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

Session 27

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

Session 28

05/14/2018
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/16/2018
Wed.
  • Final Presentation

Session 30

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

Final Words

Keep and backup all project files that you have done through out the semester! I will ask you to upload all the files onto a Google Drive Folder at the end of the semester for final grades.

^
^