SIO-6021 : Design des interfaces en affaires électroniques

SIO-6021 : Design des interfaces en affaires électroniques NRC 19290 Hiver 2012 Temps consacré : 1-0-8 Crédit(s) : 3 Ce cours traite principalement des principes généraux dans le design des interfaces, tels les caractéristiques des utilisateurs; leurs tâches et environnement; les caractéristiques des interfaces et outils (graphiques, multimédias, etc.); les règles et principes de design; la structure de pages Web; la présentation de l'information; l'évaluation de la qualité des interfaces et les exemples de bons et mauvais design. Enseignant : Marie-Christine Roy Plage horaire : Sur Internet - 00h00 à 00h00 Du 9 janv. 2012 au 20 avr. 2012 Site de cours : https://www.portaildescours.ulaval.ca/ena/site/accueil?idsite=15504 Coordonnées et disponibilités Marie-Christine Roy Enseignante., coordonnatrice du cours Pavillon Palasis-Prince, local 2523 Marie-Christine.Roy@fsa.ulaval.ca 418-656-2131 poste 7654 418-656-2624 Disponibilités : Sur demande par courriel. Soutien technique : Comptoir d'aide APTI (FSA) Palasis Prince, Local 2215-B http://www.fsa.ulaval.ca/azimut caa@fsa.ulaval.ca 418-656-2131 poste 6258 Université Laval Mis à jour le 12 janv. 2012 18:16 Page 1 de 10

Sommaire Description du cours... 3 Introduction... 3 Objectif général du cours... 3 Objectifs spécifiques du cours... 3 Liens avec les buts et objectifs du programme... 3 Approche pédagogique... 4 Encadrement... 4 Contenu et activités... 4 Évaluations et résultats... 5 Liste des évaluations sommatives et formatives... 5 Informations détaillées sur les évaluations sommatives... 5 Travail séance 1... Travail séance 2... Travail séance 3... Travail séance 4... Travail séance 5... Travail séance 6... Travail séance 7... Travail séance 8... Travail séance 9... Participation aux forums de discussion et aux pointeurs... Projet de session... Examen final... Barème de conversion... 8 Étudiants ayant un handicap,un trouble d apprentissage ou un trouble mental... 8 Plagiat... 9 Règles disciplinaires... 9 Gestion des échéances et des retards... 9 Ordinateur portatif et exigences logicielles... 9 Évaluation de l'enseignement... 10 Matériel didactique... 10 Médiagraphie et annexes... 10 Université Laval Mis à jour le 12 janv. 2012 18:16 Page 2 de 10

Description du cours Introduction Avec au-delà de 190 millions de noms de domaine en 2010, l utilisateur ou le consommateur ne s est jamais trouvé devant une aussi vaste étendue de possibilités. Dès lors, pourquoi devrait-il perdre son temps sur un site confus, lent ou qui ne satisfait pas ses besoins? L utilisateur du Web fait preuve en général d impatience et s il ne peut figurer comment utiliser un site Web très rapidement, il s en ira ailleurs. D autre part, si l on prend en compte le développement des Intranets ou celui des applications Web de type business-to-business, plusieurs recherches ont mis en évidence l importance d améliorer l efficacité de ces systèmes de même que la facilité d apprentissage de leur utilisation. Objectif général du cours Le cours Design des interfaces et commerce électronique a pour objectif de fournir aux étudiants les connaissances en matière d interaction humain-machine nécessaires à la conception de sites Web de commerce électronique. Ce cours est centré sur la connaissance de l utilisateur et sur le concept d utilisabilité. Objectifs spécifiques du cours Au terme du cours, l étudiant devrait être en mesure de maîtriser les aspects suivants de la conception de sites Web de commerce électronique : détermination des besoins et des caractéristiques de l utilisateur; les méthodes d analyse de tâches; connaissance des règles et guidelines existantes; planification et développement du contenu informationnel des sites Web; rédaction du contenu informationnel et prise en compte des aspects internationaux; recours aux tests et prototypages; évaluation de sites Web; Le design de la formation en ligne. Liens avec les buts et objectifs du programme Matrice du programme MBA : Degré d'atteinte dans le cours 1 Méthode d'évaluation utilisée 2 1. Résoudre des problèmes complexes en contexte d'incertitude Amorce Travaux et projet 2. Communiquer efficacement Développement Travaux, projet, forum 3. Gérer des équipes de travail Développement Projet 4. Reconnaître les principaux enjeux sur les scènes locales et internationales Amorce 5. Démontrer des aptitudes de leadership N/A N/A 6. Utiliser les technologies de l'information et de la communication dans la conception, le design, le développement et la gestion des organisations Développement Toutes les activités d'apprentissage 7. Favoriser l'adoption d'un comportement socialement responsable Amorce Travaux et Université Laval Mis à jour le 12 janv. 2012 18:16 Page 3 de 10

