Reading discussion
To kick off our fourth unit, Interface as interface, we’ll discuss our readings from last week:
Further reading
We’ve again included other selections for you to read over the course of the unit. (The first one is a Whole Book—so, you know, within reason.) Use these for reference and inspiration:
-
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
Let’s go through the rest of our next project, in detail:
We will probably take our 10-minute break here. Please be back on time! Mind the elevator time.
Finally, images
Alright, it’s that time—let’s discuss images on the web:
In practice
If we have time, we’ll try to rocket through a quick demo:
- 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
For next week
-
You’ll be completing the next two phases of your project: Swapping collections and then your first sketches.
-
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 sketching and the rest of your work.
-
Add 10 items to your new, adopted collection to “get a feel for the water.” We will be visiting the original channel URL next week, so don’t change the name without letting us know.
-
Start your Figma sketching, for the next step. Be sure to explore discrete overall directions, and also iterations on smaller blocks themselves. (And we expect to see mobile comps paired with desktop, as is custom.)
We’ll go through these at the start of class next week: