À ne pas faire

NON MAIS C'EST QUOI ÇA ?? Note à tout le monde. Lors de design de logos (parce que justement nous sommes dans ce genre de création) c'est assez important de faire attention à ce que notre oeuvre représente. Comme ce logo là à gauche justement. Le designer a bien choisi son idée en introduisant un adulte et un enfant avec un bon contraste avec le fond. La couleur du fond est pas agressante etla police est super bien lisible. Mais il faut faire gaffe à la façon dont notre design est perçu. C'est riduculement drôle d'avoir vraiment rendu ce logo officiel car je crois qu'il fait penser à tout le monde la même affaire n'est-ce pas ?? Je suis tombé sur ce truc en faisant une recherche d'images de "Bad logos" sur google. Vous essayerai, ce n'est pas le seul à être ridicule.






En voilà un autre exemple. Je n'ai pas trop compris le but de cette compagnie, mais c'est japonais. Il est vrai que les japonais sont bizares et quand ils regardent ça, peut-être qu'ils voient des lettres bien normales. Mais pour nous, les gens normaux, ce n'est pas le meilleur truc à aller afficher au centre ville de montréal. La simplicité des logos peuvent parfois être une mauvais idée. Même si ce n'est pas le cas, on voit 2 personnages. On aurait pu simplement changer les petits ronds pour quelque chose d'autre et probablement que le représentation aurait été différente. Mais bref, tout ça pour dire que même si tous les éléments sont en places et bien visibles, le message à des petites chances d'être perçu d'une mauvaise façon.

L'interface de mon site de MegaMan

Projet final du cours en HTML et crée entièrement à l'aide de codes CSS, cette page MegaMan à été réalisée par pur plaisir. Au début, je n'avais pas d'idée générale pour le design alors j'ai un peu improvisé. J'ai tout de même rendu le site très simple et facilement navigable avec des couleurs digne du sujet. J'ai voulu rendre la navigation la plus simple et primitive possible, boutons à gauche avec contenu au millieu, titre en haut et informations en bas. Le site comme tel a quand même beaucoup de contenu images car j'ai crée des états différents sur les boutons pour chaques pages du site avec des couleurs sujet au titre de la page. Cependant, le design du contenu des informations est pratiquement le même de page en page tout simplement pour rendre la navigation entre les pages beaucoup plus facile pour les yeux. Cela évite d'avoir trop de changements brusques qui pourrait perdre l'attention de l'internaute.

Le contenu comme tel est inséré dans une boîte de texte défilable pour créer un espèce de design futuriste qui se marie bien avec le jeu MegaMan. La police, elle, est simple et typique, pourquoi? Tout simplement parce que les polices simples et typiques sont les plus faciles à lire. Je ne voulais pas que le lecteur aie mal à la tête après 2 minutes. J'ai également choisis une couleur de texte qui avait un excellent contraste avec la couleur du fond. Par contre, la police des boutons est différente et a plus de style tout simplement parce que le lecteur n'a pas à y lire un texte. Le reste des informations moins pertinantes est dans le bas de la page pour ne pas trop déranger l'internaute.

http://eleves_tim.cmaisonneuve.qc.ca/e0000382/pageMegaman/index.html

L'interface du site de StarCraft 2

Ahhh Blizzard ! Ces types sont vraiment les rois et maîtres dans leur domaine et ont toujours su se démarquer parmis les meilleures compagnies de jeux par leur savoir-faire sur les interfaces graphiques de leurs jeux. Alors, imaginez que les meilleurs graphistes multimédia au monde travaillent pour cette compagnie et qui présentent leur produits sur une page web, son interface devra nécessairement être de toute beauté. C'est tout partuculierement le cas pour leur page de StarCraft 2.

http://starcraft2.com/

Le design est tout particulierement bien fait, car il a des rollovers avec animations un peu partout accompagné d'un petit son qui donne l'envie de tout simplement s'amuser à se promener avec le pointeur de la souris. La barre de menu est simple mais captivante. On sait où on se dirige sans probleme.Même les images interactives pour accèder aux différentes informations sur les races, possèdent également des rollovers avec un genre de FadeIn / FadeOut vraiment trippant. C'est très inspirant pour des idées futurs. La police est suffisament grosse et le contraste avec le fond est facile pour la lecture. Même si du texte se retrouve par dessus un image, un fond avec un différent contraste est placé sous l'espace texte pour non seulement nous rendre la lecture lisible mais aussi de garder un bon détail sur l'image.

On peut aisément fureter le site sans se perdre et en sachant toujours où nous sommes par un gros rappel en haut de chaque page. Explorer entre les races et leurs unités est un concept super bien fait avec un menu de thumbnails de chaque éléments. On y montre ensuite une page interactive avec le choix de visualiser les éléments en pleine action et meme de pouvoir entendre son bruit.

Mais le mieu dans tout ça est qu'il n'a pas de pub désagréables qui nous achalent tout le temps. Elle est enfoui dans le bas de la page bien à l'abri de nos yeux qui s'en contre-foutre. Son design est presque parfait.

*** Ne mangez pas la neige jaune. ***

Flash et le Design d'interface

Bienvenue dans la nouvelle ère post-HTML. Depuis peu de temps, l'interface en html de plusieurs navigateurs et de développeurs est devenu très primitive et peu attrayante. Quoi de plus monotone que de remplir un merveilleux formulaire à travers un long texte sans aucune interactivité.

Mais l'amélioration de la technologie des logiciels interactifs comme Flash, permet de créer des interfaces dynamiques et beaucoup plus plaisantes qu'une simple page html. Ce lien http://www.veblog.com/fr/2002/0422-flash-bonne-ui.html vous amenera sur un article qui présente justement ce nouveau concept d'interactivité crée avec Flash. On y démontre un exemple de système de réservation hôtelière en version html et en version Flash pour faire une comparaison avec les 2. D'ici quelques années, le html deviendra une interface rare.

*** Soyez bon avec vous-même. ***

Qu'est-ce que le "Design d'interfaces" ?

Non, mais c'est vrai !

De quoi parle-t-on exactement quand on pronnonce cette phrase qui doit être terriblement payante au Scrabble ? On sait que cela peut servir à nous aider à créer une interface esthétiquement plus belle, mais comment procède-t-on ? Plus facile à dire qu'à faire. Le design est beaucoup plus complexe qu'il en a réellement l'air, car l'art n'a pas sa place ici et tout doit avoir une raison d'être.

http://www.use-design.com/datas/designInterfaces.htm

Ce site possède quelques définitions et répond à des questions plus techniques. Il y a aussi une panoplie de liens sur le sujet.
Peut-être que dans quelques semaines, mon groupe et moi allons être des designers de premiere.

*** Paix et prospérité. ***

Blogue d'Eric Jacob groupe 02

Bonjour et bienvenue sur mon blog sur les aspects du design d'interfaces (que je fais avec la plus grande motivation pour mon merveilleux cours de Design d'interfaces).

Chaque semaine, je discuterai d'un aspect différent du design et je rajouterai mes opinions personnelles (et je dis bien personnelle alors libre à l'expression).

J'essayerai de tout mon possible d'amener des sujets intéressants alors si après 2 ou 3 semaines je n'ai toujours pas capter votre attention, ne perdez pas espoir, du moins je suppose, j'arriverai bien avec un sujet de discution que vous aimerez bien. Alors en attendant ne conduisez pas si vous êtes trop partit.

*** Dieu vous aimes. ***