0 – Contrôle Continu

Author(s) : Jean-Eric PELET

MAJ : 07/12/2012

Objectif

Travail attendu pour le 01/02/2013 – 17h00

Travail individuel consistant à concevoir un site web destiné à présenter une enquête relative à la crédibilité des sites d’avis en jouant sur les techniques vues en cours de conception de sites web.

  • HTML
  • Images (retouche/création)
  • CSS (couleur/typo)
  • FTP

Le site créé traitera du sujet de votre choix. Ses visiteurs pourront le parcourir et répondre à une enquête qui sera insérée dans votre site sous la forme d’une IFRAME.

Cette adresse ne peut être modifiée !

  • L’objectif de ce travail consiste à créer une ambiance correspondant à l’objet de votre site (sujet ouvert à partir du moment où il intègre l’enquête située sur la page indiquée).
  • Il faudra modifier la feuille de style pour permettre l’insertion de l’enquête au sein de votre site. Il ne s’agit pas d’insérer un lien vers l’enquête sur votre site, mais bien d’intégrer le carré blanc de l’enquête (voir l’image) en modifiant sa couleur, sa typographie:

 

  • L’URL vers votre site web apparaîtra sur le tableur excel de la classe dont le lien est situé sur la page d’accueil (logo à cliquer).
  • La page que vous allez créer sera considérée comme une Landing Page reliée à un CMS type WordPress ou Blogger.
  • Les sites qui intègreront une typographie particulière (utilisation de CUFON par exemple), permettant que le texte soit parfaitement adapté à l’objet de votre site seront ré-évalués, dans le cadre du cours de rédaction sur le web.
  • La stratégie déployée pour théâtraliser votre site web sera expliquée sur une page accessible depuis un lien "Stratégie" placée sur votre site.
  • La page Stratégie présentera une justification d’environ une page maximum sur ces points :
    1. Justification du choix des couleurs, contraste coloré d’au moins 8.1 attendu, en référence à cette page : http://gmazzocato.altervista.org/fr/colorwheel/wheel.php favorisant la lisibilité. Attention aux contrastes négatifs (clair sur foncé). Les 4 couleurs des liens (non cliqué, survolé, en cours de clic, cliqués) seront explicités.
    2. Justification du choix de la typographie, en allant chercher des typos sur Dafont, et en utilisant CUFON, ou Google Font. Le but étant d’attirer l’oeil en jouant sur l’originalité du choix des couleurs et de la typographie pour se différencier, attirer le regard et capter l’attention, tout en favorisant la lisibilité. Il faudra justifier du "fit" entre votre typographie et votre sujet (l’objet de votre site) afin qu’il y ait une bonne adéquation entre les deux.
    3. Justification de l’ambiance visuelle et/ou sonore créée grâce à des indicateurs paralinguistiques bien pensés.
    4. Justification de l’aspect "Responsive Design" du site, en expliquant les tests que vous avez effectués pour vous en assurer.
    5. Présenter le scénario de navigation sous la forme d’une image expliquant comment les visiteurs vont pouvoir aborder votre site (référence à l’article : Website Morphing).
    6. Stratégie Web Analytics mise en place (plus de 3000 Hits attendus depuis la création de vitre site web) : expliquer comment vous comptez gagner de l’argent avec votre site grâce à la publicité ou grâce à l’affiliation, et pour cela, mettre en place un widget analytics sur votre site web, que vous présenterez en expliquant quelle est l’audience de votre site, et comment vous comptez en faire bon usage. Référencement : Page Rank de 2 au minimum attendu pour votre site.

Hébergement

  • Vous pouvez héberger votre site sur http://cuccfree.com/ (placer vos fichiers dans le répertoire https)

Ressources

Objectif

Produire

Bon courage.

FAQ

Question : Le devoir à faire "conception de site" avec l’intégration du questionnaire est à rendre pour quelle date ?

> 20/12/2012, 17h00

Sur la page de kmcms.net, vous aviez mis 3 liens (questionnaire, image de fond et feuille de styles) mais on est pas obligé de tous les reprendre ? (exemple : l’image de fond)

> tout à fait

Dernière question, la stratégie de notre site web peut être libre et factice ?

> oui

C’est à dire, je peux me faire passer pour une agence qui fait des études (ou UFC Que choisir), ou bien, dire que "si vous répondez à ce questionnaire, 1 euro sera renversé à tel association" pour inciter les internautes à y répondre gratuitement.

> si c’est vrai, oui, sinon, la CNIL vous retrouve et vous accompagne au poste.

0 – PLAN DE COURS


Author(s) : Jean-Eric PELET

AGENDA

Section Marketing et Systèmes d’Information

