All Posts in Branding

February 22, 2017 - No Comments!

UX design: or the hidden face of the moon

IKEA analogy

Have you ever visited the furniture store IKEA? The store is divided into three main areas: the showroom, the marketplace and the self-service warehouse. Each area is then divided into smaller sections. The showroom, for example, is designed as a one-way natural path that leads customers through a sequence of assembled and designed kitchens, bathrooms, living rooms, and offices, etc. They are meant to give the user a better idea of the furniture and products in the context of a home. The market hall is where users can pick up small products that are organised by type (textiles, lighting, decoration, etc.). Each of IKEA’s furniture is identified by a unique name and code that is referenced on all of the company’s selling platforms, including its stores, catalogues, websites and its self-service warehouse. What IKEA offers is a holistic and consistent user experience.

IKEA stores are divided into three main sections: the showroom, where the furniture is displayed in context of assembled and designed rooms; the market hall, where customers can pick up some smaller objects for their homes; and finally the self-serve furniture area, which very much ressembles a warehouse. Source: IKEA Montreal. 2016. Store map.

Above is an example of an assembled and designed living room, in IKEA’s showroom section.

UX stands for user experience. Its development process encompasses all aspects of the end-user’s interaction with a company, its services, and its products (Norman and Neilsen). Many people mistakingly define UX design as a domain that is only concerned with websites’ navigation efficiency and general aesthetics. But UX is really about strategic problem-solving. UX design is concerned with developing and improving the interaction between a user and all the facets of a company.

UX on the Web

In theory, UX is thus a non-digital practice based in cognitive sciences and theories. In practice, it has been used mostly in the digital world of Websites, mobile apps and computer softwares. When it comes to Web design and development, UX designers are responsible for research, user testing, interface / visual design, and the development of prototypes. They tend to work closely with UI designers, programers and coders.

What about UI?

UI stands for user interface. It is the link between the user and the computer. UI design is concerned with the transferring a brand’s strengths and visual assets into Website, mobile app, or computer software interfaces. Similar to UX, UI design is also focused on responding to user needs in order to achieve business goals. UI designers are responsible for the creation visual designs that guide users through a product’s interface. They create information hierarchy using visual cues such as typography, graphic design, as well as interactive or animated elements. UI designers are also the ones that think about responsiveness across digital mediums of all sizes and platforms.

"UI design is a huge part of UX. I would say that in a good majority of cases the UX designer does in fact design the interface. But UX is not UI” (Flowers 2012).

The hidden face of the moon

It is important to remember that it takes a lot of “behind-the-scenes” work to create a successful and elegant Website. Complex UX design is always “hidden" behind the elegant interface design of successful Websites. UI is only a part of a complex strategic process that involves the creation of a wholistic user experience.

Process

In his book The elements of user experience: User-centered design for the Web, Jesse James Garrett has broken down the UX development process into five stages: strategy, scope, structure, skeleton and surface. The framework allows for a better understanding of the field of UX design.

1. Strategy: What problem needs to be solved?

During this stage, UX designers conduct user and market research in order to better understand the problematic and to develop user personas.

2. Scope: How do we solve the problem?

UX designers select platforms and features that must be included in the solution.

3. Structure: How do we organise the content?

UX designers create flow maps, user journeys, and information architecture diagrams to divide the content into logical areas, categories and hierarchies.

4. Skeleton: How do users interact with the content?

At this stage of the process, UX designers are concerned with information design, or the arrangement of specific interface elements that allow users to interact with the system’s functionalities. They create various sketches and iterative wireframes.

5. Surface: How do we communicate the brand values and aesthetics?

The final stage of the UX design process is about the sensory experience, or the visual design. With all the previously developed research material and UX design work, UI designers can confidently develop interfaces that communicate the brand values and aesthetics.

Once the UX development process is completed, the work is transferred to production, where coders and programers implement the concept.

Conclusion

I hope this post has demystified the terms UX and UI, and that you better understand the roles and responsibilities of UX and UI designers. Do not hesitate to contact me if you have any questions!

Sources

Flowers, Erik. 2012. ‘UX is not UI.’ HelloErik Experience Design.

