Devops for Growth
107.5K views | +7 today
Follow
Devops for Growth
For Product Owners/Product Managers and Scrum Teams: Growth Hacking, Devops, Agile, Lean for IT, Lean Startup, customer centric, software quality...
Curated by Mickael Ruau
Your new post is loading...
Your new post is loading...

Popular Tags

Current selected tag: 'design'. Clear
Scooped by Mickael Ruau
Scoop.it!

Service Design Tools | Communication methods supporting design processes

Service Design Tools | Communication methods supporting design processes | Devops for Growth | Scoop.it
The open collection of tools and tutorials that helps dealing with complex design challenges.
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

A Periodic Table of Visualization Methods

 
 
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

10 Small Design Mistakes We Still Make –

The saying that “good design is obvious” is pretty damn old, and I am sure it took different shapes in the previous centuries. It referred to good food, music, architecture, clothes, philosophy and…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Conférence Paris Web 2015 - Vers une bonne pratique du Pair Design

Depuis quelque temps, je lis des articles sur le « pair design » et cela attise ma curiosité. Serait-ce la clé d’une expérience utilisateur réussie comme cela le suggère ou un nouveau terme à la mode ?

C'est à cette question capitale que je vais tenter de répondre, grâce au plan suivant :
- Le « pair design » : un anglicisme de plus ?
- Un produit dérivé du pair programming ?
- Concrètement, ça fait quoi dans la vie de vrais « pair designers » ?
- Et comment s’y met-on ?
- Quel intérêt pour ma société ou mon organisation ?

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

L’atomic design, une méthode de co-création prometteuse

L’atomic design, une méthode de co-création prometteuse | Devops for Growth | Scoop.it

L’Atomic Design est une méthode de design par composants, expliquée en détail par le génialissime Brad Frost.

Il part d’un constat simple : la page est un concept datant du livre et que l’on a transposé au web. Mais aujourd’hui, le design par page n’a plus sa place… On ne conçoit plus des pages mais des éléments d’interface qui vont devoir trouver leur place dans des environnements aussi bien immenses (projections sur un mur) que tout petits (écrans de montre connectée).

Get your content ready to go anywhere, because it’s going to go everywhere.

Nous ne devons donc plus penser en « écrans » ou en « pages » mais en systèmes de composants, en éléments modulaires, tout comme Google l’a fait avec le Material Design : une bibliothèque de composants qui s’adaptent aux différents supports.

Mickael Ruau's insight:

Quels sont les avantages de l’Atomic Design ?

J’en vois énormément mais je vais citer ceux qui me viennent en tête immédiatement :

Gagner du temps

  • Ne pas décliner tous les écrans (ou tous les points de ruptures pour du responsive)
  • Faire plus rapidement des tests en environnement réels et affiner ensuite
  • Pouvoir factoriser certains éléments entre le design et le développement

Garder une cohérence globale sur les éléments d’interface créés

  • Le fait de créer rapidement une StyleGuide et de fonctionner par atomes oblige à garder une vraie cohérence et à ne pas dupliquer les éléments graphiques du projet.

Mieux s’entendre avec les développeurs

  • Avoir la même logique pour la conception d’une interface que pour son développement (par exemple avec un langage commun entre leurs atomes et les nôtres).

Les allers/retours entre la style guide et les composants du designer (atomes/molécules/organismes) seront sûrement nombreux avant d’arriver au résultat final (en mode test&learn). C’est pour cela que les équipes de conception et de réalisation devront être très proches et travailler ensemble.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Les clés d'une collaboration UX / UI réussie - USABILIS

