ClassInfo

HCI 406 Web Site Design for HCI

Spring 2012-2013
Class number: 36187
Section number: 901
Th 5:45PM - 9:00PM
CDM 00224 Loop Campus

Summary

Description: This course covers web design topics, design principles; introduces Web Design in a user-centered context. You will master page markup using HTML and CSS addressing responsive web design, accessibility, and search engine optimization. Studies include hypertext, graphic style information, graphic file formats, digital imaging, and basic computer-user interface issues.

Learning Objectives:
- Design and develop a web site in the context of a user-centered process;
- Developing and applying creative ideas to web design problems;
- Implement strategies attracting and engaging users to a web site;
- Understanding the web designer?s role.
- Defining New Media Design and understand its pitfalls;
- Developing excellent craftsmanship and professional skills.
- Define the uses of CMS.
- Interaction design fundamentals
- Employ best practices for making a web site accessible to diverse users
- Improving SEO
- Thinking about and discussing visual culture.



Texts

TextBook: There are no required textbooks. You will be asked to do online or handout readings from time to time. Recommended books: - Learning Web Design? (4th Edition) http://www.learningwebdesign.com/ - Above The Fold http://abovethefoldbook.com/ - HTML, XHTML, and CSS, Sixth Edition - Don?t Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition, Steve Krug, New Riders Press http://www.sensible.com/dmmt.html


Grading

Your final grade will be based on: 30% Weekly Assignments 25% Mid-term Presentation 35% Final Projects & Presentation 10% In class participation A 90-100% B 80-89% C 70-79% D 60-69% F <60%


Prerequisites

N/A


Technology overview
- Understanding the internet and basic website structure;
- Obtain domain names and manage site and hosting;
- Define & Manage the Site;
- Upload to your web space, local vs. server;
- Web vs. print and Web vs. broadcasting
- Understand web measurement, web image/video resolutions, web media types and fps;
- The anatomy of HTML - basic tag structure, CSS, Hyperlinks;
- Overview of basic CSS, and CSS for layout.

Starting a New Project - Overview of site types: Brochure sites, E-Commerce sites, Entertainment sites, News sites, Blogs, Community sites, Educational sites etc; - Consider business logic, determine your site type. - Define Goals and Objections; - Site Map, Wireframe; - Define Components of the webpages: headers, topline branding, navigation footer, etc; Digital design overview - Digital imaging: resolution, images formats for web, anit-Alasing; - Pixels and vector graphics - Color space - Image creation and Process overview; - Downloading images; - Image rights overview. - Creating Web Graphics; - Design site branding. Element of design: - Space, Dot, Line, Shape Form, Texture, Pattern, and Color; The principles of design: - Unity: proximity, Alignment, Similarity, Repetition; - Emphasis: Contrast, Color, Depth, Proportion; - Perceptual Forces: balance, Symmetrical Balance, Asymmetrical Balance, Continuation, Figure-Ground, Psychological Closure Text - Introduction to Typograph; - Characteristics that Define Typefaces - Categorizing Typefaces - Computers and Typefaces - Alignment, Justification & distribution Digital Graphics: - Understanding image types and media types on the web - Images format basics; - Web Graphics; Digital Photography; Layout design: - Study and review websites; - Learn Grid system; - Developing and applying creative ideas to web design; Web design and layout - Study and review more websites; - Web interactive: Behaviors -- basic JavaScript; Photography: - Overview of the basics - Optimize digital Photography for Web; WEB SITE DESIGN PRESENTATION AND CRITIQUE (VISUAL) rom Visual Design to HTML/CSS - Authoring webpages using HTML and CSS from your visual design; - Study responsive web design - Quality of code - New Standards: The W3C has released new standards of HTML (HTML5) and CSS (CSS3) - Layout for multiple devices Sound and Video - Study multimedia on the web - Over view of Sound and Video - Learn how to incorporate audio, video, RSS and social media widgets - Different formats of video/audio; transfer rate; - Intro to Flash - Search Engine Optimization (SEO) - Form - Layout for multiple devices - Final projects critique

School policies:

Changes to Syllabus

This syllabus is subject to change as necessary during the quarter. If a change occurs, it will be thoroughly addressed during class, posted under Announcements in D2L and sent via email.

Online Course Evaluations

Evaluations are a way for students to provide valuable feedback regarding their instructor and the course. Detailed feedback will enable the instructor to continuously tailor teaching methods and course content to meet the learning goals of the course and the academic needs of the students. They are a requirement of the course and are key to continue to provide you with the highest quality of teaching. The evaluations are anonymous; the instructor and administration do not track who entered what responses. A program is used to check if the student completed the evaluations, but the evaluation is completely separate from the student’s identity. Since 100% participation is our goal, students are sent periodic reminders over three weeks. Students do not receive reminders once they complete the evaluation. Students complete the evaluation online in CampusConnect.

Academic Integrity and Plagiarism

This course will be subject to the university's academic integrity policy. More information can be found at http://academicintegrity.depaul.edu/ If you have any questions be sure to consult with your professor.

All students are expected to abide by the University's Academic Integrity Policy which prohibits cheating and other misconduct in student coursework. Publicly sharing or posting online any prior or current materials from this course (including exam questions or answers), is considered to be providing unauthorized assistance prohibited by the policy. Both students who share/post and students who access or use such materials are considered to be cheating under the Policy and will be subject to sanctions for violations of Academic Integrity.

Academic Policies

All students are required to manage their class schedules each term in accordance with the deadlines for enrolling and withdrawing as indicated in the University Academic Calendar. Information on enrollment, withdrawal, grading and incompletes can be found at http://www.cdm.depaul.edu/Current%20Students/Pages/PoliciesandProcedures.aspx.

Students with Disabilities

Students who feel they may need an accommodation based on the impact of a disability should contact the instructor privately to discuss their specific needs. All discussions will remain confidential.
To ensure that you receive the most appropriate accommodation based on your needs, contact the instructor as early as possible in the quarter (preferably within the first week of class), and make sure that you have contacted the Center for Students with Disabilities (CSD) at:
Lewis Center 1420, 25 East Jackson Blvd.
Phone number: (312)362-8002
Fax: (312)362-6544
TTY: (773)325.7296