Ixda Feedback #1 :L’intégration du design au sein d’entreprises innovantes

Mathilde Maîtredesigner, af83

mathilde.maitre@af83.com@mathildem

Sommaire

1. Contexte2. «Apprentissage»3. Process, méthodologie et outils4. Retour d’expérience

1. Contexte 1. Présentation d’af83

1. Contexte 2. Etats des lieux : Premières impressions : des devs

C’est une équipe de développeurs qui sont tous passionnés par le code, qui ont leur propre langage et systèmes de communication. La passion dépasse leur engament professionnel en étant actifs dans des communautés open source par exemple.

1. Contexte 2. Etats des lieux : Premières impressions : des devs et.. Moi

Diplômée de l’ENSCI en mai 2009, je rentre chez af83 le 11/01/2010. Je n’ai pas d’expérience dans la création d’application web mais ma formation m’a permis de me confronter à différents territoires `; design objet, produits, interfaces et d’acquérir une culture de «projet». =>Il faudra passer par une phase d’apprentissage de compréhension du milieu, pour pouvoir m’insérer dans le process, concevoir, voire innover.

1. Contexte 2. Etats des lieux : Méthodologie de projets

Concrètement le design se définit en termes de livrables : wireframes, spécifications fonctionnelles. Des documents qui vont permettre aux clients d’avoir une première représentation de son site et qui permettront de donner des bases pr les autres corps de métiers (développeurs, graphistes)=> Collaborer avec tous pour veiller à la faisabilité entre autres.

2. Apprentissage 1. Des languages, un environnement technique

Peut-on mettre du texte dans les champs de formulaires pour aider

l'utilisateur ?

Hum, il faut voir, il y a p.e. une gem pour ça mais pas sûr...

AVANT MAINTENANT

Une gem ?ça semble pas gagné...

Peut-on mettre des placeholder sur les inputs pour

favoriser le UI ?A oui, il doit y avoir un plugin jQuery ou une gem pour çaMerci, ça peut faire un bon

pattern en plus ;)

Une phase assez longue pour comprendre les termes techniques, comment se structure, s’architectire des applications : voir du code, appréhender les langages.=> mon objectif n’est pas du tout de coder, mais de parler le même langage, d’être au coeur de la construction pour ne pas se limiter qu’à designer l’ar-chitecture de l’information et enfin de comprendre les innovations techniques afin de construire l’expérience utilisateur.

3. Process, méthodologie et outils 1. Le process

Exécution Finaliser

1Idées

Scénariser

Argumenter,discuter Sélectionner

Prototyper

interruption2

3

4

5

6

7

3. Process, méthodologie et outils 2. Les livrables

Files

name1.pdf - 08-25-10 by Abigail

List of files :

Share l Download

Upload a fileAll l Your files

Après que l'admin ait validé les changements de "Customize workspace", les autres utilisateurs sont notifiés des changements dans la salle

Video

player video

Information

Description

Lorem ipsumMeeting's Name

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut purus. Suspendisse tristique. Cras et sem at odio porttitor mattis.

ConversationsChatrooms

TweetsAdd hashtag

# Add

All users (1)

Post

LogoU.C.Engine meeting

2

1

Logo Quit the meeting

whiteboar

d

Sharing Download

1 /25

Name1.pdf

Users connected (55)

Me22 Owner

Ben123 Speaker

Pier

<Unnamed>

Meeting facilitation

Abigail123 4

<Unnamed> You 5

5

Request lead 3

3 Au clic sur le bouton "Request lead", une demande de prise de parole est envoyée à l'admin.

4 Au roll sur le pseudo d'un widget, s'affiche le picto "Conversation privée".Au clic, se lance une conversation privée entre les deux users dans le widget Conversations.

5 L'utilisateur peut modifier son pseudo (par défaut "Unnamed")

Au roll, s'affiche le contour du champAu clic, le champ à le focus pour renseigner le pseudo

Meeting facilitation Users connected (55)

Me22 Owner

Ben123 Speaker

Pier

<Unnamed>

Abigail123

Request lead<unnamed>

Meeting facilitation Users connected (55)

Me22 Owner

Ben123 Speaker

Pier

<Unnamed>

Abigail123

Request lead

Vue et Comportement du widget - Statut de l'utilisateur : Attendee

5

5.1

5.1

3. Process, méthodologie et outils 3. Un exemple d’outils : la bibliothèque de patterns

Construire une librairies ux de patterns ux et ui illustrés par des exemples dont le bénéfice est de définir des bonnes pratiques et des bases sur les-quelles s’appuyer pour construire la platefrome.=> L’exemple est celui des libriries utilisées par les devs comme «JqueryUI» : ne pas reinventer la roue sur des workflows standards et se concentrer sur les points sur lesquels il y a matiere à innover.

4. Retour d’expérience

Cadrage Architecture

Développement

Recette interne

Recette client

Production

Spécifications

mathilde.maitre@af83.com@mathildem