Conférence Seo et e-commerce SEOCamp- Alexandre SANTONI e-concept - Keeg
Conférence #nwx2014 - Alexandre Ronsaut - La conception dans le navigateur
Click here to load reader
-
Upload
normandie-web-xperts -
Category
Internet
-
view
98 -
download
0
description
Transcript of Conférence #nwx2014 - Alexandre Ronsaut - La conception dans le navigateur
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
La Conception Webdans le Navigateur
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Global Warning
● Budget First et Client Centric● Pas de prototypage● Un .psd par device● Validation de maquettes .jpg● Multiplication des documents de travail● Bricolage perpétuel● Course aux délais
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Cycle de Développement
● Content First● Tests utilisateurs
● Wireframe = Première itération● Mobile first puis Responsive
● Maquette graphique avec interactions !● États de survol, Erreurs sur un formulaire...● Codeur ET Designer (Style Tiles, Style Guide)
● Développement back en parallèle
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Conception dans l'Écosystème
● Adaptation du site à son environnement● CMS● Framework● Pré-processeur CSS● Moteur de template
● Déploiement rapide● Fonctionnel tôt● Contenus tôt
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Une Équipe en Symbiose
● Tous les métiers participent à la conception● Et communiquent
● Process non linéaire, Itérations● Git everywhere
● Une URL par version● pour Équipe, Client et Utilisateurs
● Flat organization● Inconvénient : équipe intégrée ?
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Développement Durable
● Recyclage des éléments produits● Rien n'est produit en double● Rien n'est jeté● Maquettes évoluent en livrables finaux
● Gains de temps pour la qualité● Contenus, Standards, Accessibilité,
Performance, Référencement, Sémantique, Qualité du code...
Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Ressources Naturelles
● Conception responsive : obtenir une validation sans maquettes ● Par Matt Griffin traduit sur Pompage
● Stop Designing Pages ● Par Tom Bamford publié sur Github
● HTML Wireframes● Par Brad Frost sur son blog