#2🍿POPCORN UX/UI

la sélection d‘octobre 2017 de snacks & liens à propos de 🙇Product Design ✏️UX & 💎📲 UI

On commence aujourd’hui avec une capture d’un émission “maison” pour vous mettre dans le bain. 🛀🏾

L’expertise UX c’est aussi savoir remettre en question sa première intuition : on ne peut pas toujours présager de la réponse de l’utilisateur... 😇

“Design is not a profession but an attitude.”
— László Moholy-Nagy

Vie ma vie

⚠️ Toute ressemblance avec des personnes ou des événements existants ou ayant existé ne serait que pure coïncidence 😄 .

Accompagner équipes et clients dans la démarche UX est un travail de longue haleine, et il faut souvent faire preuve de patience et de pédagogie…
Newflux a commencé à compiler les phrases prononcées par les clients et collègues qui, disons, n’adhère pas trop naturellement aux principes UX...

Les perles de l’UX : ces petites phrases de nos clients et collègues

Dans la même lignée, on retrouve ici un listing d’incompréhension de la mission et de ce que veut dire votre interlocuteur quand il vous demande de lui donner un coup de main “UX”…

Hey, can you ‘do the UX’ for us?

Il m’arrive souvent d’avoir a résumer ce que je fait en tant qu’UX au quotidien. A force d’exercer j’insiste particulièrement sur le point que l’utilisateur n’est pas la seule de mes préoccupations et que ma zone d’exercice se situe pile à la commissure des objectifs business, des intérêts des utilisateurs et des choix technologiques.

“Design thinking is a human-centered approach to innovation that draws from the designer’s toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success.”
— Tim Brown, president and CEO, IDEO

Airbnb, Uber, Google… n’auraient pas d’UX designer si le spectre de lecture de l’utilisateur n’était pas orienté business.

Au même titre, il n’y a rien de plus absurde que d’avoir fait des choix technologiques avant même de savoir ce que nous faisons et pour qui nous le faisons. Voici un extrait (à peine déformé) d’une scène vécue…

L’équipe travaille sur un projet de vélo…
– “Nous avons choisi la techno ! Pour les roues, ce sera du bois : c’est robuste et ça ne crève pas.”.
– “Attendez, heu, mais au vu de ce que nous disent les utilisateurs, ils auraient plutôt tendance à vouloir faire du vélo en forêt… une chambre à air, ok, ça peut crever, mais ce serait quand même plus adaptée, non ?
- "Qu'importe, il y a des experts sur ce sujet et voilà ce qu'ils ont déjà défini, on va partir sur ça..."

Dans cette optique je vous invite à lire de près les excellents articles qui portent sur le design thinking ci-après :

How Design Thinking will fix Design Thinking

What is UX Design? Common Misconceptions and UX Myths

Building Design System

En janvier prochain france télévisions va bénéficier d’un nouveau branding simultané sur toutes les antennes (du jamais vu) et puis progressivement sur l’ensemble des supports numériques. Nous travaillons à la mise en place d’un design system à l’échelle de l’ensemble du groupe, pour harmoniser l’impact de cette nouvelle identité sur tous les supports… Nous aurons l’occasion de publier prochainement un article à ce sujet. En attendant Atlassian partage la manière dont ils ont atteint cet objectif :

The Atlassian Design System: Creating Design Harmony at Scale

Jules Cheung nous partage sa vision du workflow pour manager un design process, dont on peut tirer de nombreux enseignements.

Building design process within teams

Elle s’attarde aussi sur le sujet de la classification des fichiers. Un sujet compliqué à traiter et auquel nous sommes aussi confrontés : quelle taxonomie, comment nommer ses fichiers ?

Managing design files within teams

Interactive motion design

Nous avons pour ambition de spécialiser des membres de nos équipes autour du sujet des micro-interactions, de leur rendu animé et de la transmission auprès des développeurs de ces éléments. Voici un article intéressant qui creuse bien le sujet de l’animation d’interface.

UI Motion Design — The Compendium

Le sujet du workflow motion (Sketch💎 + AE 🎬) pas toujours ultra simple est exploré ici :

Bringing Sketch and After Effects closer together

Dans quel but et où utiliser des animations ? Découvrez “3 approches pour engager vos utilisateurs avec des animations”.

3 Smart Ways to Engage Users with Animation | Webdesigner Depot

En complément je vous invite enfin à découvrir ces divers outils 🛠 :

Snap.svg - Home

Lottie

Kite - Smart Copilot for Programmers

Tumult Hype

Se faire une checklist UX

