Vive les tutoriaux!!

J'ai trouvé un site super! C'est un forum où on peut soumettre différents tutoriaux en rapport avec le webdesign et on peut avoir la note sur 5 du tutoriel et les critiques des utilisateurs. Ce qui est très intéressant est qu'ils sont classés par cartégories des logiciels qui sont utilisés. Alors, amusez-vous voici le lien:

http://www.webdesign-tutoriaux.com

En navigant un peu à travers les différents sites de tutoriaux, j'ai découvert un site vraiment bien fait où il y a plein de tutoriaux intéressants. Il s'agit du site WonkaStudio. En cliquant sur tutoriaux en haut, j'ai accès aux différents types de tutoriaux offerts. Étant donné que nous sommes tous en production pour le TP 4 sur les icônes, voici le lien qui suggère des tutoriaux en lien avec la production d'un icône:

http://www.wks.fr/-Logo-et-identite-visuelle-.html


Ici on peut apprendre à faire un icône qui a un effet de brillance, mais sombre.

Ici, on peut apprendre à faire un icône semblant brillant et y ajouter un éclat de lumière

Ici, on peut apprendre à faire un icône de suppression pour XP qui est pas mal commun.


Étant donné que c'est des icônes qui existent déjà, ils permettent de nous inspirer et de nous aider dans la production de nos icônes. Ils y a beaucoup de tutoriaux d'icônes alors, amusez-vous!!

Bilan de mi-session : Qu'est-ce que le design d'interfaces?

Quelques élèves ont eu la brillante idée de se poser la question «Qu'est ce que le design d'interfaces?» avant de rentrer dans le vif du sujet dans leur blogue. Moi, j'ai décidé de me poser la question maintenant pour savoir si je suis capable après 6-7 semaines de théorie d'y répondre par moi-même. Le but du design d'interfaces est de permettre de transmettre graphiquement de l'information le plus efficacement et facilement à l'utilisateur. Lorsque cela est accompli, on peut crier «Bingo!», notre objectif est atteint.

J'ai tout de même trouver deux liens intéressants :

http://www.use-design.com/datas/designInterfaces.htm
http://www.ccdmd.qc.ca/media/PDF_NotionsDesign_final.pdf

Le premier lien amène à un site. Ce site donne des informations assez sommaires sur ce qu'est le design d'interfaces, mais ce qui a attiré mon attention c'est lorsqu'il parle des 6 qualités d'utilisabilité. Selon moi, c'est une notion que tous les étudiants en design d'interfaces devraient savoir par coeur.

1. Son utilité

Les fonctionnalités de l'interface doivent répondre aux besoins de l'utilisateur. Éviter d'avoir des fonctionnalités surperflus.

2. Sa facilité d'apprentissage

Quand l'utilisateur entre dans le site, il doit être capable de l'utiliser facilement. Éviter les modes de navigation trop compliqués, trop sophistiqués.

3. Son efficacité

Une fois l'interface connu par l'utilisateur, c'est-à-dire qu'il est rentré dans le site au moins une fois, l'utilisateur doit être capable d'effectuer ses tâches de plus en plus rapidement.

4. Sa facilité de mémorisation

Les fonctionnalités de l'interface doit être facile à mémoriser lorsque l'utilisateur revient sur le site après une longue période d'inutilisation.

5. Sa fiabilité

Faire en sorte que l'utilisateur fasse le moins d'erreur possible quand il va sur le site. Par exemple, lorsque l'utilisateur fait une mauvaise tâche, le diriger vers le bon chemin pour accéder à ce qu'il veut obtenir est une bonne solution.

6. Sa conviviabilité

Elle doit être agréable à naviguer, l'utilisateur doit avoir du plaisir à y être.


Le deuxième lien amène à un PDF très intéressant. C'est un document de 30 pages qui comprend les notions de base du design d'interfaces. C'est un résumé de ce qu'on a appris, de ce qu'on est en train d'apprendre et de ce qu'on va apprendre d'ici la fin de la session. Il explique tous les notions et donne des recommandations dépendamment des différents aspects.

Le site d'Archambault

Voici le lien qui amène au site d'Archambault: http://www.archambault.ca



Le site est esthétiquement bien fait. Les différents menus sont semblables ce qui donne une unité au site. Les couleurs sont belles et vivantes. Il y a une barre de recherche très utile et facile d'utilisation. Cependant, comme beaucoup de bandes de données, les recherches ne sont pas toujours supers précises. Lorsque je cherche un CD de Éric Lapointe, j'ai comme résultat tous les disques disponibles qu'il y a au moins une chanson où il en fait parti. Alors, ceci inclut tous ses CD à lui et ceux avec qui il a collaboré. Ceci peut rendre la recherche un peu superflu parfois. Avec la couleur en background, on peux facilement savoir où on est rendu. J'ai fait une petite constatation quand j'ai navigué sur le site. On peut avoir des chansons gratuites. Je ne sais pas si c'est une erreur du programmeur ou que c'est voulu. C'est assez facile de le faire puisque lorsque tu veux entendre une chanson, tu as l'opportunité de le faire. Cette chanson s'ouvre dans un nouvel onglet et si tu fais Fichier > Enregistrer sous..., tu peux l'avoir gratuitement sur ton ordinateur. Ceci est bizarre puisque Archambault a une section «Zip» où on peut télécharger de la musique légalement, mais en payant un certain montant d'argent. Mais pourquoi je payerais pour une chanson que je peux facilement avoir gratuitement?

