Un retour d'expérience présenté aux étudiants d'e-artsup, école de design multimédia, par un ancien de l'école. Une ouverture à ce qu'est un designer au sens entendu généralement pour du design industriel et en quoi cette approche s'applique au Web pour favoriser l'innovation grâce aux évolution du métier, des technos, mais aussi du management produit.

1. Retour d’expérience
par David Koss
DESIGNERS,
PRENEZ LE POUVOIR !
24 janvier 2014 @ e-artsup

2. David KOSS

32 ans, marié, un enfant
Professionnel du Web
> 14 ans
Un peu geek…


Designer dans l’âme
Codeur autodidacte


 HTML/CSS/JS + PHP/JAVA

Consultant / Manager par vocation

Mission : faciliter la conception et la
production de produits Web (qui déchirent)

3. Ancien étudiant e-art sup

Promo 2005 (the first !)

Entrée directe en 3ème
année

Cursus « e-Recherche »

Seul 3 étudiants sont
arrivés au bout
 5ème année = que des
projets

4. Programme des réjouissances

Parcours d’un ancien
 CV / Portfolio express

Design Web VS Web-Design
 Qu’est-ce qu’un designer (Web) ?
 En quoi ça n’est pas « juste » un créa…

Design Web VS Design Produit (Web)
 La Culture Produit (Mission, Vision, Valeurs)
 Approches nouvelles : Agile, Lean, Scrum…

5. PARCOURS D’UN ANCIEN
Pourquoi je suis rentré à e-art, d’où je venais et où ça ma mené ?

6. 2000
2003
FTPress
2006
Jalios
e-artsup
2009
Viadeo
DMO
PAO
Big picture
2012
Profideo

7. 1994 – 2000 (avant e-art)
Freelance PAO / Digital

8. 2000 – 2002 (avant e-art)
FTPress

9. 2002 – 2005
e-artsup

10. 2003 – 2007
Jalios

11. 2007 – 2008
Viadeo

12. 2008 – 2009
DisMoiOù

13. 2009 – 2014
Profideo (Créas)

14. 2009 – 2014
Profideo (Mockups)

15. 2009 – 2014
Profideo (ATTD / BDD)


Acceptance Test Driven Development
Behavior Driven Development

16. 2009 – 2014
Profideo (Pilotage)





Roadmaps
Backlog
Releases
Priorisations
…

17. DESIGNER (PRODUIT) WEB
VS WEBDESIGNER
Et si Starck ou Pininfarina faisaient du Web ?

18. Qu’est-ce qu’un « designer » ?




Rêveur, ambitieux, innovants
Sait créer une expérience (UX
design) tout en répondant à un besoin
Sait rester pragmatique en privilégiant le
« réalisable »
Playlist TED : Design giants (13 talks)

19. Bionic Humidifier
par Gonglue Jiang

20. Bionic Humidifier
Design process

21. Le design est partout







Design automobile
Design industriel
Design d’architecture
Design de mode
…
Design d’intéraction
Design Web ?

22. PININFARINA
Voiture, Cafetière, Montre, Plaque de cuisson, Parfum…

23. STARCK
Presse citron, meubles, freebox, casque audio…

24. Design émotionnel
avec des robots

25. Design d’interactions
au musée d’art moderne !

26. Design de produits
exceptionnels
Apple
Google
Parrot
Twitter

27. Twitter
Juste une idée géniale ?

28. Le Design au service du Web
Le Web au service du Design

Le Web n’est plus un média, mais une
fonctionnalité

Design Web et
Design d’objet s’entremêles

Services mobiles / Objets communicants
/ Internet des objets / …

29. UBER
réinvente le taxi l’expérience du taxi

30. Les techno : plus de limite,
si ce n’est l’imagination

Capteurs de toutes sorte
 Géolocalisation
 Photo, quantified-self, drones…




Cloud
Impression 3D
Crowd funding
Une bonne vidéo peut suffire à financer
un projet…

31. Projet SARAH
Par Jean-Philippe Encausse
http://encausse.wordpress.com/s-a-r-a-h/

32. DESIGN WEB VS
DESIGN PRODUIT (WEB)
Comment réconcilier le design web et les contraintes produit ?

33. Product Marketing

Rappelez-vous des 4P
 Prix / Produit / Positionnement / Promotion

Un produit qui n’est pas marketé, est un
produit mort

Comment innover ?
 Parfois un Designer se cache derrière un
« Chef de produit » (ou « Product Manager »)

34. Le designer produit
classique (1/2)
«
Le designer produit crée l’aspect visuel extérieur
d’un produit : sa forme, ses couleurs, son
ergonomie, sa taille, etc. L’objectif est de rendre
un produit attractif d’un point de vue
commercial. Le designer produit analyse les
besoins, crée le design et suit sa production avant
le lancement sur le marché et son impact sur
les consommateurs. Il est donc à la fois
ingénieur et spécialiste du marketing.
Source : Ficher métier Designer Produit (Pôle emploi)
»

