Week 17

Session recording

Reading discussion

We’ll kick off our fourth unit, Interface as Interface, with a discussion of our selected readings:

Unit 4 reading synthesis

Further reading

We again want you to use these additional texts as references for your work, on your own schedule, over the unit:

• The Design of Everyday Things
  Don Norman, 1988 (revised 2013)

• Laws of UX
  Jon Yablonski, 2018 (ongoing)

• Folk Interfaces
  Maggie Appleton, 2022

Our fourth project

And we’ll go through the rest your next project in detail:

Project 4, Links

Finally, images

Alright, it’s that time—let’s discuss images on the web:

Working with images

In practice

We’ll try to rocket through a quick demo, with the remaining time:

• Export a PNG from Figma (pixel preview, 1x/2x)
• Add it to some HTML, sizing/resizing
• Replace it with an SVG src
• Inline the SVG contents instead
• Target and style it with CSS
• Maybe dupe it, maybe a grid, see how it goes

For next week

• You’ll be completing the next two phases of your project: Swap collections and then your Static content sketching.

• For the former, connect with your classmates—both whom you are handing your collection over to, and whom you are receiving a collection from. Ask them what you need to get a feel for your the collection and the rest of your work. Add 10 items to your new, adopted channel to “get a feel for the water.”

• Then start into your code—roughing out semantic DOM, pulling down examples from your channel for some blocks, and beginning with your styles. For next week, we want to see an example of each content type image, text, link, and PDF and the start of your layout and design vocabulary.

• Make sure we have all your links, as is custom:

  Assignment submission