Schedule

This schedule maps out what we are covering in class each week and what work we are starting that day. It is very subject to change as we go along in class.

If you want to know what is due for next class, check here.

Week 1

In our first week we will review the syllabus, get our programs set up, and go through some Figma tips.

Lessons

Overview
Figma Basics

Starting

E1: A Little Backgroud
P1: Tell a Story

Resources

Figma: Figma Learn

Week 2

The ability to create an interactive prototype of a website is an incredibly powerful tool for a designer. It is also important for designers to understand accessibility as it relates to the web. We will cover both these topics this week.

Lessons

Plugins and Prototyping in Figma
Accessibility in Web Design

Starting

E2: Linking in Figma

Digital References

Week 3

We will continue exploring the possibilities of prototyping in Figma.

Lessons

Prototyping in Figma (continued)

Starting

E3: Hover and Animations in Figma

Digital References

Figma: Prototyping
Youtube: Create a Functional Hamburger Menu Navigation in Figma
Youtube: Hamburger Menu Items as Anchors

Week 4

We will talk about responsive design.

Lessons

Responsive design in Figma

Starting

E4: Landing Page

Week 5

We are talking about web typography.

Lessons

Web Typography

Starting

E5: Make it Responsive

Digital References

Can’t Unsee

Week 6

A look at the design of web forms.

Lessons

Forms

Starting

E6: Form Redesign
P2: For Sale

Digital References

Interneting is Hard: Forms
User Inyerface

Week 7

Wireframes!

Starting

E7: Reverse Wireframe

Digital References

usability.gov: Wireframing
Balsamiq: What are Wireframes?
Figma: How to Wireframe
Adobe: Everything You Need to Know About Wireframe Design and Prototypes

Week 8

Spring Break! No class!

Week 9

People being able to use the sites we design is an important consideration while designing. This week we will start our conversation on usability for the web.