April 1 Class: Responsive Web Design and Accessibility

24 Apr

Learning Objectives:

  1. Explain the basics of what CSS is and what can be done with CSS.
  2. Define responsive design
  3. Explain the main things to take into consideration when designing responsive UX: layout (number of columns) content hierarchy, navigation; mobile first
  4. Sketch solutions for responsive design of a site

In this class, we covered the idea of RWD and techniques to do it. You can review the mini lecture below:

Besides the techniques (fluid grid, flexible images, and media queries), you also need to consider other important aspects in terms of UX (e.g., mobile-first strategy, and content strategy).
For lab exercises, you sketched mobile and desktop design for your portfolio site.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: