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.
    --- Snow Day :( ---


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

Session 16

04/02/2018
Mon.
  • Presentation: Design Solutions

Session 17

04/04/2018
Wed.

Session 18

04/09/2018
Mon.
  • Final Project Checkpoint (2%)
  • In-class Workshop
  • Instructor will review the concept for final projects.

Session 21

04/18/2018
Wed.
  • Demonstrations:
  • 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.

^
^