Ixda Feedback #1 :L’intégration du design au sein d’entreprises innovantes
Mathilde Maîtredesigner, af83
[email protected]@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
[email protected]@mathildem