The COURSE_TERM_AND_YEAR version of IAT-235Information Design
Course overview
Important information for an overview of Information Design.
Projects and exercises
Course-work for the term.
Projects
Longer and more complex work.
P1: Clarity
- Individual project.
- From WEEK_01 to WEEK_04.
- Worth 10% of final grade.
P2: Wireframes
- Group project.
- From WEEK_04 to WEEK_07.
- Worth 25% of final grade.
P3: HTML/CSS
- Individual project.
- From WEEK_08 to March 18.
- Worth 20% of final grade.
P4: Design and Develop
- Group project.
- From WEEK_10 to WEEK_13.
- Worth 25% of final grade.
Exercises
Sketching and code exercises to practice design and development.
Balance and Hierarchy Sketch
- From WEEK_01 to WK_02_MINUS_A_DAY.
Frames Sketch
- From WEEK_02 to WK_03_MINUS_A_DAY.
Grids Sketch
- From WEEK_03 to WK_04_MINUS_A_DAY.
HTML Exercise
- From WEEK_05 to WK_06_MINUS_A_DAY.
CSS Exercise
- From WEEK_06 to WK_07_MINUS_A_DAY.
CSS Layout Exercise
- From WEEK_07 to WK_08_MINUS_A_DAY.
Git Exercise
- From WEEK_09 to WK_10_MINUS_A_DAY.
Questions
- From WEEK_09 to WK_10_MINUS_A_DAY.
Design System Exercise
- From WEEK_11 to WK_12_MINUS_A_DAY.
Survey
- From WEEK_12 to WK_13_MINUS_A_DAY.
Code tutorials
Course code tutorial files and links to live 'playgrounds' for completed tutorials.
HTML Tutorial
Introduction to HTML.
CSS Tutorial
Introduction to CSS.
Layout Tutorial
Introduction to CSS grids.
Lectures
All lectures slides for COURSE_TERM_AND_YEAR.
Developing Process (WEEK_01)
An introduction to the course and thinking about an information and user experience design process.
Structuring Content (WEEK_02)
Thinking about layout and structure to direct movement through content.
Critique Week (WEEK_03)
Week for providing feedback on P1.
Bare Bones (WEEK_04)
An introduction to interaction design and wireframing.
Semantics, Accessibility and Markup (WEEK_05)
This week we will introduce HTML and how proper use can mean more accessible websites.
Accessible styling (WEEK_06)
An introduction to responsive web design and styling your HTML with CSS.
Build Responsively (WEEK_07)
Focusing on the building of responsive web layouts and an introduction to your final project.
Coding, coding, coding (WEEK_08)
Time to work on HTML/CSS in the classroom.
Code review (WEEK_09)
A week to sit down and discuss coding project submissions.
Technical Questions (WEEK_10)
A lecture for answering any lingering questions you have about the final project, HTML, or CSS.
Support and Critiques (WEEK_11)
Time for support and critiques on P4.
Support and Critiques (Part 2) (WEEK_12)
Time for support and critiques on P4.
Final Project Critiques (WEEK_13)
Final critiques and things to think about leaving the course.