Cours donné à l'Université Laval de Québec

1. PROCESSUS DE
DÉVELOPPEMENT
D’UN OUTIL WEB
Par Chalifour – Agence Web

2. 1
Définir
la stratégie

3. Définir la
1 stratégie
a_ Identifier les besoins du client
b_ Identifier l’utilisateur cible
c_ Identifier les besoins de l’utilisateur
d_ Considérer les contraintes
client et utilisateur
e_ Explorer les stratégies adaptées au contexte
(mobilité, application, site Web, responsive, etc.)

4. 2
Analyse &
structure

5. Analyse
2 & structure
a_ Rédaction des contenus
b_ Lecture et révision des contenus
c_ Arborescence
d_ Analyse fonctionnelle

6. Analyse & structure
2 c_ Exemple d’une arborescence

7. 3
Design &
ergonomie

8. Design &
3 ergonomie
a_ Maquettes schématiques (Wireframes)
b_ Conception graphique
c_ Validation des choix ergonomiques
accessibilité et utilisabilité

9. Design & ergonomie
3 a_ Exemple d’une maquette schématique (Wireframes)
logo Du 5 au 15 juillet 2012 logo Du 5 au 15 juillet 2012 logo Du 5 au 15 juillet 2012
En vedette Menu Menu Artistes Menu
>
>
>
Info Médias Liens
En vedette >
LMFAO featuring Redfoo
Programmation > and the Party Rock Crew
Slider Artistes >
Billetterie >
Info pratique >
LMFAO featuring Redfoo
and the Party Rock Crew > Nouvelles >
Style : Électro Hip-Hop
Scène Bell - Vendredi 6 juillet 2012
Pays : États-Unis
Site complet | Nous joindre
Branché sur le Festival >
Dimanche, 8 juillet 2012 à 21h30
Nous joindre > Logo Scène Bell
Plaines d’Abraham
19h30
Scène Metro Le party rock s’empare des Plaines! Le populaire duo américain
LMFAO formé en 2006 débarque avec sa troupe. Plus d’une
Nom de l’artiste douzaine de personnes seront sur scène pour faire la fête au son
Pays très long... | Style de musique très lon... de cette électro-pop irrévérencieuse qu’ils créent et font retentir
19h30 partout sur la planète. Leurs chansons, qui parlent d’alcool, de sexe
et de folie, trônent tout en haut des palmarès des radios.
Nom de l’artiste
Pays très long... | Style de musique très lon... Sortez vos vêtements fluos, vos perruques afro et vos lunette
19h30 géantes, le party s’annonce survolté!

10. Design & ergonomie
3 b_ Exemple d’une maquette graphique

11. 4
Intégration &
programmation

12. Intégration &
4 programmation
a_ Analyse des maquettes graphiques
b_ Choix de la structure
(HTML5 Boilerplate, WordPress, CakePHP, etc.)
c_ Programmation des fonctionnalités
d_ Découpage des visuels
e_ Intégration de la maquette en format Web

13. Intégration & programmation
4 d_ Exemple d’un découpage de maquette

14. 5
Assurance
qualité

15. Assurance
5 qualité
a_ Tests interopérabilité (différents navigateurs)
b_ Vérifier le travail des coéquipiers
c_ Liste de points importants (Google Analytics,
balisage SEO, vérification engins de validation, etc.)

16. 6
Mise en ligne

17. Mise
6 en ligne
a_ Deuxième vague d’assurance qualité
(s’assurer que l’outil réagit de la même manière
qu’en version d’approbation)
b_ Évaluation de la satisfaction client

18. 7
Promotion

19. 7 Promotion
a_ SEM [Search Engine Marketing]
SEO : Référencement naturel (long terme)
SEA : AdWords (court terme)
b_ Médias sociaux
Interaction directe avec les internautes
c_ Blogue
Apporte du contenu frais pour nourrir les
moteurs de recherche et les médias sociaux

20. 8
Évolution

21. 8 Évolution
“ There’s an old Wayne Gretzky quote
that I love: I skate to where the puck
is going to be, not where it has been [...]. ˮ
– Steve Jobs

22. Merci :)