projet Matrice du programme M.Sc. : «1 L amorce veut dire qu un apprentissage commence à se manifester chez l étudiant en lien avec les buts ou les objectifs du programme. En développement indique des acquis identifiables en relation avec l apprentissage de ces mêmes buts et objectifs. L intégration indique que l apprentissage des buts et objectifs est compris et appliqué de manière pertinente à une variété de contextes ou de situations nouvelles. Un cours donné peut couvrir un ou plusieurs buts et objectifs de programme. Aussi, un cours peut amorcer l apprentissage d un but et intégrer l apprentissage d un autre, selon les habiletés et les compétences visées par le cours.» «2 Nous faisons référence ici à la méthode d évaluation utilisée dans le cours pour évaluer le degré d atteinte du but du programme, par exemple : étude de cas, question ouverte à l examen, projet, portfolio, quiz, etc. Ces mêmes méthodes d évaluation pourraient être utilisées pour collecter des données pour l Assurance of Learning.» Approche pédagogique Le cours de Design des interfaces et commerce électronique est conçu pour être suivi en mode autonome. Le contenu du cours est divisé en 9 séances. Le matériel pédagogique est disponible sur le site du cours dans WebCT. Ce matériel comprend, pour chacune des séances, une présentation multimédia de ~20 minutes, des pointeurs sur des lectures essentielles et obligatoires et d autres sur des éléments de complément qui permettent d approfondir les notions développées dans chacune des thématiques. Il est recommandé de visionner en premier lieu la présentation multimédia. Cette présentation développe quelques points essentiels et vous guidera dans vos lectures. Encadrement Le calendrier de travail proposé dans la section Contenu du cours est adaptable selon votre horaire. En effet, la formule d'enseignement vous permet d'apprendre selon l'horaire qui vous convient. Toutefois, en adoptant un rythme d'apprentissage régulier dès le début de la session, vous serez en mesure de respecter les échéances du cours, vous pourrez utiliser le levier de votre communauté d apprentissage pour vous aider dans votre démarche d apprentissage et vous pourrez bénéficier d'une rétroaction de l enseignant sur la matière en cours. La personne inscrite reste bien sûr la seule gestionnaire de son temps, mais elle s'engage à remettre les travaux notés aux moments prescrits sous peine de sanction. L enseignant vous fournira des rétroactions sur les travaux hebdomadaires et vos questions via le forum général. Évidemment, vous pourrez communiquer avec votre enseignant par courriel pour lui poser des questions plus personnelles. Concernant les forums de discussion, l enseignant y lancera des questions de débat à toutes les semaines. Vous êtes invités à soumettre des votre opinion, après avoir pris connaissance de contributions des autres étudiants. C est un lieu d apprentissage où l erreur est permise. Remarque par rapport à l encadrement : L enseignant lira tous les messages sur les forums et visitera le site du cours à tous les jours ouvrables, donc les délais dans les réponses à vos questions devraient être assez courts. Contenu et activités Le tableau ci-dessous présente les semaines d'activités prévues dans le cadre du cours. Titre Date Séance 01 : Introduction au design des interfaces de sites Web Séance 02 : Caractéristiques et besoins de l utilisateur Séance 03 : Caractéristiques et besoins de l utilisateur (suite) Séance 04 : Structure des sites Web Séance 05 : Contenu Université Laval Mis à jour le 12 janv. 2012 18:16 Page 4 de 10