Meurt de faim???

Vous avez faim et voulez connaître le menu à l'avance? Laissez-moi vous parlez du site des restaurants Subway.

Le lien du site : http://www.subway.com


Il faut tout d'abord spécifier que c'est le site internationnal de Subway. Donc, c'est le même site pour les différents restaurants Subway à travers le monde. Ceci complique un peu les choses pour le programmeur du site. Tout d'abord, ça m'a pris beaucoup de temps avant de trouver comment faire pour mettre le site en français. Il faut sélectionner une ville à gauche et ensuite trouver que c'est encore à gauche qu'on peut changer le langage. De plus, j'ai remarqué que pour le Canada, le menu n'est pas le même qu'à la page d'accueil. Le menu «About us» n'y est plus dans le menu canadien. Par contre, c'est assez facile de reconnaître où on est avec le titre qui est écrit en gros. Voici un autre défaut du site. Admettons que j'ai faim et je veux connaître le menu à l'avance. Je vais donc cliquer sur «Menu». Je peux maintenant voir c'est quoi la nourriture qui est offerte. Ce qui est vraiment dommage, c'est que je ne peux pas connaître les prix. Je comprends que c'est parce que les prix diffèrent beaucoup, mais bon, c'est une des complications nombreuses de faire un site internationnal. C'est dommage, parce que si je m'en vais voir le menu, c'est surtout pour connaître le prix!

Le drôle et sympathique Louis-José Houde !!!

Le site officiel de Louis-José Houde : http://www.louisjosehoude.com


Maintenant, laissez-moi vous parler d'un de mes humoristes préféré, c'est-à-dire Louis-José Houde. Le site est assez simple, mais tout s'harmonise bien. Ce qui enrichi le site c'est le petit vidéo en haut avec Louis-José Houde qui guide l'utilisateur dans sa naviguation dans le site. D'ailleurs, on peut l'ouvrir ou le laisser fermé. Par défaut, il est fermé. Donc, ce n'est pas énervant pour quelqu'un qui n'aime pas ça. Ce qui est intéressant en plus, c'est qu'à chaque fois qu'on vient sur son site, c'est toujours une photo différente de lui qu'on voit. De plus, j'ai découvert en cliquant souvent dans les mêmes sections qu'il a fait plusieurs vidéos pour chaque section. Ceci incite les utilisateurs en rester plus longtemps pour voir les différents vidéos de Louis-José qui est à son image, c'est-à-dire assez loufoque et absurde. La claireté, la facilité de naviguation et les couleurs me donnent le goût d'y retourner souvent. Donc, le programmeur a atteind son objectif. Aussi, on peut avoir certains avantages à s'abonner à son fan club soit des petits vidéos et des messages d'exclusivité par email.

Boutique de linge pour femmes

Maintenant, je vais parler de deux sites de boutique de linge bien connu par nous les filles:

Jacob Connexion : http://www.jacob.ca
Dynamite : http://www.dynamite.ca

La boutique Jacob Connexion



Ce site est vraiment bien fait esthétiquement. Il est facilement navigable et nous donne un bon aperçu des produits en magasin. Il nous donne même des idées pour agencer les vêtements avec un bas ou un haut ou encore un accessoire. On peut facilement voir l'image en plus gros et il nous donne des informations supplémentaires comme le prix. On peut connaitre les différentes grandeurs qui sont disponibles également. J'aurais seulement une critique à faire sur ce site. Il nous montre les différentes couleurs disponibles pour les différents articles. Par contre, le petit carré est tellement petit que les couleurs me disent rien. Ça l'aurait été intéressant que le carré soit cliquable et qu'à ce moment-là, le chandail par exemple change de couleur.

La boutique Dynamite


Wow!! C'est ce que j'ai dit quand j'ai vu ce site pour la première fois. C'est un beau site faite en Flash et qui s'harmonise bien dans ses couleurs. Cependant, quand j'ai commencé à naviguer dans le site, j'ai vu ses défauts nombreux. Premièrement, le téléchargement est assez long, le programmeur n'a donc pas fait son travail d'optimisation. Lorsque je navigue pour voir le linge qui est disponible, il est difficile de mieux voir le vêtement et comme je le veux. Sinon, j'ai aucune critique à faire à part le fait que je suis plus à l'aise de me rendre sur place pour voir les vêtements de cette boutique contrairement à la boutique Jacob qu'avec son site j'étais très à l'aise.

Brault & Martineau

Lien du site: http://www.braultmartineau.com



Un site simple, mais bien fait qui a été testé par ma mère. Un site très facilement navigable et très facile d'utilisation. Ma mère n'a eu aucune difficulté à se servir de ce site, elle a tellement aimé son expérience, qu'elle m'a dit qu'elle aimerait y retourner pour voir les spéciaux et les prix pour les meubles qu'elle désire. Ce qui est très intéressant c'est le mode de recherche qui permet de trouver un produit de façon très facile et très efficace. On peut pratiquement tout voir ce qui est en vente dans ce magasin. On peux facilement savoir où on est rendu aussi. Le seul problème au niveau technique est que lorsqu'on fait une recherche et qu'on clique sur un produit pour avoir plus de détails, alors c'est impossible de revenir en arrière, il faut recommencer notre recherche ou peser sur précédent dans le menu de notre navigateur. Ils ont oublié de mettre un bouton pour revenir à la recherche. Sinon côté design, c'est assez simple, mais les couleurs s'harmonisent bien avec le logo de Brault & Martineau.