Blend Web Mix 2016 – Le compte rendu de Vân – Jour 2

Après la première journée de Blend Web Mix, je me suis concentrée sur les conférences axées sur la technologie et le design.

Voici un résumé de la suite des conférences auxquelles j’ai participé :

10- État de l’art de ES2015+ dans Node.js et le navigateur

Animé par Christophe Porteneuve

Cette conférence (très technique) a permis un tour d’horizon des technologies les plus en vogues actuellement (front-end et back-end) : Autour de l’ECMAScript, l’auteur recommande différentes technologies : Babel, Visual Studio Code, Electron, JetBrains, CodePen, JSFiddle, Cloud9, Browserify, Webpack, Rollup, Gulp, Grunt, TypeScript…

Voir sa présentation ici

11 – La Culture Google en 6 outils

Animé par Pascal Corpet

Ayant travaillé chez Google, Pascal Corpet nous présente les valeurs et la culture Google à travers ces (bonnes) pratiques internes :

1. Snippets : logger ses progrès de manière ouverte
2. CodeSearch : code accessible par tout le monde
3. Ideas : partager ses idées en interne
4. Badges : collecter des badges (comme des médailles) sur différentes thématiques
5. EasyOKRs : publier ses objectifs de manière ouverte
6. TotT : une tribune technique dans un endroit insolite
7. http://go/ : des URL courts, lisibles et faciles à mémoriser
8. Kudos : féliciter ses collègues publiquement
9. MemeGen : des news internes et externes en memes

Ces pratiques/outils ont pour objectif de faire circuler et adopter les valeurs de Google, dans toutes les strates de l’entreprise : la transparence, la fun theory, l’esprit positif, la bienveillance envers autrui, une volonté d’amélioration continue, la recherche de performance et l’esprit d’initiative.

Voir sa présentation ici

12 – Aidez moi à remplir vos formulaires mobile !

Animé par Stéphanie Walter

Super présentation de Stéphanie Walter ! Elle a détaillé une liste de bonnes pratiques à appliquer, et de problèmes à anticiper pour la mise en place de formulaires sur mobile (mais valable finalement également sur desktop).

• Réduire le nombre de champs peut aider (n’hésitez pas à faire un A/B testing)
• Mettre des labels clairs, concis au dessus des champs en format portrait, et à gauche en format paysage
• Ajouter des descriptions pour aider à remplir les champs
• Attention aux placeholders qui apportent souvent de la confusion
• Penser à la taille des champs, des boutons et aux retours au touch
• Utiliser les menus déroulants en derniers recours – Prévenir des erreurs tout au long du remplissage
• Attention aux messages d’erreur – Tester !

Voir sa présentation ici

13 – Un site web pour liseuse

Animé par Agnès Haasser

La conférence portait sur la compréhension des contraintes liés à une navigation sur un site web depuis une liseuse :

• pas de couleur
• pas de niveau gris subtile
• pas de scroll > il faut mettre des paginations partout (logique)
• pas d’animation
• pas de SVG …

Créer un site web pour une liseuse : quelle idée ! 😉

14 – Designing with protocoles – retour au fondamentaux des relations humaines appliqués à l’UX / CX

Animé par Christophe Cotin Valois

Qu’est-ce qu’un protocole ?

Nous nous conformons tous au quotidien à des protocoles dans notre usage d’outils ou utilisation de services (qui comprennent souvent différents mini-protocoles). Par exemple : retirer de l’argent d’une borne automatique, regarder un DVD, s’inscrire sur un site Internet…

Les protocoles sont la clé de l’innovation ! 5 règles à retenir :

1. Identifier & délimiter les protocoles liés à l’usage du service
2. Optimiser le plus possible pour maintenir l’attention
3. Penser en flow : séquence modulaire & services responsives
4. Identifier des technologies capables de réduire les protocoles
5. Tracker chaque protocole pour obtenir des KPI de retours d’expérience

15 – La Data Visualization

Conférence de Romain Vuillemot

Animé par Romain Vuillemot

Les données d’aujourd’hui ne sont plus accessibles seulement sur des tableaux de chiffres, ou des graphes simples sous forme de camembert. On peut aller très loin dans le traitement, l’analyse et la visualisation des données. Romain nous a expliqué comment les données peuvent être traitées, présentées, parfois manipulées : exploitation par des non « data scientist », visualisation de schémas de données complexes, mise en place d’infographie ludique…  Quelques outils disponibles pour la visualisation de data : d3js, vega-lite, brunel, NVD3…

Voir sa présentation ici

Merci à Blend Web Mix et à acti pour ces deux jours 100% digital.

Rendez-vous l’année prochaine pour encore plus de nouveauté !

Nounours acti prend son déjeuner au Blend Web Mix 2016