Séance 05 : Contenu Séance 06 : Rédaction Séance 07 : Prototypage Séance 08 : Évaluation Semaine de lecture Séance 09 : e_formation Séance 10 : Examen final en salle Note : Veuillez vous référer à la section Contenu et activités de votre site de cours pour de plus amples détails. Évaluations et résultats Liste des évaluations sommatives et formatives Sommatives Titre Date Mode de travail Pondération Travaux individuels (Somme des évaluations de ce regroupement) 20 % Travail séance 1 Dû le 15 janv. 2012 à 23h00 2,22 % Travail séance 2 Dû le 22 janv. 2012 à 23h00 2,22 % Travail séance 3 Dû le 29 janv. 2012 à 23h00 2,22 % Travail séance 4 Dû le 5 févr. 2012 à 23h00 2,22 % Travail séance 5 Dû le 12 févr. 2012 à 23h00 2,22 % Travail séance 6 Dû le 19 févr. 2012 à 23h00 2,22 % Travail séance 7 Dû le 26 févr. 2012 à 23h00 2,22 % Travail séance 8 Dû le 4 mars 2012 à 23h00 2,23 % Travail séance 9 Dû le 18 mars 2012 à 23h00 2,23 % Participation aux forums de discussion et aux pointeurs À déterminer 10 % Projet de session Dû le 15 avr. 2012 à 23h00 En équipe 30 % Examen final Le 15 avr. 2012 de 9h00 à 11h50 40 % Remise des travaux Les travaux reçus avec retard (après minuit) seront pénalisés d un point. Il vous est donc fortement déconseillé d'utiliser des services de messagerie tels que Hotmail, Yahoo et autres qui posent fréquemment des problèmes de distribution/réception des courriers. Informations détaillées sur les évaluations sommatives Travail séance 1 15 janv. 2012 à 23h00 Lisez le texte de Jacob Nielsen, ensuite, lisez quelques commentaires sur le forum de http://www.grographics.com/usabilitysucks/usesucks.html et commentez sur la position (controversée) de l'auteur. Université Laval Mis à jour le 12 janv. 2012 18:16 Page 5 de 10

