Categories
briefs

One Day Websites

A method designed by Jeremy Keith, applied at the New Digital School, Porto:

Day four was a deliberate step away from [hands-on coding]. No more laptops, just paper. Whereas the previous days had focused on collaboratively working on a single document, today I wanted everyone to work on a separate site.

The sites were generated randomly. I made five cards with types of sites on them: news, social network, shopping, travel, and learning. Another five cards had subjects: books, music, food, pets, and cars. And another five cards had audiences: students, parents, the elderly, commuters, and teachers. Everyone was dealt a random card from each deck, resulting in briefs like “a travel site about food for the elderly” or “a social network about music for commuters.”

Read a more detailed write-up here.

Categories
briefs

Future Retro

An assignment by Boris Müller, Professor for Interaction Design at FH Potsdam

In 2017, I gave a web design class at the Interface Design Programme in Potsdam, Germany. Each team was asked to come up with a redesign for an existing website. The assignment was very clear: Treat the browser as a blank canvas and create expressive, imaginative visual experiences. Use the technological potential of current web technologies as a channel for your creativity. Do not be constrained by questions of usability, legibility, and flexibility. Have an attitude. Disregard Erwartungskonformität.

The results: https://interface.fh-potsdam.de/future-retro/

Source: Why Do All Websites Look the Same?, Medium, Oct 30 2018

Categories
briefs

Student Bio Website

Use the basics of HTML to make a personal website.

Source: Sara Shields, web design and publishing course, Texas State University.

Categories
briefs

CSS Zen Garden

In this assignment, students create their own version of the CSS Zen Garden.

Source: Scott Granneman, teaching at Washington University, St. Louis.

Observation: it could be interesting to do an exercice that is “similar to it but on a component level”. For an example, see the article “Same HTML, Different CSS” by Ahmad Shadeed.