Norman, Don and Jakob Nielsen. ‘The definition of user experience.’ Nielson Norman Group. 

Unger, John. 2016. ‘Difference between UX and UI design.’ Devsaran.

Pan, Simon. 2015. ‘The only UX reading list ever.’ Medium – Interactive Mind.

February 15, 2017 - No Comments!

La maison d’édition Gaberbocchus

Stefan et Franciszka Themerson

La maison d’édition Gaberbocchus a été fondée en 1948, à Londres, par les artistes et conjoints polonais Stefan et Franciszka Themerson. Leur collaboration artistique est née à Varsovie, en Pologne, où tous deux travaillaient ensemble comme producteurs de cinéma expérimental, mais également comme créateurs de livres pour enfants. Stefan prenait alors le rôle d’auteur, et Franciszka, d'illustratrice. Les Themerson ont fuit la Pologne au commencement de la Seconde Guerre Mondiale. Ils se sont retrouvés à Paris, en 1937, puis quelques années plus tard, en 1940, à Londres.

Inspiré du dragon de Lewis Carrol

Le nom Gaberbocchus vient du poème de fiction de Lewis Carrol, « Jabberwocky ». Ce choix de nom évoque le caractère absurde, ou encore surréel de certaines des publications de la maison d’édition. Celle-ci a d'ailleurs publié 59 livres en 31 ans. Les premiers livres ont été imprimés à la main, dans la demeure des Themerson même. Plus tard, ils ont déménagé l’imprimerie sur la rue Formosa, à Londres. Ce nouvel espace servait à la fois de salle d’édition et d’impression, mais également de salle de rencontre, où famille et amis intéressés par l’art et la science se retrouvaient, occasionnellement, pour assister à des visionnements de films, à des pièces de théâtre, à des concerts musicaux ou à des lectures de poésie.

Gaberbocchus Press

Le nom Gaberbocchus vient du poème de fiction de Lewis Carrol, « Jabberwocky ». Le poème surréaliste raconte l’histoire d'un dragon du même nom. Source: Franciszka Themerson, Gaberbocchus Press. 1951. From Jarry, Alfred. 1951. Ubu roi: drama in 5 acts. London: Gaberbocchus Press. At Special collections at the MERL (Museum of English Rural Life), Reading, UK.

Collaborations interdisciplinaires

Très vite, Gaberbocchus se spécialise dans la publication de textes intellectuels dits d'avant-garde. La maison d’édition a publié des textes de Stefan Themerson lui-même, mais également de Hugo Manning, de Bertrand Russell, de C. H. Sisson et de Stevie Smith. Gaberbocchus a également publié des traductions d’auteurs français dont Alfred Jarry et Raymond Queneau. Les Themerson étaient intéressés par le travail interdisciplinaire. Pour eux, il n’y avait pas de frontières entre la philosophie, l’art et la science.

Forme et contenu

Les Themerson étaient convaincus que le design d’un livre devrait en refléter étroitement son contenu. Avec Gaberbocchus, leur objectif était de créer des livres peu coûteux, au design inventif et imaginatif. La maison d’édition se distinguait nettement des autres compagnies de l’époque de par son caractère révolutionnaire. Stefan Themerson a lui-même affirmé vouloir créer des “best-lookers” et non des “best-sellers”. L’artiste et sa femme étaient sensibles à la matérialité des livres. Ils portaient grand attention à leur composition et à leurs dimensions. Ainsi, plusieurs de leurs livres sont imprimés sur des papiers de formats non-standards aux différentes couleurs et textures.

The Good Citizen’s Alphabet (publié en 1953)

Le livre The Good Citizen’s Alphabet a été publié par la maison d’édition Gaberbocchus en 1953. Il a été écrit par le fameux mathématicien, logicien et philosophe britannique Bertrand Russell, et illustré par Franciszka Themerson. Le livre est né d’une correspondance qu’ont entretenus Russell et les Themerson dans les année 40. L'alphabet socio-politique que renferme ce livre est un délicieux mélange entre écriture satirique et illustrations humoristiques: “O” pour “Objective: A delusion which other lunatics share”, ou encore “L” pour “Liberty: The right to obey to the police.” Ironiquement, le contenu du livre semble toujours être d’actualité, et ce, même 60 ans plus tard!

