Conférence #nwxtech5 : Selenium WebDriver 2 par Romain Louvet
Conférence #nwx2014 - Alexandre Ronsaut - La conception dans le navigateur
1. Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
La Conception Web
dans le Navigateur
2. 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
3. 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
4. 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
5. 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 ?
6. 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...
7. 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
8. Alexandre Ronsaut – ApolloNet – http://apollonet.fr - @Apollo_Net
Merci à tous