Défi 4

Comparaison de l'utilisabilité entre deux sites web.

Pour le défi blogue 4. On a conformé une équipe de travail de trois personnes: Nataly Gaumond, Benoît Boulianne et moi. D'abord on devait faire un choix de deux sites Web (l'un utilisable et l'autre moins utilisable), chaque intégrante du groupe devait présenter au moins 4 sites et expliquer les raisons pour lesquelles on considère un site plus utilisable que les autres.

On a choisi les sites IGA et Maison Columbia . IGA parce que c'est un site facile à utiliser, facile à naviguer, intuitif, les images sont superbes, on voit qu'il y a un travail d'infographie bien fait. Par contre, le site de Maison Columbia est plutôt froid, difficile à s'orienter, et surtout mal structuré, malgré son moteur de recherche très effectif.

Ensuite, on a élaboré un questionnaire qui couvre les aspects importants de l'utilisabilité, c'est à dire, on évalue le contenu, la navigation, le design et présentation. Cliquez ici pour télécharger le questionnaire en version PDF.

Pour le sondage on a choisi des personnes de différents âges, nationalités et sexe (voir les graphiques d'en bas). Cliquez ici pour voir tous les résultats en version PDF.

Conclusions

Après avoir réalisé le sondage, nos jugements initiaux sont confirmés, le site de IGA est un site utilisable, selon les réponses des personnes à qui nous avons enquêté, elles ont considéré que:

Design:

• C'est beau.
• Il contient de dessigns attrayants (belles couleurs, images, aération).
• Les images sont faites pour faire beau à l'oeil.

Contenu:

• L'information est claire et précise.
• Le site fait attention aux détails.
• Il y a un lien pour basculer du site français au site anglais.
• Le site a une bonne grammaire et pas de fautes d'orthographe.

Navigation:

• Il y a un moteur de recherche.
• La navigation est facile et intuitive.
• Il y a un plan du site.
• On peut comprendre facilement comment ça marche.
• On peut se retrouver facilement.

Un point à améliorer serait le lien "Épicerie en ligne", ce serait mieux de ne pas nous envoyer dans une nouvelle page et de pouvoir faire toutes les transactions dans le même site.

Par contre, le sondage démontre que le site de Maison Columbia devrait s'améliorer dans les aspects suivants.

Design:

• Les dessigns ne sont pas attrayants, la première impression est plutôt de quitter le site.
• Il n'y a pas de bon équilibre de couleur.
• C'est froid.

Contenu:

• l'interface est difficile à interpréter.
• L'information est confuse.
• Il n'y a pas de lien pour basculer du site français au site anglais.

Navigation:

• Il y a un bon moteur de recherche.
• La navigation est difficile , on peut se perdre facilment.
• Il n'y a pas de plan du site.
• Il n'y a pas d'historique de navigation.

Malgré que le site doive s'améliore en presque tous les aspects, ce site-ci contient un moteur de recherche très puissant.

FWA - Les meilleurs sites Web faites en flash en 2006

Il est devenu public à travers du web de FWA (Favourite Website Awards, l'organisation de prestige reconnu qui récompense les meilleures pages faites en Flash par rapport à la base de son dessin et innovation) l'élection du meilleur site Web en 2006 selon le critère de l'organisation et du meilleur selon la votation réalisée par les usagers (People's Choice Awards).

Le meilleur site Web en 2006 selon FWA : PHILIPS BODYGROOM

www.shaveeverywhere.com

Le meilleur site Web en 2006 selon le public: AUDI R8 (microsite)

www.audi.com/R8

Des présentations Flash pour inclure dans ton blog.

Powerbullet Presenter est un petit programme gratuit qui nous permet de créer des présentations Flash d'une forme rapide et facile. Ce programme permet de créer des présentations pour inclure dans notre site web.je ne parle pas des présentations simples, avec ce programme nous pouvons créer des présentations spectaculaires et qu'elles nous feront passer comme des professionnels dans la matière.

Défi 3

HTML Tutoriels sur HTML et CSS

Des excellents tutoriels pour les initiés dans la programmation Web (c'est mon cas). Ce site est un magnifique endroit de référence pour le html, Css . Je pense que le processus d'apprentissage se facilite énormément grâce à la forme ordonnée et méthodique que les tutoriels sont présentés. Avec ces tutoriels de HTML et CSS, on peut commencer à construire nos propres sites Web.

Dictionnaire hiérarchique des balises XHTML 1.1

La liste des balises XHTML 1.1 (ou 1.0 Strict sans les éléments obsolètes), leur utilité, leurs attributs, leurs évènements et la relation entre parents et enfants (hiérarchie).Un site Indispensable pour construire un document valide et vérifier rapidement si une balise existe. Si vous ne vous souvenez pas de la structure de base d'un document HTML, n'hésitez pas à jeter un coup d'oeil dans ce lien ici .

HTML Code Tutorial
Ce site est une guide utile pour toutes les personnes intéressées à créer des pages Web, il contient une complète référence sur HTML et CSS , grâce à ses exemples pratiques, le site devient une guide indispensable.

Welcome to purephotoshop

Voici un site pour les plus expérimentés. Ce site contient une collection de tutoriels sur Photoshop, graphisme, Dreamweaver, Flash, PHP. Pour ceux qui sont intéressés à développer des sites Web, ce site contient une section avec une bonne quantité de trucs, comme par exemple celui-là. Ça vaut la peine de le visiter.

Photoshopcafe

Un site web dédié au Photoshop. La zone de tutoriels est divisée par catégories. Ils montrent des effets concrets de forme très claire et, ce qui est très intéressant c'est que chaque tutoriel nous indique le niveau de difficulté. Vous y trouverez comment faire des formes 3D animées, GIF transparent et d'autres possibilités. Malgré que le site soit en Anglais, il devient une guide indispensable pour ceux (comme moi) qui sont nuls en dessin.

Tutoriels Illustrator

Pour ceux qui n'aiment pas les manuels, ce site est très interactif et nous permet d'apprendre d'une manière interactive.

Les 14 profils

Je vais vous résumer quelques profils que je considère les plus importants dans la production et la maintenance d'un site de commerce électronique. Les autre profils vous pouvez les trouver sur TECHNOCompétences .

Webmestre

Le Webmestre est la personne responsable de lagestion d’un site Web (intranet et/ou extranet), incluant la coordination et la mise à jour des informations présentées et des services offerts.

Il doit avoir la Capacité de faire la recherche d'information, d’adapter son site Web aux besoins du marché, une bonne Capacité de communication.

Chargé de projets web
Le gestionnaire ou «chargé(e)» de projets coordonne et contrôletous les aspects de la planification et du développement des projets multimédias. La gestion de l’équipe de travail et du projet est essentielle à la production d’un produit multimédia. Dans cette industrie, le travail en équipe constitue une donnée fondamentale. Une saine coordination entre les différents intervenants s’avère donc cruciale.

Infographiste

Les infographistes combinent des habiletés techniques et des habiletés artistiques pourconcevoir du contenu multimédia. Ce rôle comprend la production et/ou l’interprétation d’éléments graphiques, sonores ou visuels enfonction des spécifications du produit.

Integrateur (programmeur) Web

Les intégrateurs développent des programmes qui permettent le fonctionnement d’un produit multimédia. Dans un contexte normal, l’intégrateur intervient surtout en fin de processus de production.

Web Designer
Le Web designer conjugue des compétences artistiques et techniques pour concevoir des sitesWeb. Bien que ce rôle comporte une composante technique inévitable dans le multimédia, il est surtout orienté vers l’aspect artistique du travail.

Les principales tâches sont :

• Créer, optimiser et enchâsser les composantes pour le Web.
• Écrire et concevoir des éléments simples de programmation
• Concevoir la navigation sur le site Web.
• Définir l’architecture du site.
• Participer à la rédaction de l’arborescence du site.
• Rassembler et organiser l’information à inclure sur le site.
  

Concepteur graphique
Le concepteur de formation multimédia interactif conçoit les stratégies optimales et les outils d’apprentissage utilisés dans le cadre des formations multimédia interactif. Ce professionnel spécialisé dans les technologies éducatives est passé maître dans l’art deconcevoir des environnements d’apprentissage interactif.

Les positions qui m’intéressent

je pense que toutes ces professions sont très intéressantes et très importantes par rapport à la création d'un site de commerce électronique, mais ma préférence est l'intégrateur (programmeur) web.

Pourquoi j'ai choisi ce profil?, d'abord je dirais par l'expérience que j'ai comme programmeur, puis mes aptitudes personnelles et ma personnalité m'amènent vers ce côté.

Par contre, le profil d'un programmeur exige beaucoup plus d'effort que les autres profils ,car il faut arriver à un niveau de connaissance (langages de programmation, bases de données ...) assez bien pour être compétitif dans le marché de travail. Pour un programmeur est très important qu'il puisse s'adapter facilement aux changements. La frase Désir de se tenir à jour face au nouvelles technologies qui maintenant apparait dans presque toutes les offres d'emploi pour un programmeur, cela nous dit que plutôt les attitudes positives vers l'auto-apprentissage sont évalues au moment d’une entrevue.

Pour finir, je dirais :

Bien que le côté artistique d’un site Web soit très important, la programmation de ce dernier est encore plus (du code optimisé, connexion à la base de données..), parce qu'il faut considerer qu'une page qui prend beaucoup de temps à charger, fera que l'usager n'ait pas envie de continuer naviguant sur ce site.

Si Platon avait eu un tableau blanc interactif.

Si nous nous déplacions quelques instants pendant la Grèce Antique, et nous nous imaginons comment Platon enseignait à ses élèves, nous pourrions le voir penché avec un morceau de bois dans sa main en train d'écrire sur le sol sableux. Il partageait ses connaissances à ses disciples qui se trouvaient autour de lui. Quoi dire de Pythagore, qu'après plusieurs heures tentant de démontrer son célèbre théorême, sur le sol qui est plein d'équations, et qu'il entrevoit bientôt la solution...la pluie commence à tomber. Il semblerait un peu exagéré et impossible, mais la vie à ce moment-là se déroulait de cette manière.
Avec l’apparition de la craie et du tableau noir, ces instruments emblématiques de l’enseignement collectif ont occupé les classes depuis plusieurs années. De noir, le tableau est devenu vert, puis blanc. Grâce à eux, l'enseignement est devenu beaucoup plus commode. Mais attention aux personnes allergiques qui ont dû passer devant le tableau pour résoudre un problème ou simplement copier ce que le professeur dictait, car avec les mains pleines de poussière et le vêtement taché de blanc, la peur d'éternuer apparaissait!

Avec l’arrivée de l’ordinateur et de l’informatique, puis du multimédia, la volonté d’installer des dispositifs de visionnement collectif a été forte, mais les équipements sont restés couteux. L’évolution accélérée des ordinateurs ainsi que des logiciels très spécialisés ont permis créer des tableaux interactifs,
permettant de supporter les activités de visionnement collectif , mais aussi d’apporter des dimensions fonctionnelles nouvelles, tirant pleinement parti de l’interactivité et des capacités du numérique
Les premiers équipements ont été expérimentés alors que leur coût ne pouvait laisser espérer une généralisation rapide. Mais là encore l'évolution technologique a fait son œuvre. L'offre liée aux interactifs est maintenant très présente auprès de décideurs en matière d'équipement, sans qu'il soit toujours facile de faire le point entre le discours commercial el les bénéficies pédagogiques que l'on peut en attendre.

Comment ça marche ?

A première vue, le tableau blanc interactif (TBI) ne diffère en rien d'un écran blanc de projection, à part qu'il est plus épais et plus solide. L'image du PC est projetée grâce à n'importe quel vidéoprojecteur sur le tableau. Le PC est équipé d'un logiciel fourni par le fabricant qui permet l'interactivité. L'utilisateur peut maintenant interagir sur tous les éléments de son ordinateur directement à partir de l'image projetée sur le tableau. Il utilise pour cela, soit un stylo électronique (fourni), soit son propre doigt, comme une souris.

En fonction des modèles, deux technologies existent :

soit c'est la surface du tableau qui est tactile : une trame spéciale la compose qui permet l'interactivité. Avantage : l'utilisateur écrit directement avec son doigt. Inconvénient : la surface du tableau est fragile, le doigt se fatigue vite.

soit en haut, à gauche du tableau, se trouve un petit émetteur (le Digitalizer), qui calcule la position exacte du stylo électronique par rapport à la surface. Celle-ci sera transmise au PC qui va enregistrer toutes les informations inscrites sur la surface du tableau. Avantage : solide, la surface du tableau peut être rayée ou percée sans danger pour l'utilisation. De plus, la maintenance est très facile : seul le Digitalizer est à changer en cas de panne. Ce type de tableau est plus facilement recyclable. Inconvénient : certains TBI sont fournis avec des stylos trop fins, qui ne sont pas trés pratiques quand il s'agit d'écrire en grand.

La transmission des données du tableau vers le PC peut se faire :

soit par liaison filaire (généralement câble USB)
soit par liaison sans fil (généralement Bluetooth® )

Avantages
Surface polyvalente, projection et écriture.
Outils toujours disponibles, faciles à remplacer : Feutres standards, doigt ...
Écriture directe sur le tableau, souligné ...
Interaction de l'écran avec les programmes.

Limites
Il faut prévoir une bonne luminosité et résolution suffisante.
Problèmes logistiques, Il faut placer le vidéoprojecteur au plafond afin de diminuer l'ombre portée.
Coût, particulièrement du projecteur, ça peut couter plus de 5000 €.

Je pense que dans quelques années la craie et le tableau noir disparaitront complètement dans les écoles et universités pour donner lieu à cette nouvelle technologie. Qu'est-ce que vous en pensez ?

---

Liens externes

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

http://dewey.uab.es/pmarques/pdigital/es/pizinteractiva.htm

http://www.historiasiglo20.org/curso/tema10.htm

http://www.dulac.es/Prensa/Prensa.htm