The Good Citizen's Alphabet, by Bertrand Russell

Le livre The Good Citizen’s Alphabet, de Bertrand Russell a été publié par la maison d’édition Gaberbocchus en 1953 (Source).

Mélange de surréalisme et de Dada

Dans le livre Ubu Roi d’Alfred Jarry publié par Gaberbocchus en 1951, textes et illustrations sont combinés d’une manière encore jamais vue dans l’industrie de la publication anglaise. Franciszka avait proposé à Barbara Wright, la traductrice, d’écrire directement sur la pierre d’impression lithographique qui serait plus tard utilisée pour imprimer les livres. L’artiste y a ensuite ajouté ces illustrations. Le produit final est une juxtaposition de croquis et d’écriture manuelle. Ce style est devenu une certaine marque de commerce de la maison d’édition Gaberbocchus. Les Themerson, à travers leurs nombreuses publications, ont exploré la calligraphie, l’écriture manuelle, la typographie produite par la machine à écrire, et les polices de caractères décoratives. Leur style est un mélange de surréalisme et de Dada.

Stefan et Franciszka Themerson ont vendu Gaberbocchus à une maison d’édition allemande en 1979. Ils sont décédés, à deux mois d’interval, en 1988.

Ubu Roi, d'Alfred Jarry

Franciszka Themerson avait proposé à Barbara Wright, la traductrice, d’écrire directement sur la pierre d’impression lithographique qui serait plus tard utilisée pour imprimer les livres (Source).

Sources

Barnard, Fiona. 2003. “The Gabberbocchus Press.” V&A Museum.
Kubasiewica, Jan. 1995. “An extraordinary venture.” Print 49 (5): 85–112.

February 1, 2017 - No Comments!

Qu’est-ce que le design de l’information ?

Le terme « design de l’information » peut être définit comme étant la sélection, la planification et la mise en forme d’un message et de son médium de communication, dans le but de satisfaire les besoins de ses destinataires. L’origine du design de l’information remonte aux fonctionnalisme visuel des années 60, lui-même inspiré par la typographie helvétique développée en Suisse, et également stimulé par les concepts du Bauhaus, en Allemagne.

Le système Isotype d'Otto Neurath

Otto Neurath (1886–1939), est aujourd’hui considéré comme l’un des précurseurs du design de l’information. Philosophe, économiste et scientifique social d’origine autrichienne, Neurath a mis au point le concept d’Isotype (International System of Typographic Picture Education), un système de pictogrammes utilisé pour éduquer la population de façon visuelle. Neurath et son équipe, composée entre autres de Marie Neurath (sa femme) et de Gerd Arntz, sont les premiers à avoir développé une méthode pour organiser, analyser et représenter graphiquement des données complexes et des statistiques.

Tiré du livre Gesellschaft und Wirtschaft (1930), ce graphique d’Isotype compare le nombre de véhicules aux États-Unis par rapport aux nombre de véhicules dans le reste du monde. La collection Isotype appartient maintenant au Département de Typographie et de communication graphique (Department of Typography & Graphic Communication) de l’Université Reading. La collection a été offerte à l’université par Marie Neurath en 1971. Source: Patton, Phil. 2009. "Neurath, Bliss and the Language of the Pictogram”. Aiga.

Utilités et applications

Aujourd’hui, le design de l’information est utilisé quotidiennement par différents acteurs de la communication visuelle. D’abord employé comme outil d’analyse, de tri et de hiérarchisation de l’information contenue dans des publications imprimées, le design de l’information est maintenant également utilisé dans en multimédia, notamment pour le développement de systèmes de navigation de sites Web. Les principaux domaines du design de l’information sont l’identité visuelle, le design d’orientation spatiale (souvent appelé signalétique), la représentation cartographique, la visualisation de données, le montage de documents complexes et le design d’interface.

L'identité visuelle

