SlideShare une entreprise Scribd logo
1  sur  36
Designers et
développeurs
UNE MEILLEURE COLLABORATION
POUR DE MEILLEURES APPS
Les designers vs les développeurs
QUI SONT-ILS ?
créative

minutieux

impulsive

provocatrice

empathique

organisé

analyste
Les armes de chacun
BLEND N’EST PAS PHOTOSHOP…
Les armes de chacun
Designer

Développeur



Guidelines



Modèle Vue Contrôleur



Sets d’icônes, Kuler



Visual Studio



Balsamiq, outils de wireframing



Notepad ++



lllustrator (icônes, logos)



Blend



Photoshop



Langage visuel



Langage objet ^^
Pourquoi sommes nous différents ?
C’EST PHYSIQUE…

?
Minutieux
Evaluateur
Précis
Organisé
Conservateur
Rationnel
Persévérant
Cohérent
Analytique

Sensible
Perfectionniste
Adaptable
Global
Empathique
Impulsif
Provocateur
Synthétique
Imaginatif
Minutieux
Evaluateur
Précis
Organisé
Conservateur
Rationnel
Persévérant
Cohérent
Analytique

Sensible
Perfectionniste
Adaptable
Global
Empathique
Impulsif
Provocateur
Synthétique
Imaginatif
Minutieux
Evaluateur
Précis
Organisé
Conservateur
Rationnel
Persévérant
Cohérent
Analytique

Sensible
Perfectionniste
Adaptable
Global
Empathique
Impulsif
Provocateur
Synthétique
Imaginatif
Les bonnes pratiques
CHACUN PEUT FAIRE UN PAS VERS L’AUTRE…
Faisons un pas vers le développeur
PS Etiquette
Quelques exemples
Quelques exemples
Quelques exemples
Quelques exemples
Quelques exemples
Pensez aux états
La pipette n’est pas mon amie
Et pourquoi pas apprendre à coder ?


http://www.codecademy.com/fr
Et pourquoi pas apprendre à coder ?


https://www.codeschool.com/
L’inspiration


Dribbble



Behance
Animations


http://capptivate.co/
50 niveaux de gris


http://colorschemedesigner.com/



http://design-seeds.com/



Kuler
Faire confiance en Kuler
Apprendre les bases


Typographie : http://willryan.us/typefun01/



Les bases du design : http://hackdesign.org/
Collaboration ne veut pas dire
sacrifice
Ça te fera de la pub…


http://salut-l-artiste.tumblr.com/
Oui mais je n’ai pas d’argent…
 Echange

 Si

de bon procédé…

application avec publicité, soyez malin!
Oui mais je n’ai pas d’argent…
Oui mais je n’ai pas d’argent…
70%

30%
Peut-on être bi ?


« The web is my canvas, but I am not a painter, I am a writer and I
create digital verbs. »



« to design an entire website in photoshop is like making a clay
model of a car. Sure, it may look great, but how do the individual
parts work in relation to each other? How comfortable are the seats?
What’s under the hood? How does it perform on the highway, in the
city, and on winding mountain roads?”



medium.com/web-design-and-development/1d21b6e63953
Avez-vous des questions ?
@RUDYHUYN
@JULIEGRI

Contenu connexe

En vedette

Présentation5
Présentation5Présentation5
Présentation5cmt3963
 
Ppl15 096
Ppl15 096Ppl15 096
Ppl15 096blogVAP
 
Décret visant l'encadrement des loyers
Décret visant l'encadrement des loyersDécret visant l'encadrement des loyers
Décret visant l'encadrement des loyersHélène Seloger
 
Agile grenoble 2012scrum_kanban on_live_agile_grenoble
Agile grenoble 2012scrum_kanban on_live_agile_grenobleAgile grenoble 2012scrum_kanban on_live_agile_grenoble
Agile grenoble 2012scrum_kanban on_live_agile_grenoblevmosnier
 
Vers une approche de sécurisation des entrepôts de données en utilisant les r...
Vers une approche de sécurisation des entrepôts de données en utilisant les r...Vers une approche de sécurisation des entrepôts de données en utilisant les r...
Vers une approche de sécurisation des entrepôts de données en utilisant les r...Salah Triki
 
Paper & Tactile Design par INK studio - Pixels Festival S01E01
Paper & Tactile Design par INK studio - Pixels Festival S01E01 Paper & Tactile Design par INK studio - Pixels Festival S01E01
Paper & Tactile Design par INK studio - Pixels Festival S01E01 Pixelsfestival
 
Long resume in French v3
Long resume in French v3Long resume in French v3
Long resume in French v3Luca Lorenzi
 
Mara ison technologies a presentation for gabon telecom french version new
Mara ison technologies a presentation for gabon telecom french version newMara ison technologies a presentation for gabon telecom french version new
Mara ison technologies a presentation for gabon telecom french version newrahul jhangid
 
Surgir, moteur de recherche des universités de Grenoble
Surgir, moteur de recherche des universités de GrenobleSurgir, moteur de recherche des universités de Grenoble
Surgir, moteur de recherche des universités de GrenobleRomain_V
 
