Categories
briefs

Design deliverables for a WordCamp

In this assignment, students will design deliverables for a WordCamp of their choice. Typical deliverables include:

  • A logo
  • A website header
  • An identity (font and colour palette)
  • A visual style for the website

Students will interact remotely with the organisers they will collaborate with. This will provide them with an experience in project management and professional communication.

Some resources:

Categories
briefs

Digital tools for emancipation

A brief by Geoffrey Dorne. In French: “Des outils numériques pour s’émanciper”. Mentioned during a talk at BlendWebMix.

On va travailler sur les outils numériques pour s’émanciper. On va imaginer des dispositifs pour répondre au besoin d’une personne pour la rendre plus indépendante, plus résiliante, plus autonome. Vous utiliserez la méthodologie d’ethno design et les techniques de prototypage.

Geoffrey Dorne published a blog post describing a similar workshop in 2017.

 

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

Urban Hacking

Evan Roth, in interview with Constant:

It is really about the idea of hacking. The first assignment in the class is not to make anything, but simply to identify systems in the city. What are elements that repeat. Trying to find which ones you can slip into.

Categories
briefs

Animated GIF Loop

Assignment by Golan Levin: “My students have the assignment of generating an animated GIF loop (with @p5xjs or @ProcessingOrg code)”. September 2018.

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

Wikipedia Biographies

An assignment described by Dawn Bazely, University Professor in biology at York University, Toronto:

In 2014, I developed assignments requiring students to edit Wikipedia. One had them choose a woman scientist or an ecologist of any gender, and either start a Wikipedia page or add to their biography. This was partly to lure students into learning some HTML-style coding, but also so they would hone other important, transferrable skills. As a new Wikipedia editor, you learn to follow style rules and policies; you learn how to put work into the public domain while still guarding your intellectual property and how to create fact-checked Open Access Internet resources. I hope, too, this work instills a public-spirited enthusiasm for sharing knowledge.

Source: Washington Post, 8.10.2018

Categories
briefs

Make a new word

Make a new word; expand the lexicon. New ways of thinking demand new forms of expression. Use the form of the word to reflect its secret meaning, enabling your classmates to adopt the word for usage in relation to your Idea. (Adapted from an assignment given at the Gerrit Rietveld Academy in the Netherlands)

Source: Erin Hauber, Cottage Industries

Categories
briefs

Oblique Strategies

You maybe heard about the Oblique Strategies, an infamous card set for idea generation, created in 1975 by Brian Eno and Peter Schmidt. Not only has it been adapted and re-hashed numerous times in various media, including websites, a MaxMSP patch, and a reincarnation as anagrams.

It also appears to be a very popular subject of assignments in Interaction Design education. A search on Github returns currently 138 results, many of which appear to be teaching assignments.

3 reports for Oblique Strategies

#1 – Stratagèmes obliques, Eracom

Host institution: Eracom, Lausanne
Instructors: Aurélie Camuset, Manuel Schmalstieg
Timeframe: February-June 2018
Number of students: 11

This design assignment consisted in two parts: first, the students, working in pairs, had to create a series of 20 – 30 illustrations and to design a printed set of cards, including an original packaging.

The second part consisted in creating a website that would allow to browse the cards and illustrations. The website was completed in June 2018, and can be visited at oblique-strategies.github.io.

The source code is available on Github, and a detailed write-up has been posted.

#2 – Oblique Strategies at Westtown School, Philadelphia

An assignment by teacher and artist Chris Wills (AP Studio Art, Westtown School, Philadelphia).

In Graphic Design: Portfolio Development I developed a unit based on these challenges and directives. Students were tasked with transforming a project that they had developed earlier in the semester using one of the oblique strategies. This challenge allowed students to build on ideas of typography, narrative photography, or poster design that had already been studied in previous months. Students were not to revise the original work, but to transform it into something else altogether.  The designers had to include visual references to the original work within the new piece, but not replicate past work.

Source of the assignment: www.chriswillsart.com

#3 – Oblique Strategies at IXD Belfast

Host institution: IXD Belfast, Belfast School of Art
Instructors: Christopher Murphy (in 2017), Paul McCormack (in 2018)
Number of Students: 17
Type of Class: UX Module, Designing User Experiences

The brief, summarized by Paul McCormack:

The brief was to recreate a digital version of Eno and Schmidt’s Oblique Strategies. This could be in the form of an app or website, a connected device, an AR/VR piece… Anything that would push the boundaries and try to enhance the card-based principle of the original.

Some of the student projects:

Related links:
Source repository by instructor Christopher Murphy.
A browser extension for Chrome, created by William Park. “For this part of the masterclass, I took the oblique strategies idea and turned it into a Chrome Extension. The extension will show an oblique strategy every time the user opens a new tab.”

Categories
briefs

A bird in the hand…

An assignment, created by a teacher at Central Saint Martins, quoted by Nina Paim in an interview at Brno Biennial:

‘A bird in the hand is worth two in the bush’ – Prove this visually”.