Les clés d'une collaboration UX / UI réussie - USABILIS | Devops for Growth | Scoop.it
La mise en oeuvre des méthodes de conception en ergonomie (UX) et design graphique (UI) n’est plus à démontrer pour la réussite d’un projet d’application quel qu’il soit (web
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

How to Test Prototypes with Customers: The Five-Act Interview — GV Library

How to Test Prototypes with Customers: The Five-Act Interview — GV Library | Devops for Growth | Scoop.it
Startups spend a lot of time trying to predict the future: Will people like this idea, or that idea?
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Providing 'Just Enough Design' Can Make Agile Software Delivery More Successful

Providing 'Just Enough Design' Can Make Agile Software Delivery More Successful | Devops for Growth | Scoop.it
Many new media design, advertising and games development agencies struggle to factor in graphic and experience design effectively into their agile software development methodologies.
Abstract
Nowadays, it is hard to justify a large part of a project’s design budget on three months creative direction, where screens of every potential stage of an application are mocked up before development even begins. Clients now see the risk in spending too much early on in the project as it leaves very little
No comment yet.
Rescooped by Mickael Ruau from Empathic Design: Human-Centered Design & Design Thinking
Scoop.it!

The Creative Empathy Field Guide

The Creative Empathy Field Guide | Devops for Growth | Scoop.it

#EmpathyCircles: The best #Empathy building practice.  http://www.empathycircle.com

 

Table of Contents
Part One: Creative Empathy & Its Benefits

Chapter 1: Understanding Human Experience
Chapter 2: Product-Market Fit
Chapter 3: Sustainable Innovation
Part Two: How Creative Empathy Works

Chapter 4: The Empathic Design Process
Chapter 5: The Eindhoven Empathy Model
Part Three: Increasing Empathic Ability

Chapter 6: Develop Your Emotional Vocabulary
Chapter 7: Practice Mindfulness
Chapter 8: Train as An Actor
Chapter 9: Experience Life Fully
Part Four: Increasing Proximity

Chapter 10: Get Out of The Office
Chapter 11: Simulate People’s Context
Chapter 12: Eat Your Own Dog Food
Chapter 13: Play the Role
Chapter 14: Become Your Customer
Part Five: Creative Empathy for Teams

Chapter 15: Nurture Psychological Safety
Chapter 16: Create Relatable Characters
Chapter 17: Tell Compelling Stories
Chapter 18: Include Your Team
Chapter 19: Hire Your Customer
Part Six: Final Thoughts

Chapter 20: Empathy Pitfalls and How to Avoid Them
Chapter 21: Go Forth and Create


Via Edwin Rutsch
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Service Blueprint

Service Blueprint | Devops for Growth | Scoop.it
Le service blueprint est un outil de design de produit cartographiant le parcours client / utilisateurs ainsi que tous les processus internes afférents.
Mickael Ruau's insight:

Pour construire un service blueprint, nous vous conseillons de réaliser (dans l’ordre) les actions suivantes :  

  1. Décrivez le parcours client (et/ou utilisateur) en imaginant la meilleure expérience possible. Il s’agit des “Customer actions” (Si votre produit adresse différents personas, il peut être utile de réaliser un service blueprint par cible)
  2. Identifiez les points de contact “Frontstage” c’est à dire visibles du client (ex : une interface produit, une publicité ou une interaction face à face avec un vendeur dans un magasin)
  3. Cartographiez les actions “Backstage” i.e. l’ensemble des tâches invisibles du client qui se déroule derrière la “scène” et nécessaires pour réaliser les actions “Frontstage” (ex : préparation d’un burger dans un fast food suite à une commande en caisse). Dans le cas de produit purement digitaux, il n’est pas nécessaire de détailler les actions “Backstage”
  4. Identifiez les “Support Processes”, les activités internes à l’entreprise nécessaires pour offrir la meilleur expérience au client sur les différents points de contact (ex : “commander” du pain dans le cas du fast food). Il est parfois utile de convier l’ensemble des parties prenantes directes ou indirectes du produit (support client, équipe technique…) à l’atelier de création du service blueprint pour s’aligner sur le plan d’action
  5. Listez les “Physical Evidence”, les traces concrètes de l’utilisation du produit (ex : réception d’un email ou de points de fidélité)

 
 

Pourquoi utiliser un service blueprint ?

Le service blueprint permet de

  • construire une expérience cohérente sur l’ensemble des points de contact entre vos utilisateurs et votre marque
  • sensibiliser l’ensemble des équipes internes sur l’expérience client / utilisateur

Vous pouvez utiliser un service blueprint lors de la création d’un nouveau produit ou dans le cadre de l’amélioration d’un produit existant.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Introduction à l'Atomic Design // FABERNOVEL

Introduction à l'Atomic Design // FABERNOVEL | Devops for Growth | Scoop.it

Atomic Design et agilité

L’une des clés de l’Atomic Design est de ne plus partir de la conception d’écrans mais de partir des fonctionnalités principales. A l’image des méthodologies Lean, la fin justifie les moyens.  Comment cela se traduit-il concrètement ?

Mickael Ruau's insight:

 

L’UI Kit est un fichier avec tous les composants nécessaire au développement des interfaces, fourni par le designer pour les développeurs. Avec l’Atomic Design, il ne faut plus se dire “Je fais des écrans puis je sors un UI Kit” mais “Je conçois un UI Kit pour créer des fonctionnalités et des parcours”.

 

Aussi, l’intérêt de ce type de méthode réside surtout dans sa simplicité et sa facilité de compréhension par l’ensemble de l’équipe projet, du Product owner aux développeurs et aux chefs de projet ou Scrum Masters. Il est donc parfaitement adapté aux méthodes agiles qui favorisent le travail collaboratif et la co-conception des produits. C’est pourquoi dans son livre, Frost insiste sur « le passage de l’abstrait au concret » qui est rendu possible par le système de construction étape par étape qui permet au designer de pouvoir rapidement montrer ses composants dans le contexte final.

 

L’un des avantages, non négligeable, de ce type de méthode est également qu’elle fait gagner du temps notamment grâce à la simplification de la communication entre designers et développeurs front. Grâce à l’Atomic Design et son lexique spécifique, tout le monde parle le même langage. Quand on connait les enjeux liés au time-to-market pour nos industries, c’est un sérieux avantage qui s’inscrit parfaitement dans la logique du lean, de l’itération rapide et du Minimum Viable / Loveable Product.

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Katie Dill - utiliser des récits pour concevoir - UX-REPUBLIC

Vous avez fort probablement vu passer dans votre veille les vidéos High Resolution. Mais vous n’avez potentiellement pas trouvé 45 minutes ou 1 heure pour les regarder ou écouter.

Je vous propose un retour en images sur les principaux messages de l’interview de Katie Dill, directrice de l’UX chez Airbnb.

QUE FAUT-IL SAVOIR ET FAIRE SAVOIR SUR LE DESIGN ?

  • Le design n’est pas juste l’apparence mais plutôt la façon dont ça fonctionne.
  • Le design est un processus de résolution de problèmes.
  • C’est une démarche humainecollaborative et itérative.
Mickael Ruau's insight:

Télécharger l’infographie

No comment yet.
Scooped by Mickael Ruau
Scoop.it!

User Centered Design Canvas Deconstructed

User Centered Design Canvas Deconstructed | Devops for Growth | Scoop.it
The goal every UX designer wants to achieve is to make a truly user friendly product. No matter if it’s a mobile application, a website or an interface for a household appliance — a person who will…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Concevoir et développer pour l'humain

Pourquoi il faut-il rendre nos interfaces/services/softwares plus humains ? Dans ce talk, j'aimerais exposer mon regard de designer sur la nécessité d'humanise…
No comment yet.
Scooped by Mickael Ruau
Scoop.it!

Design Kit

Design Kit | Devops for Growth | Scoop.it
Design Kit is IDEO.org's platform to learn human-centered design, a creative approach to solving the world's most difficult problems.
No comment yet.