GD202 Interactive Design I

An Introduction to User Interface and User Experience Design

Stephen Bau
Jan 29, 2018 · 4 min read
Planning and sketching for interactive design. Photo by Helloquence on Unsplash.

Course Overview

Introduction to interactive mediums and the fundamentals of the interactive experience. With a focus on information architecture, interface design, and usability students will explore digital screens for web sites, mobile applications, and data-driven information systems.

Learning Outcomes

Upon successful completion of this course, students will be able to:

  • Recognize effective user interfaces for web sites, mobile applications, and data driven information systems.

Weekly Schedule

Week 1

January 8

Introduction to Interactive Design

  • Defining interactive design.

The Importance of User Personas

  • Research user personas to your advantage. Assimilate target market and niches for your digital target audience. Evaluate user persona demographic, psychographic and thought processes.

Week 2

January 15

Planning Features

  • Plan a features list for an app. Learn about the implementation of information architecture and the planning process of data for an interactive web application.

The Importance of the Iteration Process

  • Review the design process: Features List, Sitemap, and Prototypes (sketches and wireframes), Mockups

Week 3

January 22

Site Maps

  • Design Kit, A human-centred approach to design: Inspiration, Ideation and Implementation.

Week 4

January 29

Prototypes: Sketches and Wireframes

Week 5

February 5

Styles and Mockups

  • Design patterns, systems, and frameworks.

Week 6

February 19

Prototyping and Wireframing with UX Design Tools

  • Discuss available tools and approaches to prototyping and wireframing.

Week 7

February 26

Publishing with Medium, Markdown and GitHub

  • Site publishing platforms, open source and the democratization of the web.

Week 8

March 5

Visual Design for Web Applications

  • Learn how to create a style tile.

Week 9

March 12

Responsive Web Design

  • Intro to Grid Layouts in Web Design.

Week 10

March 19

Introduction to HTML

  • Understanding web semantics and learn basic HTML tag structure.

Week 11

March 26

Introduction to CSS: Web Typography & Google Fonts

  • Applying google fonts in CSS, line height, font styles, and tracking.

Week 12

April 2

  • Easter Monday

Week 13

April 9

  • Continue to work on projects.

Project Submissions

  • Project 7: Custom Responsive Website Design Project.
    Due at 1:00 pm, Tuesday, April 17, 2018.

Textbooks, References, Materials

  • UFV Library Abbotsford


Leading with Design

One’s position in an organization does not necessarily determine your opportunities to lead. We each have a part in designing the world around us.

Stephen Bau

Written by

Designer, writer, educator, social architect, founder, Builders Collective, Leading with Design.

Leading with Design

One’s position in an organization does not necessarily determine your opportunities to lead. We each have a part in designing the world around us.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade