Categories
briefs workshops

8 hour UX workshop

An assignment by Meylin Bayryamali, for a UX workshop at ISCOM Paris, a prestigious business school.

I divided the 62 students into groups of 4 (2 groups of 5). Every group had to deliver a prototype of either an online shop or dog sitting website.

The students had to deliver: personas, user flows and 5 pages prototype of a desktop website.

Source: https://uxdesign.cc/figma-in-the-classroom-439814cd9e6d

Categories
briefs

Typeset a classic novel

Typeset a classic novel in HTML/CSS. A proposal from Robin Rendle’s newsletter, Adventures in Typography:

If I could go back in time to teach my younger self about typesetting then I reckon that this is where I’d start: “Take your favorite book,” I’d say “and design the absolute heck out of it.”

Let’s say you want to learn how to set type on the web, for example. Then I would argue that it’s more important that you get the fundamentals of typography down first before you go and learn about React or some giant-framework-to-do-app-thing. And the easiest way to learn the fundamentals is copying all the text from To the Lighthouse or Moby Dick or whatever your favorite book happens to be, and throwing it into Codepen. Then you can try and make it all easier to read, slowly, bit by bit.

Categories
briefs

Weather Apps / applications météo

A project by Javier Lopez with students at Maryland Institute College of Art (MICA), presented in Ellen Lupton’s book Type on Screen (2014). In French:

Ce projet (…) a permis aux étudiants de concevoir des prototypes d’application météo. Outre la création d’une famille d’icônes représentant les différentes conditions météorologiques, les étudiants ont produit des mises en page pour la journée ou la semaine.

Categories
briefs

HTML posters

A project by Kristian Bjørnard with students at Maryland Institute College of Art (MICA), presented in Ellen Lupton’s book Type on Screen (2014). In French:

Bjørnard a demandé aux étudiants de créer une affiche uniquement en langage HTML, CSS, avec un peu de JavaScript. (…) Certains étudiants ont choisi de rendre hommage à l’histoire du design, en recréant des compositions célèves de l’histoire des médias imprimés dans le cadre limité du web.

Categories
briefs

Worst of the Web

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.

Source: http://bccart87.claudiajacques.com/project-1-worst-of-the-web/

Categories
briefs

user empathy challenge

A brief created in January 2018 by John Maeda, then Head of Design at Automattic, for members of the design team:

“Our task was to pick one of our fellow designers’ blog posts and come up with a plan to get it over 1,000 views on a financial budget of $20 and a time budget of two hours.”

Read more on the Automattic Design Blog.

An evaluation of the results was written by professional blogger Kitty Lusby.

Some context on the rationale of the exercise:

The design teams at Automattic like to do periodic exercises called Empathy Challenges. The goal in these exercises is to get us thinking in our customers’ shoes, to understand their contexts and challenges.

Thomas Bishop
Categories
briefs

retype five pages of content

An assignment by Kenneth Goldsmith, at University of Pennsylvania:

One class assignment asks students to retype five pages of content of their choice. Students who type out everything from restaurant menus to presidential speeches often find the assignment relaxing, Goldsmith said. It’s the first time they can just focus on the act of typing, instead of struggling to argue a thesis or create an original piece of work, he added.

The Daily Pensylvanian, 2011

Goldsmith writes about it:

Others say that it was the most intense reading experience they ever had, with many actually embodying the characters they were retyping. Several students become aware that the act of typing or writing is actually an act of performance, involving their whole body in a physically durational act (even down to noticing the cramps in their hands). Some of the students become intensely aware of the text’s formal properties and for the first time in their lives began to think of texts not only as transparent, but as opaque objects to be moved around a white space.

Categories
briefs

Internet Famous

An assignment created by teachers Jamie Wilkinson, Evan Roth and James Powderly, at Parsons (The New School for Design). It was carried out in 2007 and 2008.

This course is dedicated to learning how to spread your work to the widest possible audience online. We study the art and science of getting hits. And in an academic first, students’ grades will be awarded by a piece of software that helps students track their websites & online accounts and monitor their popularity in real-time.

Sites like Digg, del.icio.us, YouTube, Flickr, Facebook, Technorati, Alexa, Google, LinkedIn, Twitter and many more will be mined for data relevant to the amount of attention a student is receiving, such as view counts, friend counts, inbound blog links, the length and intelligence level of comments, and more. This raw data is calculated into a “Famo Index Score” that will be mapped onto the Parsons Graduate Grade Scale Description, and each student given a grade from an A to an F.

Dedicated website (Archive) : https://web.archive.org/web/20111103100655/http://internetfamo.us/class/about

Coverage:

Categories
briefs

Font Collections

In this assignment, students are asked to create a “Font Collection”: a selection of typefaces related through some concept.

I carried out this assignment during an afternoon (3 hours) in November 2016, at Eracom, Lausanne.

The original project brief can be found here (in French). In short:

Concrètement, chaque groupe aura comme mission de:

  • Sélectionner un ensemble de 10 fontes.
  • Donner un titre à cet ensemble (par exemple: “Ultimate Monospace Type Collection”, “Grotesques et Arabesques”, “Fermentation Belge”, etc). Approchez la chose comme si vous deviez constituer une compilation de musique, une mixtape…
  • Créer un graphique servant de “pochette” à sa collection.
  • Créer un dossier qui contient les fontes (format TTF ou OTF), la pochette (format PNG), et un fichier README.MD avec la liste des 10 fontes, leurs sources, leurs auteurs.
  • Publier la collection sur GitHub.

The results are presented on this site: https://eracom-gr451.github.io/font-collections/

Categories
briefs

Sound Walk

An assignment by Marc Weidenbaum, posted on Disquiet in 2017: