Upload
chalifour
View
1.713
Download
2
Embed Size (px)
DESCRIPTION
Cours donné à l'Université Laval de Québec
Citation preview
PROCESSUS DEDÉVELOPPEMENT D’UN OUTIL WEBPar Chalifour – Agence Web
Défi nirla stratégie
1
a_ Identifi er les besoins du clientb_ Identifi er l’utilisateur ciblec_ Identifi er les besoins de l’utilisateurd_ Considérer les contraintes
client et utilisateure_ Explorer les stratégies adaptées au contexte
(mobilité, application, site Web, responsive, etc.)
Défi nir lastratégie1
Analyse &structure
2
a_ Rédaction des contenusb_ Lecture et révision des contenusc_ Arborescenced_ Analyse fonctionnelle
Analyse& structure2
Analyse & structurec_ Exemple d’une arborescence22
Design &ergonomie
3
a_ Maquettes schématiques (Wireframes)b_ Conception graphiquec_ Validation des choix ergonomiques
accessibilité et utilisabilité
Design &ergonomie3
Design & ergonomiea_ Exemple d’une maquette schématique (Wireframes)3
En vedette Menu Menu >
>
logo
Site complet | Nous joindre
Slider
Du 5 au 15 juillet 2012
LMFAO featuring Redfooand the Party Rock CrewScène Bell - Vendredi 6 juillet 2012
Scène Metro
19h30
Nom de l’artisteNom de l’artistePays très long... | Style de musique très lon...Pays très long... | Style de musique très lon...19h30
Nom de l’artisteNom de l’artistePays très long... | Style de musique très lon...Pays très long... | Style de musique très lon...19h30
19h30
En vedette
Programmation
Artistes
Billetterie
Info pratique
Nouvelles
Branché sur le Festival
Nous joindre
Menu >
logo Du 5 au 15 juillet 2012
>
>
>
>
>
>
>
>
Artistes
Médias Liens
Style : Électro Hip-HopPays : États-Unis
Le party rock s’empare des Plaines! Le populaire duo américain LMFAO formé en 2006 débarque avec sa troupe. Plus d’une douzaine de personnes seront sur scène pour faire la fête au son de cette électro-pop irrévérencieuse qu’ils créent et font retentir 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.
Sortez vos vêtements fluos, vos perruques afro et vos lunette géantes, le party s’annonce survolté!
logo
Info
Menu Menu >
Du 5 au 15 juillet 2012
LMFAO featuring Redfooand the Party Rock Crew
Dimanche, 8 juillet 2012 à 21h30Scène BellPlaines d’Abraham
Logo
Design & ergonomieb_ Exemple d’une maquette graphique3
Intégration &programmation
4
a_ Analyse des maquettes graphiquesb_ Choix de la structure
(HTML5 Boilerplate, WordPress, CakePHP, etc.)c_ Programmation des fonctionnalités d_ Découpage des visuelse_ Intégration de la maquette en format Web
Intégration &programmation4
Intégration & programmationd_ Exemple d’un découpage de maquette4
Assurancequalité
5
a_ Tests interopérabilité (différents navigateurs)b_ Vérifi er le travail des coéquipiersc_ Liste de points importants (Google Analytics,
balisage SEO, vérifi cation engins de validation, etc.)
Assurancequalité5
Mise en ligne
6
a_ Deuxième vague d’assurance qualité(s’assurer que l’outil réagit de la même manièrequ’en version d’approbation)
b_ Évaluation de la satisfaction client
Miseen ligne6
Promotion7
a_ SEM [Search Engine Marketing]SEO : Référencement naturel (long terme)SEA : AdWords (court terme)
b_ Médias sociauxInteraction directe avec les internautes
c_ BlogueApporte du contenu frais pour nourrir lesmoteurs de recherche et les médias sociaux
Promotion7
Évolution
8
“ There’s an old Wayne Gretzky quotethat I love: I skate to where the puckis going to be, not where it has been [...]. ˮ – Steve Jobs
Évolution8
Merci :)