Agenda | PRESENTATION

  • Systèmes d’Information : présentation de l’Interaction Homme Machine (IHM) / de l’ergonomie / de l’utilisabilité Quelles sont les origines de cette science et son but.
  • Marketing : Présentation de l’atmosphère (théatralisation de l’offre). Marketing sensoriel / comportement de l’homme derrière un écran, que ce soit dans le cadre professionnel ou dans le cadre de la consommation.
  • Design : Analyse visuelle des interfaces / Rédaction à l’écriture sur le web. Explication quant à la transversalité de ces disciplines dans le cadre du cours. Pourquoi ne peut-on dissocier ces trois domaines de compétence ?

Agenda | OBJECTIFS PEDAGOGIQUES Présenter les bases issues de l’ergonomie et des sciences orientées "IHM" permettant dans la phase de conception d’un SI de préparer l’interfaçage d’un site Internet, d’un Intranet, d’un Extranet etc.

Agenda | DEROULEMENT DU COURS Trois séances basées sur un outil : un site Internet (http://www.kmcms.net) dont l’inscription est fortement conseillée servira de structure au cours. Aucun document papier ne sera distribué.

Agenda

Séance 1 : Ergonomie : Présentation et mise en page

Agenda | OBJECTIF DE LA SEANCE

Ergonomie – Design – Usabilité

Constat

Le ONLINE bat le OFFLINE

Christian Dussart Senior Lecturer à Sloan School of Management, MIT et Co-Director of the Digital Business Strategy track Texte à lire sur la revue : Décisions Marketing N°31 Juillet-Septembre 2003, p.95 Résumé : Pour la 2ème année consécutive, l’entreprise de commerce électronique Amazon vient d’enregistrer l’indice de satisfaction le plus élevé auprès des consommateurs américains tous secteurs confondus : 88/100 ! La catégorie du CE enregistre un indice moyen de satisfaction significativement plus élevé que celui du commerce de détail traditionnel. Dans le secteur du commerce de détail aux USA, le virtuel l’emporte sur le brick & mortar : le "offline" bat le "online". Apres le chaos des années Nasdaq et les annonces peu sérieuses des détracteurs de la nouvelle économie, les choses sont en train de se replacer et de se consolider. Le CE est là pour rester, tout comme le e-business. Les internautes consommateurs vivent une experience de consommation plaisante et gratifiante. Pourquoi ?

Les modèles d’affaire à faible coût accroissent la qualité du processus de livraison des produits et des services aux consommateurs. Faire mieux en qualité, avec des coûts moindres et associés en plus à une productivité accrue est devenu non seulement fort possible mais necéssaire.

Le role efficace du relationnel sur Internet

L’e-CRM se porte bien. La performance d’Amazon.com en est la preuve flagrante puisque toute l’architecture du site est batie autour de l’interactivité en ligne avec le client, à la recherche de la valeur à long terme de ce dernier et en misant sur les bénéfices de la vente croisée* en est la preuve flagrante puisque toute l’architecture du site est batie autour de l’interactivité en ligne avec le client, à la recherche de la valeur à long terme de ce dernier et en misant sur les bénéfices de la vente croisée* en est la preuve flagrante puisque toute l’architecture du site est batie autour de l’interactivité en ligne avec le client, à la recherche de la valeur à long terme de ce dernier et en misant sur les bénéfices de la vente croisée*

  • * Définition Vente croisée : La vente croisée consiste à vendre un produit complémentaire, un accessoire ou service lié au produit principal acheté. Il s’agit par exemple du "traditionnel" tube de cirage vendu avec une paire de chaussures ou de la non moins "traditionnelle" cravate vendue avec une chemise. La vente croisée est normalement proposée systématiquement par un vendeur et peut également être prise automatiquement en charge sur un site de commerce électronique. Synonymes : vente complémentaire, vente additionnelle

Optimiser la navigation sur le site, fidéliser les internautes

La conception d’un site utile et performant nécessite des contenus et services répondant aux besoins des utilisateurs, mais surtout d’en penser l’ergonomie et la navigation de sorte qu’ils soient facilement accessibles aux utilisateurs finaux. La satisfaction des utilisateurs étant basée sur la performance du site Web, convaincre et fidéliser ses visiteurs suppose d’appréhender le problème en amont en se posant un certain nombre de questions essentielles qui vont influencer apparence, contenu, navigation etc. du site. Parmi les questions que l’on peut se poser avant de concevoir le site :

  • A qui s’adresse le site ?
  • Quels sont les besoins des utilisateurs finaux ?
  • Quelles sont leurs caractéristiques ?
  • Comment vont-ils utiliser le site ?

L’objet de ce cours consiste à mieux appréhender les moyens permettant d’améliorer la qualité d’un site en termes de design, d’ergonomie et d’interactivité. Les métiers susceptibles de correspondre à un tel cours sont :

  • responsables de sites Internet,
  • chefs de projets,
  • responsables de la communication,
  • directeurs artistiques,
  • concepteurs et développeurs,
  • responsables marketing online…

Agenda | DETAIL DU COURS

  1. Introduction Les recherches sur les interactions entre l’homme et l’ordinateur (IHM) fournissent les règles de base indispensables à connaître pour faire les bons choix lors de la conception de son site. Pourquoi la mémoire et les lois de la perception visuelle conditionnent-elles autant le rapport au site ?
    1. Les facteurs de succès d’un site Web
    2. Les processus cognitifs de traitement de l’information : définition et principes de base sur la mémoire et la perception.
  2. Réussir la page d’accueil (homepage) La homepage occupe une place centrale à trois niveaux :

Pour cela :

  1. Bien appréhender la rédaction sur le Web
    1. Soigner la lisibilité à l’écran
    2. Le style rédactionnel
    3. Savoir combiner les espaces utiles (outils de navigation, contenus, espaces vierges)
    4. La longueur des pages
  2. Rendre son site vivant
    1. Assurer la cohérence du design
    2. Savoir utiliser les illustrations et animations (photos, 360°, plans….)
    3. Le recours aux " plug in " (Pdf, Java, Flash, RealMedia etc.) : une nécessité ?
  • Optimiser les espaces fonctionnels de son site Les services interactifs jouent un rôle prépondérant et doivent impérativement répondre aux attentes des utilisateurs.
    1. Savoir établir le contact
      1. Le contact par e-mail : les éléments qui font la différence
      2. Réussir son formulaire d’inscription à la newsletter
    2. Concevoir un espace " services " de qualité
      1. Optimiser la recherche des informations pratiques
      2. Téléprocédures et téléchargement de documents ; un "espace virtuel" de qualité

    Agenda |

    Problématique

    L’ISH-IHM, dénominateur commun du marketing et des systèmes d’information

    Etat du marché concernant les problèmes rencontrés dans les entreprises à cause de mauvaise utilisation des SI

    Agenda |

    Définitions

    Sources : http://fr.wikipedia.org/wiki/

    • Ergonomie

      L’ ergonomie (du grec ergos, le travail) est une discipline qui vise l’adaptation d’un système à son utilisateur, afin que ce dernier puisse mener ses activités avec un maximum d’efficacité, de satisfaction et de bien-être, avec une phase d’adaptation réduite. Les systèmes concernés par cette adaptation peuvent être des espaces physiques de travail (par exemple postes de contrôle, chaînes de production), des éléments de ces espaces (par ex. synoptiques, contrôles-commandes), mais également des interfaces professionnelles ou grand public (on parle alors d’ interface homme-machine), telles que des logiciels, des sites internet/intranet, ainsi que l’organisation du travail (rotation des horaires, organisation des services)… L’ergonomie utilise des connaissances issues, entre autres, de la psychologie cognitive (mémoire, attention, perception, apprentissage,…) et de la psycho-physiologie (vigilance, postures, conditions de travail…) C’est historiquement l’aviation qui a été la première à se préoccuper d’ergonomie. En effet, chaque accident d’avion était suivi d’une exploitation du contenu des « boîtes noires », qui enregistraient les conditions exactes de l’accident, et on se rendait compte que dans la très grande majorité des cas une meilleure ergonomie aurait permis que l’accident soit évité. La profession d’ergonome n’est guère protégée, et tout un chacun, même sans connaissances ni travail, peut encore se déclarer « ergonome », avec des résultats que l’on peut hélas voir dans la conception de certaines interfaces. Dans la pratique, quelques écoles existent et la situation commence à se décanter.

    • Utilisabilité

      L’utilisabilité est une notion proche de celle d’ergonomie. La norme ISO 9241 la définie comme « le degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié ». Les trois critères de l’utilisabilité soulignés par cette définition sont l’efficacité, l’efficience et la satisfaction. L’efficacité désigne le fait que le produit permet à ses utilisateurs d’atteindre le résultat prévu. L’efficience ajoute la notion de moindre effort ou de temps minimal requis pour atteindre ce résultat. La satisfaction finalement a trait au confort et à l’évaluation subjective de l’interaction pour l’utilisateur.

    • Marketing expérientiel et web user experience

      Bien que nous ne soyons pas dans une phase de crise de l’Internet, les attentes des utilisateurs sont toutefois de plus en plus marquées par la qualité du service, car lorsqu’ils utilisent l’Internet pour faire leur achat, consulter de l’information, ou gérer leur compte bancaire…ils attendent une réelle plus value par rapport au monde réel. Ainsi, le recours à l’analyse expérientielle du comportement des utilisateurs de l’Internet réside non pas dans la maturité du support web, ou la lassitude d’un marché en fin de vie, mais dans un niveau d’attente élevé en termes d’expérience, et de valeur ajoutée. Et c’est bien là aujourd’hui une condition du succès d’un service en ligne.

    • GUI = Graphic User Interface = Interaction Humain Machine ou Interface Homme Machine (IHM)

      L’Interaction Humain Machine ou Interface Homme Machine (IHM) étudie la façon dont les humains interagissent avec les ordinateurs ou entre eux à l’aide d’ordinateurs, ainsi que la façon de concevoir des systèmes informatiques qui soient ergonomiques, c’est-à-dire efficaces et faciles à utiliser.

    Agenda |

    Retours d’expériences sur l’utilisabilité

    Axance : exemple de ficheTitre : Web user experience et marketing expérientiel , source : Lettre n° : 50 | Thème : Expérience utilisateur | Date : 29 mai 2001

    Introduction

    Techniques de vente et crise :

    A chaque moment de crise de consommation, il est nécessaire pour les industriels de trouver des techniques pour mieux vendre. C’est ainsi qu’est apparu le design en plein cœur des années 30. Les premiers fabricants de produits industriels ont été convaincus par la fameuse citation de Raymond LOEWY : « la laideur se vend mal » : c’est lui qui créa notamment le logo et la célèbre bouteille de coca , ou le logo de la compagnie de pétrole Shell… Après la longue période de reconstruction et de développement de la société de consommation (années 50) est apparu le marketing comme une technique d’analyse du marché, dans le but d’adapter à la demande les produits et services proposés à la vente. Le marketing a connu son apogée dans les années 80 dans une course à la surconsommation, à la « sur-segmentation » des marchés, il occupe encore aujourd’hui le devant de la scène, mais les techniques traditionnelles tendent à s’essouffler un peu plus chaque année. Les consommateurs se lassent-ils vraiment de consommer ? Il est vrai qu’après avoir acheté la n-ième paire de basket « top hype », certains peuvent se trouver quelque peu blasés : ils recherchent des sensations plus vraies, des valeurs plus fortes, ou plus ancrées dans leur culture…bref, ils ne veulent plus consommer pour consommer !

    Marketing expérientiel :

    Cette évolution du marketing est apparue dans les années 90, dans un contexte d’analyse toujours plus précise de « l’homo economicus » (terme employé pour parler de l’être humain dans une problématique de consommation) : il s’agissait alors d’élargir le champ d’analyse du comportement des consommateurs aux principaux caractères de l’expérience de consommation. L’objectif étant de créer des expériences de consommation à forte valeur ajoutée, basées sur les 5 principaux critères suivants :

    • la sensation (sense),
    • l’affectif (feel),
    • la facilité d’utilisation, et l’acquisition du fonctionnement (think),
    • la relation physique à l’objet, le style de vie (act),
    • l’identité sociale (relate).
    • Pour aller plus loin (fiche de synthèse de publication sur KMCMS)

    Web user experience :

    Constat : Les usages réels des utilisateurs doivent être pris en compte et doivent rompre avec les modèles de conception traditionnels. Il s’est trouvé que le support web se prêtait idéalement à de nouvelles expériences d’utilisation à grande échelle, avec la possibilité d’un « monitoring* » précis du comportement. * Monitoring = description tâche par tâche, grâce à des enregistrements en temps réel du comportement de l’utilisateur Toutefois, Internet étant un système à part entière, il a été nécessaire d’analyser en détail la relation de l’utilisateur à l’interface web, et à l’ordinateur, afin d’identifier la singularité de ces nouvelles expériences (fonctionnelle, sensorielle, émotionnelle, intellectuelle…). Nous pouvons aujourd’hui traduire avec précision la nature de l’expérience vécue par les utilisateurs d’un service en ligne : satisfaction générale, facilité d’utilisation, adéquation aux attentes… Car les utilisateurs rencontrent de nombreux freins à l’accomplissement de leur mission (notamment dans la recherche et la sélection de leurs produits, ou bien dans la réalisation du processus d’achat…), et ce sont à chaque expérience, autant de raisons d’interrompre leur expérience pour aller chez un concurrent, ou revenir au commerce traditionnel.

    Maturité d’Internet

    La majorité des internautes ne regroupe plus uniquement les passionnés de technologie (les célèbres « Early adopters ») mais il s’agit désormais d’utilisateurs « grand public » plus exigeants, qui ne se satisfont plus seulement de nouveauté, d’innovation, mais bien d’expérience vécue.

  • Agenda | SUITE DU COURS, voir la fiche : Introduction : qu’est-ce que l’utilisabilité ? Agenda |