design digital : pour des sites qui marquent
DESCRIPTION
Comment concevoir une expérience utilisateur (UX) optimale en exploitant les meilleurs pratiques du design digital actuel ? Réponse avec cette conférence réalisée dans le cadre du salon VAD.Conext 2013.TRANSCRIPT
Vos intervenants1.
Ange POZZO DI BORGOPlanneur Digital | AssociéAgence NiceToMeetYouEmail [email protected] @angepbSite www.ntmy.fr
Olivier COULONResponsable CréationAgence NiceToMeetYouEmail [email protected] @Olivier_coulonSite www.ntmy.fr
On passe aux choses sérieuses ?1.
L’expérience utilisateur :le nouveau Graal
Design VS Utilisateurs
Cliquez sur l'icône pour ajouter une image
UX : kezako ?
Objectif
Bénéfices pour l’humain
Ere de l’émotionnel
v1
v2
V3 / V4
Design Texte Interaction
Les responsables
Designkiller visuals
Branded interaction“faciliter la tâche”
Textekiller headlines
Interactionkiller move
Branded interactionSocialiser les contenus
De nombreuses fonctions
Une fonction & une
émotion
Respect de la promesse
Cohérence
Menu d’un restaurant
Opérateur téléphonique
Distributeur cinéma
Logistique
Engagement
Engagement
Engagement
Little Big Details
+ 12 %
+ 83 %
+ Pensez d’abord à vos utilisateurs. Ils vous
remercieront.
+ Laisser vos croyances de côté. Testez. Retestez.
+ Demandez-vous si votre dispositif digital vous
ressemble, et traduit ce que vous dites être.
+ Pensez en triptyque : design, texte, interaction.
THINK. Laissez une empreinte émotionnelle en optimisant l’expérience utilisateur !
+ Ux : http://uxdesign.smashingmagazine.com/2013/01/24/effectively-planning-ux-
design-projects/
+ Visions : http://uxdesign.smashingmagazine.com/2013/06/21/13-tenets-user-
experience/
+ Senior et UX : http://www.nngroup.com/articles/usability-for-senior-citizens/
+ Créer un guide du design web : http://www.adviso.ca/blog/2012/02/06/guide-de-
style-maquettes-graphiques/
+ Galerie d’interactions : http://www.matthewmooredesign.com/branded-
interactions/
+ KnobFeel, les boutons IRL : http://knobfeel.tumblr.com/
+ A/B testing, case Studies : http://www.aweber.com/blog/email-marketing/10-case-
studies-more-clicks.htm
DO. A voir, à lire.
S’y retrouver dans les dernières tendances
Design interactif
Cliquez sur l'icône pour ajouter une image
20081990 2013 2014 +
?
Back to the future
Design Mashup
iOS « flat » 7
Mobile first
Flat design
Flat design
Cliquez sur l'icône pour ajouter une image
Exemples
Minimalisme
MosaïqueAnimation légère
Typographie bruteVisuels XXL
AuthentiqueFonctionnel
FullscreenPhoto + Video
Jeu avec le cadre
Personnes authentiques
Effets discrets
ImmersionParallaxe
Mosaique
Fullscreen
Ludique
Flat
Multidevices
Old & New school
Pourquoi ?
Léger
Clarté
Responsive
Au service de contenus riches
Moins cher à produire
Fonctionnel
Cool
Cliquez sur l'icône pour ajouter une image
Oups…
Pro Social Network
Crowd- - - -ing
Rebranding
Cliquez sur l'icône pour ajouter une image
Inspirations ?
Une inspiration / jour
Crowd design
+ Simplicité oui, appauvrissement non
+ Concevoir multisupport en amont
+ Les Flasheurs sont (encore) des gens bien
+ Suivre les évolutions technologiques
+ S’inspirer sans copier
THINK. Design interactif : où en êtes-vous ?
+ Flat design VS Yahoo : http
://www.grapheine.com/divers/nouveau-logo-yahoo
+ Showcase : fltdsgn.com/
+ Interview d’un designer : blog.side-side.co.uk/flat-design-
trend/
+ Portfolios et exemples : Behance.net/
+ Awards : awwwards.com/
+ Webdesign Trends : http://www.webdesignertrends.com
DO. A voir, à lire.
+ Contact :
+ Olivier Coulon | [email protected] | 07 77 85 76 56
+ Ange Pozzo di Borgo | [email protected] | 06 18 13 01 56
+ Site : www.ntmy.fr
+ Twitter : @ntmy_fr
+ Linkedin : www.linkedin.com/company/nicetomeetyou
+ Facebook : www.facebook.com/AgenceNiceToMeetYou
+ Slideshare : http://fr.slideshare.net/angepb/
MERCI. Vous avez aimé cette conférence ? Suivez-nous de près.
Crédits photos : ThinkStock, Flickr, Graphéine