L’identité visuelle d’une entreprise regroupe l’ensemble de ses supports de communication: logotype, charte graphique, papeterie, supports imprimés, support Web, etc. Le design de l’information est utile quand vient le temps de développer un système visuel cohérent qui unifie tous le matériel utilisé par l’entreprise.

La représentation cartographiques

Le design de l’information est utile également pour le développement de cartes de régions touristiques; les cartes villes, par exemple, les centres de randonnées, les centres de ski, etc. D’autres types de représentations cartographiques incluent les plans de réseaux de transport tel les systèmes de métro souterrain et les rails de trains.

La plan de type « schématique » a été développé par l’ingénieur industriel Harry Beck pour simplifier le réseau souterrain de Londres. Il a été appliqué au London Underground pour la première fois en 1933. Source: Beck, Henry Charles. 1933. “Map of London’s Underground Railways.” David Rumsey Collection.

Le design d’orientation spaciale

Le design d’orientation spaciale, ou, en anglais, le « wayfinding design », est un domaine qui se situe entre graphisme, architecture et design. En effet, le terme « wayfinding » signifie « trouver le chemin ». Ce terme désigne le processus de développement d’un système cohérent ou d'une organisation logique de l'espace qui permet aux visiteurs de mieux s’orienter. Ces systèmes sont développés par les designer de l’information pour des espaces publiques tel les musées, les aéroports, les gares, etc.

Le terminal 5 de l’aéroport Heathrow, à Londres, est traversé par quelques 30 millions de passagers chaque année. Pour que les usagers puisse s’y retrouver, il était primordial que le bâtiment incorpore un système d’orientation cohérent et compréhensible. Le système actuel a été développé par l’agence Merson Sign Design (MSD). Source: Hoeller, Christian. “Heathrow Terminal”.

La visualisation de données

La visualisation de données permet de simplifier des concepts complexes ou de représenter visuellement des données numériques, statistiques et dynamiques. Les rapports météorologiques présentés à la télévision ou sur le Web sont un parfait exemple de ce domaine du design de l’information.

Le design de documents complexes

Tout ouvrage qui nécessite une lecture à plusieurs entrées avec possibilité de rechercher de l’information spécifique est considéré comme un document complexe. Les encyclopédies, les dictionnaires, les codes juridiques, les annuaires, et les catalogues sont tous des exemples de ce type de document. Le rôle du designer de l’information est d’organiser la structure hiérarchique et visuelle pour faciliter la navigation de l’utilisateur à travers le document.

Le design d’interface

Le design d’interface, ou, en anglais, le « user interface (UI) design », désigne la conception d’un système d’accès aux différents éléments formant un produit multimédia. Ces éléments comprennent les textes, les tableaux et graphiques, les images, ainsi que les séquences vidéos qui composent site Web, applications mobiles ou logiciels. Le design d’interface est centré sur l'utilisateur. En effet, le contenu doit souvent être organisé pour qu'il puisse explorer l’information de façon interactive. Le designer de l’information doit définir, en autres, les limites du support utilisé ainsi que ses modalités de navigation.

Un outil de communication stratégique

En conclusion, le design de l’information est un domaine qui unie ordre et esthétique. En considérant avant tout les besoins des utilisateurs auxquels est destiné le contenu, les designers de l’information ont la responsabilité de mettre en forme des messages cohérents et compréhensible.

Pour en apprendre davantage sur le design de l’information, référez-vous aux publications ci-dessous.

Burke, Christopher. 2009. “Isotype: Representing social facts pictorially”. Information Design Journal 17 (3). 221–223.

Burke, Christopher, Eric Kindel, and Sue Walker. 2013. Isotype: Design and contexts 1925–1971. London: Hyphen Press.

Neurath, Marie and Robin Kinross. 2008. Transformer: Principles of Making Isotype Charts. London: Hyphen Press.

Vollaire, Louis. 1997. “Les design de l’information”. Communication et languages 112, 35–50.

Stock-Allen, Nancy. 2012. “ISOTYPE: International System of Typographic Picture Education: ‘Words Divide, Pictures Unite’”.

Vitale, Elodie. 1995. Le Bauhaus de Weimar (1919–1925). Bruxelle: Éditions Mardaga.