Pour avoir une vision la plus exhaustive de la “to do list” et des champs d’investigation de l’UX Designer voici un tableau périodique astucieux et un outil de checklisting bien pratique.

Le tableau périodique de l'UX Designer

UX Project Checklist

Apprenons les lois

Rien de mieux pour se synchroniser entre équipes que de parler le même language. Il existe de nombreuses lois, on en ignore souvent le nom ou l’existence bien qu’on ait l’intuition que quelqu’un a forcément établi une théorie sur tel ou tel principe tant il est fréquent ou répétitif. Je me chargerai de faire de tant à autre un point sur ces lois qui régissent notre monde…

La loi de Brooks : nous en avons beaucoup souffert dans le cadre de l’un de nos projets : la multiplication des collaborateurs fait perdre du temps, et condamne souvent la qualité du produit.

La loi de Brooks ou pourquoi la multiplication des collaborateurs fait perdre du temps | Cadreo

La loi de Fitts : elle permet d’évaluer le temps de pointage nécessaire pour un utilisateur. Cette durée varie selon la taille de l’élément à pointer ainsi que sa distance.

Définition de la Loi de Fitts, son rôle dans l'expérience utilisateur (UX)

La loi de Hick : c’est un modèle qui décrit le temps qu’il faut à un utilisateur pour prendre une décision en fonction du nombre de choix à sa disposition.

Loi de Hick.

La loi de similitude (Gestalt Theory) : Le cerveau humain perçoit des éléments présentant les mêmes caractéristiques graphiques comme appartenant à un même groupe. Ainsi même si la distance entre des éléments ne permet pas de les regrouper visuellement, notre cerveau les associe dans leur fonction si ces formes sont similaires.

La loi de proximité (Gestalt Theory) : le cerveau humain assemble les éléments proches physiquement. La loi de proximité incite donc à rassembler sur une même page les éléments ayant une fonction similaire.

La loi de continuité (Gestalt Theory) : Une série d’items consécutifs est perçue et identifiée comme un enchaînement logique.

La loi de clôture (Gestalt Theory) : La loi de la clôture nous montre que le cerveau cherche à compléter les parties manquantes d’un élément pour en reconstituer sa forme.

L’intérêt de la théorie de la Gestalt dans le design d’interface

Le modèle KANO

Un retour d’expérience intéressant sur ce modèle qui peut se révéler fort intéressant sur de gros projets qui comportent beaucoup de fonctionnalités et qui peut permettre de mieux les prioriser.

FlupaUXDays 2017 - Découvrir le Modèle de Kano - Stéphanie Walter : design et mobile, UX et UI

Case studies

Il est intéressant de passer régulièrement en revue les parcours et l’experience utilisateur chez des acteurs qui exercent dans le même domaine que nous et qui sont confrontés à des problèmes similaires aux nôtres. Voici une sélections de quelques acteurs des médias.

UX Case Study : CNN’s Mobile App — Usability Geek

UX Case Study: ESPN’s Fantasy App — Usability Geek

Mission de service public

Cela aurait pu être un projet très intéressant pour france télévisions :

https://www.mediaversityreviews.com/ fait un classement des films et séries TV en mesurant aussi bien la qualité d’écriture que la manière dont est représenté la diversité : gens de couleur, membres de la communauté LGBTQ, femmes... 👩🏼👨🏿👨🏾👨🏼👩🏾🌈

A new diversity reviews site rates TV shows and films by quality of representation

Parler Tech

Si vous voulez tenir la bavette avec des développeurs sur le sujet React je vous invite à lire cette article sur les projets qui vont marquer 2018. Pour être légitime, il faut être crédible, et pour être crédible c’est toujours bon d’avoir une longueur d’avance… 🏄🏿

4 promising open source projects for 2018

Test A/B décomplexés

Vous n’êtes sans doute pas passé à côté tant le sujet à fait le tour des réseaux sociaux : un designer a recensé (à ce jour) plus d’une cinquantaine de variations de la tab bar de facebook ! S’agit-t’il de tests A/B ou de l’adaptation sur-mesure de la tab en fonction des usages ? Dans tous les cas facebook semble ne pas s’inquiéter de la peur du changement chez ses utilisateurs…

Retrouvez le listing de toutes les variations de ces tests sur ce lien

Pour finir en beauté, je vous laisse sur cet extrait de The Social Network de David Fincher.
Dans cette scène, Zuckerberg, interrogé sur le moment où son application sera terminée donne une réponse tellement visionnaire…

Même les daft punk clappent

• Pensez à clapper 50 fois 👏 cet article pour nous encourager à continuer.
• Pensez à vous abonner à :

francetelevisions-design

Merci à tous !