Design Digital : pour des sites qui marquent

Suivez-nous, tweetez-nous :@ntmy_fr#vadconext

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