An exercise in web design: improve the homepage of Tim Berners-Lee :
An assignment by Manuel Schmalstieg at EAA La Chaux-de-Fonds. The students had to produce a survey of tools and methods used in a professional field.
A class of Interactive Design students created a “2018 survey” of design tools used by digital agencies, in Switzerland and France.
The tasks involved:
- Defining the questions of the survey.
- Selecting an online survey tool (we chose Typeform)
- Building a contact list to mail out the survey.
- Creating a Mailchimp newsletter to send out the survey and allow for follow-up.
- Designing a visual concept for the presentation of the survey results (we used Figma).
- Coding the website.
Time available: 28 hours (in 7 sessions).
The initial brief: https://github.com/eaa-imd/designtools
The resulting website: https://eaa-imd.github.io/designtools/
An assignment in User Interface Design, by Prof. Claudia Jacques, at Bronx Community College.
Identify what is bad interface design, navigation, functionality, interactivity, content distribution in a website or app and find a positive solution to that site.
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.”
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
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.