Bonjour :)

Vous pouvez utiliser la flèche ↓ pour avancer,
ou cliquer sur le triangle dans le coin inférieur.

Présentation

David Leuliette

Développeur front-end • http://davidl.fr

Formateur • http://omneo-solutions.com

Création de site internet

Processus & étapes de conception

Brad Frost future friendly

Smart glass project

Juin 2012 Google annonce officiellement la sortie de la version développeur

Smartthings

Projet backed sur kickstarter en 2012

Le web est un média
en perpétuel renouvellement

Comment être :

Éfficace ?
Productif ?

Dans un contexte

Multi-appareils
Multi-résolutions
Multi-navigateurs

Less is more

Mies van der Rohe

Architecte Allemand, principalement connu pour ses conceptions au formes claires, épurées & directement compréhensibles par sa transparence.

http://webcitation.fr/

Le web est malade

A vouloir fournir trop d'informations aux utilisateurs on oublie l'essentiel :
L'internaute cherche un contenu de qualité & accessible

Génération zapette

Les gens scannent votre page s'ils ne trouvent pas l'information en moins d'une seconde, ils quittent votre site

2014 le premier accès à internet est un smartphone

Vous devez penser mobile
dès maintenant !

Les différentes
étapes de
création d'un
projet web

Découverte

Brainstoming

Rassembler les différents acteurs du projet pour un échange d'idées

La méthode Disney

Méthode de créativité qui se base sur le jeu de rôle.
Une ou plusieures personnes considèrent et examinent un problème selon trois points de vue.

La chambre du rêve

Orientée et enthousiaste, se tient à un jugement pratique, une idée ou une analyse.

La Chambre de la réalité

Point de vue pragmatique-pratique, développe des plans d'activité et examine les étapes de travail nécessaires, - mécanismes et conditions

La chambre de la critique

Provoque et examine les normes des autres. L'objectif est une critique constructive et positive qui aide à identifier les sources d'erreurs possibles.

Extrait d'un article Wikipédia

Méthode agile de gestion de projet

Développer de façon itérative & simple

SCRUM

Team Poker
Daily meeting
Sprint
Debrieffing

Organisation de développement de produits complexes sur wikipedia

Conseil de lecture : Maîtriser les risques de votre projet

Création / Gestion / Refonte
du contenu

Une étape très importante à ne pas sous estimer

Prendre le temps d'architecturer son contenu

Métiers

Chef de projet
Product owner
Rédacteurs Web
Architecte d'information
User eXperience Designer, Ergonome

Une liste complète des métiers sur metiers.internet.gouv.fr

Outils

Tableau Blanc
Post-It
War room
pearltrees.com

Conception

Croquis

Aka Sketches

Architecture des pages

Prototypages rapides

Je dessine et je publie sur responsivewireframe.tumblr.com

Miniatures

Architecture de la navigation

Création du sitemap : contenu du site web (Slickmap)

Design du contenu

Il faut mettre votre contenu au cœur de votre processus de conception.
En travaillant à partir de votre contenu réel vous gagnez du temps lors de l'intégration et évitez la "pollution".

Faire en sorte que votre contenu soit bien structuré sémantiquement ? Une bonne préparation pour votre référencement.

gathercontent.com

Surfer sur internet = livre dont vous êtes le héro

User flow

Navigation des internautes : actions possibles de vos visiteurs

Métiers

User Interface Designer
Webdesigner
Ergonome

Une liste complète des métiers sur metiers.internet.gouv.fr

Outils

Stylos ou marqueurs ? iPad ou papier ? Chacun a ses avantages.

Croquis iPad : Partageables, possible d'annuler, facile à reproduire. Abode Brush & Draw
Croquis papier : rapides et plus intuitives que les applications. Moins de chances de «réparer» les choses lors de brainstorming. Pas la tentation d'annuler.

Marqueurs sharpie