Among the many applications and TodoList web services, Done Not Done is a rather atypical case since it allows the user to focus not on what he “should”, but rather on what he “wants” to do. Here, your desires are classified into three categories: watching, reading, listening. We are far from a stressful TodoList, the “Done not done” look and feel is fun and it is noticeable immediately.
Now, let’s go deep into the details that give the product its fun and lightweight personality, contrary to some of its purely functional competitors (eg. TeuxDeux ):
— Using the concept of affordance1 on certain interface elements: bookshelves, bookmarks, badges etc.
Note: however, that realism has its limitations since it is sometimes adopted at the expense of usability.
— Creation of a unique visual language: use of a styleguide with attractive and contrasted colors. These are especially used to facilitate the identification of each of the 3 categories of items: Movies (Blue) Music (Purple), Books (Pink).
— Use of a lexical field “emotional” to promote empathy and friendship with the user: “Look at all the wonderful things you’ve done!”, “High Five! Two thumbs up!”, “Feedback. We love it. And you”, “Remove :(” etc.
All of these features seem to provide a more “human” and “sensitive” touch to the interface. The underlying idea is of course to emotionally engage the user and thus facilitate the adoption of the service. See Emotional Design2.
The main dashboard displays your “done” or “not done” items.
The service is available for the web but also throught an iPhone app.
Few screenshots of the iPhone app.
And what about the choice of Parisine Plus for Done not Done?
To convey this playful reinterpretation of the TodoList concept, the designer Jon Tan at the start of the project, also chose an unusual typeface: Parisine Plus in its OpenType version. With its shapes and unusual ligatures for a sans serif, it represents an informal reinterpretation of the firstborn and much more functional Parisine.
Parisine Plus wonderfully used everywhere on the interface, building a clear identity from the website to the app.
“I chose it for it’s SPECIFICALLY delightful character (Especially the wonderful smiling lowercase e) economy at small sizes, and humanity.”
When we use the Done Not Done service (web or app), we can see that the designer took advantage of the characteristics of this policy without going overboard fancy. In this interface, where the amount of text is still very limited (paragraphs are almost non-existent), natural uninhibited forms of “Parisine Plus” is an artistic direction bringing freshness and lightness in the environment often purely functional services TodoList. Incidentally, despite his fancy, Parisine Plus used with care remains perfectly legible on screen at small size (around 14px).
“... any set of sentences, compound words set in Parisine Plus, are not transparent to the reader anymore.”
Jean François Porchez
It is generally said that a labor typeface (used for paragraphs) must be invisible, to not disturb the reader. The look’n feel of “Done not Done” seems to be on the opposite side and voluntary use a “remarkable” character as a bias which serves the product visual identity.
To conclude, even if from an ergonomic point of view it seems that some improvements can be made in later versions (Responsive web design, search algorithm, cross tabulation, exchange with other members etc.), this service designed by fictive Kin and Betaworks is nevertheless a good example of use of Parisine Plus singular personality.
By Aurélien Foutoyet, September 2013. All rights reserved.
1 Affordance ability of a system or a product to suggest its own use.
2 Emotional Design Emotional Design: Why We Love (or Hate) Everyday Things by Donald A. Norman. Designing for emotion by Aaron Walter.