35. Le designer produit
classique (2/2)
«
Placé au carrefour des contraintes techniques,
commerciales et culturelles, le designer
produit est en même temps inventeur,
artiste, technicien et ergonome. Sa
préoccupation majeure : l'étude du coût de
fabrication, l'objectif étant de créer des
objets tout en améliorant la
productivité.
Source : Ficher métier Designer Produit (Pôle emploi)
»

36. Le designer produit Web
«
Parmi les nouveaux métiers du design industriel, il en est un
que les entreprises recherchent de plus en plus, celui de designer
numérique, encore appelé « designer d’interactivité ».
L'ère numérique modifie notre rapport aux objets et à leur
fabrication. Cette nouvelle ère a un impact sur le rôle et le
travail du designer, sur la conception et l'offre des
produits.
On peut définir les objets « connectés » comme une hybridation
de produits, de services, de réseaux, d'usages que l'on trouve sous
des formes autant immatérielles (web, logiciel, système de
communication...) que matérielles (téléphone, ordinateur, télévision,
futurs objets « connectés » de la vie quotidienne).
Source : Design industriel (Wikipedia)
»

37. Le design produit comme
stratégie d’innovation (1/2)
«
C'est un PROCESSUS DE MANAGEMENT, conduit le plus souvent
par un designer, qui a pour objectif de faire avancer un projet
innovant, son cahier des charges et sa concrétisation (sous une
forme tangible ou virtuelle) […].
Ce design est d'autant plus rare :
 qu'il doit être soutenu par toute l'entreprise (du chef
d'entreprise au marketing en passant par les ingénieurs et
designers. Apple en est effectivement un exemple.
 qu'il exige un risque (commercial et marketing) puisqu'il
recherche de l'innovation et que l'inconnu fait partie de la
stratégie. La Twingo et la Smart ont eu des débuts difficiles
pour ces raisons.
Source : Design industriel (Wikipedia)
»

38. Le design produit comme
stratégie d’innovation (2/2)
«
L'innovation numérique et la diffusion
des technologies de l’information et de la
communication donnent au design une place
stratégique au cœur de la nouvelle industrie et
des grandes questions sociétales, et valorise à
nouveau la question du « que produire ».
Elle ouvre la voie à la création de nouveaux
objets, de nouveaux services, de
nouveaux usages, de nouvelles
représentations.
Source : Ficher métier Designer numérique (Pôle emploi)
»

39. Product Management +
Product Design = Innovation

Le Design produit ne peut s’inscrire
dans une réelle démarche
d’innovation, que s’il est compris
comme un processus de
management du produit

CQFD ! ;-)

40. Une tendance lourde :
Le rapprochement des métier



Produit + IT =
Product Owner
Produit +
marketing =
Product
Marketing
Manager
PO + PMM =
Product
Manager
Direction
Produit
PMM
Direction
Marketing
PM
PO
Direction
Informatique

41. Cas Viadeo :
Le couple UX / PO
http://www.wdpm.org/2013/03/27/6eme-rencontre-produit-sur-paris

42. L’esprit Lean


Recherche de productivité / efficacité
Supprimer le gaspillage
 Spécification / doc que personne ne lit
 Code, fonction, graphisme inutile…

Maximiser la valeur
Amélioration continue
Valider les hypothèses pour avancer

http://fr.wikipedia.org/wiki/Lean_IT



43. MVP (Minimum Viable Product)

Une composante du
Lean

Objectif : (in)valider
le plus tôt
possible les
hypothèses de
départ

Moyen : Produire le
minimum
nécessaire à cette
validation

44. Lean Startup

Pour les « vrai » startups, mais pas que…

Des équipes produits fonctionnent comme des startups
 Un Business Model + un investissement minium de départ
 Une Equipe complète dédiée (commerciaux, dév…)
 Un budget autonome

45. L’approche Agile

Favoriser le pragmatisme
 Mieux vaut : Livrer un produit qui fonctionne,
Coopérer (en interne et avec le client),
S’adapter…
 Plutôt que : Se plier à des processus, des outils,
un planning ou se cacher derrière un contrat


Privilégier les petites itérations
Amélioration continue (tiens, tiens…)

http://agilemanifesto.org/iso/fr/

46. Scrum : un cadre Agile

47. Scrum : diviser pour mieux régner,
mais dans le bon sens !

48. Scrum : petites équipes
soudées plutôt qu’une armée

49. Source : Scribd
Cas Spotify :
Les Features Teams

50. French Scrum User Group




Association
Rencontres /
Evènements
Meetup
ScrumDay
 10/11 avril 2014

51. Conclusion : Design Power !

Les produits Web qui déchirent sont
conditionnés par :




Une Expérience utilisateur inoubliable
Un Marketing produit parfaitement ciblé
Un management de l’innovation
Un management de la productivité

Qui d’autre qu’un Designer pour embrasser
tout ces sujets à la fois ?

Alors, Designers, prenez le pouvoir !

52. Merci !
 Questions
?
 Pour
me suivre et retrouver cette
présentation :
 Blog : WebProductDesign.com
 Twitter : @kossdav