Travail séance 2 1. 2. 22 janv. 2012 à 23h00 Décrivez le profil et dresser une liste des tâches des utilisateurs potentiels d un site de recherche d une maison résidentielle (ex : http://www.remax-quebec.com) vous servant de 2-3 personnes de votre entourage. Attention, votre description des tâches ne doit pas être liée à l'utilisation d'un site. A cette étape, vous voulez simplement comprendre les activités que les gens font lorsqu'ils cherchent une maison. Travail séance 3 29 janv. 2012 à 23h00 Avec un des formalismes d'analyse de tâche (hiérarchique, processus, GMOS), décrivez les étapes incluses dans la tâche d'un achat de maison: Avec un agent ou en visitant des quartiers Sur un site tel que http://www.remax-quebec.com Travail séance 4 5 févr. 2012 à 23h00 Le travail de cette semaine fait référence au site du Vatican, que vous trouverez à l'adresse suivante : http://www.vatican.va/phome_fr.htm Décrivez comment la structure du site est bien ou mal représentée dans la page d'accueil. Évaluez les stratégies de navigation dans ce site. Quelles sont les métaphores utilisées? Évaluez leur utilité. Évaluez les couleurs, formes et la disposition de l'information dans ce site. Travail séance 5 12 févr. 2012 à 23h00 Il est mentionné dans le matériel de cours de cette semaine qu'il y a trois grandes catégories de site (B2B, B2C et B2E ou intranet). Quels sont les différences que l'on doit retrouver dans le processus de design et dans les objectifs du design entre les 3 catégories? Travail séance 6 19 févr. 2012 à 23h00 Lors d'une approche de mondialisation, discutez des avantages et inconvénients d'un design de site standardisé versus individualisé par pays ou groupe culturel. Université Laval Mis à jour le 12 janv. 2012 18:16 Page 6 de 10

Travail séance 7 26 févr. 2012 à 23h00 Choisissez deux sites dans la liste suivante. www.remax-quebec.com www.suttonquebec.com http://duproprio.com www.sia.ca www.royallepage.ca/francais www.lacapitalevendu.com Faites un test du processus de recherche de maison avec deux personnes de votre entourage (les deux personnes testent les deux sites, dans un ordre inversé). Dans votre travail, décrivez ce que vous avez fait et les résultats observés. Travail séance 8 4 mars 2012 à 23h00 Pondération : 2,23 % Choisissez deux sites (différents) dans la liste de la semaine 7. Choisissez deux méthodes d'inspection et utilisez-les pour évaluer les deux sites. Décrivez ce que vous avez fait et les résultats observés. Travail séance 9 18 mars 2012 à 23h00 Pondération : 2,23 % Pour un domaine de votre choix, élaborez un plan de e-formation en spécifiant le style d apprentissage que vous allez privilégier, les outils, le type de support et les paramètres de design. Justifiez vos choix en fonction des caractéristiques du domaine et le style d'apprenants. Participation aux forums de discussion et aux pointeurs À déterminer Tout au long de la session. Pondération : 10 % Remise de l'évaluation : Via les forums de discussion appropriés. En ce qui concerne la participation au cours, vous devez être un participant actif et contribuer aux discussions. Des critères utiles pour mesurer une participation appropriée comprennent : est-ce que l étudiant(e) est à l écoute? est-ce que les interventions sont pertinentes à la discussion (ce qui dépend bien sûr du point précédent) et reliées aux commentaires des autres participants? est-ce qu il y a un désir de participer, de tester de nouvelles idées, ou est-ce que tous les commentaires sont prudents (par exemple, répétition de commentaires de d autres ou du contenu des lectures)? Enfin, il est important de bien comprendre que le forum est un outil qui doit vous permettre de progresser dans la compréhension et la maîtrise de la matière enseignée. La publication sur le forum de messages peu pertinents, voire futiles, ne sera donc pas prise en compte lors de l'évaluation. La participation aux forums doit se faire au même rythme que les dates prévues pour les séances. De plus, les publications doivent prendre en compte de fil de la discussion en cours. Université Laval Mis à jour le 12 janv. 2012 18:16 Page 7 de 10

Projet de session 1. 2. 3. 4. 5. 15 avr. 2012 à 23h00 En équipe Pondération : 30 % Introduction Le projet de session permet aux étudiants qui suivent le cours d'approfondir la matière en réalisant un projet en design des interfaces. Objectif De mettre en pratique les notions de design et d'évaluation vues dans le cours de Design des interfaces en affaires électroniques. Travail à faire Préparer un rapport qui décrit le processus de conception un site Web pour une application concrète (il faut que vous ayez accès à des vrais utilisateurs potentiels). Les étudiants peuvent travailler seuls ou en groupes de 2 ou 3 personnes. Date limite de remise du rapport : À convenir avec le professeur. Contenu du rapport Description générale de l'entreprise et des objectifs du site Web à concevoir. Description des utilisateurs (tâches, besoins, caractéristiques) et des méthodes utilisées pour cueillir l'information sur ces derniers. Description de la structure générale du site (avec panoramas d'écrans) avec une justification des choix de design. Description des méthodes d'inspection utilisées pour évaluer le site et des résultats obtenus. (Vous pouvez décrire l'évolution de votre design suite à l'exercice d'évaluation et de test) (Les étudiants sont encouragés à échanger leur design avec d'autres équipes pour obtenir un point de vue plus neutre lors de l'inspection). Description des tests effectués auprès des utilisateurs : quels ont été les utilisateurs tests, méthodes utilisées, résultats obtenus. Le rapport vise à décrire les étapes de votre travail au professeur. Incluez-y donc toute l'information susceptible de montrer comment vous avez exécuté votre projet. Tenez un journal de bord pour noter les évènements, réunions de travail, difficultés rencontrés, etc Examen final Date : Le 15 avr. 2012 de 9h00 à 11h50 Pondération : 40 % Remise de l'évaluation : En classe L endroit où aura lieu cet examen sera indiqué sur la page d accueil du site Web du cours en temps utile. Les étudiants qui habitent à plus de 100km de Québec peuvent faire l'examen à distance; celui-ci devra être organisé au préalable avec la Direction générale de la formation continue (DGFC). Barème de conversion Cote % minimum % maximum A+ 95 100 A 90 94,99 A- 85 89,99 Cote % minimum % maximum C+ 65 69,99 C 60 64,99 E 0 59,99 B+ 80 84,99 B 75 79,99 B- 70 74,99 Université Laval Mis à jour le 12 janv. 2012 18:16 Page 8 de 10

Étudiants ayant un handicap,un trouble d apprentissage ou un trouble mental Les étudiants qui ont une lettre d Attestation d accommodations scolaires obtenue auprès d un conseiller du secteur Accueil et soutien aux étudiants en situation de handicap (ACSESH) doivent informer leur enseignant au début de la session afin que des mesures d accommodation en classe ou lors des évaluations puissent être mises en place par leur direction de programme. Ceux qui ont une déficience fonctionnelle ou un handicap, mais qui n ont pas cette lettre, doivent contacter le secteur ACSESH au 656-2880, le plus tôt possible. Le secteur ACSESH vous recommande fortement de vous prévaloir des services auxquels vous avez droit afin de pouvoir réussir vos études, sans discrimination ni privilège. Pour plus d information, voir la Procédure de mise en application des mesures d accommodations scolaires à l adresse suivante : https://www.aide.ulaval.ca/cms/accueil/situations_de_handicap. Plagiat La FSA ne tolère pas les comportements non conformes à l éthique. Le Règlement disciplinaire à l intention des étudiants de l Université Laval fait état de près d une vingtaine d infractions relatives aux études passibles de sanctions. Vous connaissez sûrement les fautes les plus courantes, mais saviez-vous que copier des phrases d un ouvrage papier ou d un site Web sans mettre les guillemets ou sans mentionner la source constitue deux de ces infractions passibles de sanctions? Ou encore qu il est interdit de résumer l idée originale d un auteur en l exprimant dans ses propres mots sans en mentionner la source ou traduire partiellement ou totalement un texte sans en mentionner la provenance. Afin d éviter de vous exposer à des conséquences allant de l attribution d un échec dans un cours au congédiement de l Université, consultez le site Web suivant : http://www.fsa.ulaval.ca/plagiat. Vous y trouverez toute l information utile pour prévenir le plagiat. Règles disciplinaires Tout étudiant qui commet une infraction au Règlement disciplinaire à l intention des étudiants de l Université Laval dans le cadre du présent cours, notamment en matière de plagiat, est passible des sanctions qui sont prévues dans ce règlement. Il est très important pour tout étudiant de prendre connaissance des articles 28 à 32 du Règlement disciplinaire. Celui-ci peut être consulté à l adresse suivante : http://www.ulaval.ca/sg/reg/reglements/reglement_disciplinaire.pdf Gestion des échéances et des retards Les travaux seront transmis via le site Web du cours et ce, au plus tard à la date indiquée de remise des travaux. Vous trouverez ces dates sur le site du cours. Les travaux reçus avec retard (après minuit) seront pénalisés d un point. Il vous est donc fortement déconseillé d'utiliser des services de messagerie tels que Hotmail, Yahoo et autres qui posent fréquemment des problèmes de distribution/réception des courriers. Cependant, il est entendu que certaines circonstances exceptionnelles peuvent empêcher l'étudiant de remettre une évaluation dans les délais prescrits. Dans ce cas, il est de la responsabilité de l étudiant d en avertir l enseignant le plus tôt possible afin de négocier une extension ou d envisager des alternatives. Ordinateur portatif et exigences logicielles La responsabilité incombe à l étudiant d avoir un ordinateur portatif compatible avec l environnement de la FSA afin de participer aux activités d apprentissage ou d évaluation du cours (ex : simulation de gestion, quiz en ligne, Securexam, etc.) se déroulant en classe comme en dehors de la classe. Voici les exigences logicielles minimales à respecter pour être compatible avec l environnement FSA : Système d exploitation : Windows 7, Vista ou XP Suite bureautique : Microsoft Office 2007, 2003, XP OU 2000 : Word, Excel, PowerPoint Université Laval Mis à jour le 12 janv. 2012 18:16 Page 9 de 10

Navigateur : Internet Explorer 7.0 et plus Évaluation de l'enseignement À la fin de ce cours, la Faculté procédera à l évaluation sommative du cours afin de vérifier si la formule pédagogique a atteint ses buts et si vous êtes satisfait en recueillant vos commentaires et vos suggestions. Durant la session, un lien hypertexte sera ajouté sur la page d accueil du site Web de cours. Ce lien vous mènera vers un questionnaire d'évaluation qui permettra d'améliorer ce cours. Cette dernière étape est très importante et les responsables du cours vous remercient à l'avance pour votre collaboration. Veuillez noter que cette évaluation est confidentielle. Lien vers le système d'évaluation de l'enseignement. Matériel didactique Cette section ne contient aucune information. Médiagraphie et annexes Cette section ne contient aucune information. Université Laval Mis à jour le 12 janv. 2012 18:16 Page 10 de 10