Programme 2003 Top Croissance
Programme 2003 Top CroissanceProgramme 2003 Top Croissance
Programme 2003 Top Croissanceregionalpartner56
 
S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2
S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2
S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2Marsatwork
 
Professionnels de santé, venez exercer votre activité en Limousin !
Professionnels de santé, venez exercer votre activité en Limousin !Professionnels de santé, venez exercer votre activité en Limousin !
Professionnels de santé, venez exercer votre activité en Limousin !Julie Province
 
Concours de recrutement des assistants des universités
Concours de recrutement des assistants des universitésConcours de recrutement des assistants des universités
Concours de recrutement des assistants des universitésAhmed Ammar Rebai PhD
 
LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012
LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012
LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012Love Aludo
 
Lionel ollivier c14 eas - bilan de mandat - livret 16p - web sd
Lionel ollivier   c14 eas - bilan de mandat - livret 16p - web sdLionel ollivier   c14 eas - bilan de mandat - livret 16p - web sd
Lionel ollivier c14 eas - bilan de mandat - livret 16p - web sdCLERMONT2104EAS
 
Fiche programmes compex 3
Fiche programmes compex 3Fiche programmes compex 3
Fiche programmes compex 3casimir91
 

En vedette (20)

Présentation5
Présentation5Présentation5
Présentation5
 
Ppl15 096
Ppl15 096Ppl15 096
Ppl15 096
 
La gaité lyrique
La gaité lyriqueLa gaité lyrique
La gaité lyrique
 
Décret visant l'encadrement des loyers
Décret visant l'encadrement des loyersDécret visant l'encadrement des loyers
Décret visant l'encadrement des loyers
 
Agile grenoble 2012scrum_kanban on_live_agile_grenoble
Agile grenoble 2012scrum_kanban on_live_agile_grenobleAgile grenoble 2012scrum_kanban on_live_agile_grenoble
Agile grenoble 2012scrum_kanban on_live_agile_grenoble
 
Vers une approche de sécurisation des entrepôts de données en utilisant les r...
Vers une approche de sécurisation des entrepôts de données en utilisant les r...Vers une approche de sécurisation des entrepôts de données en utilisant les r...
Vers une approche de sécurisation des entrepôts de données en utilisant les r...
 
Rapport annuel2013 lo
Rapport annuel2013 loRapport annuel2013 lo
Rapport annuel2013 lo
 
Paper & Tactile Design par INK studio - Pixels Festival S01E01
Paper & Tactile Design par INK studio - Pixels Festival S01E01 Paper & Tactile Design par INK studio - Pixels Festival S01E01
Paper & Tactile Design par INK studio - Pixels Festival S01E01
 
Long resume in French v3
Long resume in French v3Long resume in French v3
Long resume in French v3
 
Mara ison technologies a presentation for gabon telecom french version new
Mara ison technologies a presentation for gabon telecom french version newMara ison technologies a presentation for gabon telecom french version new
Mara ison technologies a presentation for gabon telecom french version new
 
Surgir, moteur de recherche des universités de Grenoble
Surgir, moteur de recherche des universités de GrenobleSurgir, moteur de recherche des universités de Grenoble
Surgir, moteur de recherche des universités de Grenoble
 
Programme 2003 Top Croissance
Programme 2003 Top CroissanceProgramme 2003 Top Croissance
Programme 2003 Top Croissance
 
Whitacre nox aurumque
Whitacre   nox aurumqueWhitacre   nox aurumque
Whitacre nox aurumque
 
L’animation numérique de territoire
L’animation numérique de territoireL’animation numérique de territoire
L’animation numérique de territoire
 
S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2
S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2
S'ILS AVAIENT ÉTÉ PUBLICITAIRES - Saison 2
 
Professionnels de santé, venez exercer votre activité en Limousin !
Professionnels de santé, venez exercer votre activité en Limousin !Professionnels de santé, venez exercer votre activité en Limousin !
Professionnels de santé, venez exercer votre activité en Limousin !
 
Concours de recrutement des assistants des universités
Concours de recrutement des assistants des universitésConcours de recrutement des assistants des universités
Concours de recrutement des assistants des universités
 
LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012
LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012
LES DEFIS DES DROITS DE L'HOMME AU NIGERIA_LAUREATE NIGERIANE_2012
 
Lionel ollivier c14 eas - bilan de mandat - livret 16p - web sd
Lionel ollivier   c14 eas - bilan de mandat - livret 16p - web sdLionel ollivier   c14 eas - bilan de mandat - livret 16p - web sd
Lionel ollivier c14 eas - bilan de mandat - livret 16p - web sd
 
Fiche programmes compex 3
Fiche programmes compex 3Fiche programmes compex 3
Fiche programmes compex 3
 

Designers et développeurs: une meilleure collaboration pour de meilleurs Apps par Julie Grienenberger et Rudy Huyn - Pixels Festival S01E01