Bilan de fin de session

Maintenant que la session est pratiquement achevé, le moment est venu de faire un bilan final de mon cours de design. En design de mise en page, j'ai appris comment avoir une bonne structure dans l'emplacement de mes éléments et comment faire pour attirer l'oeil des gens.

Avec le cours de design d'interface, j'ai appris des méthodes pour qu'un site soit beau, efficace, et facile d'utilisation. Maintenant, je suis plus apte à connaître mon public cible en faisant une analyse sur mes groupes cibles. En inventant des personnages de mon public cible, ceci m'aide à mettre un visage sur mon public que je veux rejoindre et à travailler plus efficacement.

J'ai appris avec des méthodes simples comment faire pour savoir si mon site est efficace. Par exemple, il existe la méthode des cartes qui me permet de mieux classer le contenu. Je peux aussi demander à un utilisateur de naviguer dans un site et de répondre à des questions en lien avec sa navigation dans le site.


Ensuite, j'ai appris plein de trucs de design pour mes pages web. Maintenant, je sais comment rendre ma page web plus attrayante avec les 25 trucs pour décarrer une interface. J'utilisais déjà certaines méthodes, mais ça m'a permis d'en connaître d'autres plus intéressantes. Comme faire déborder une image du cadre et aussi réutiliser la couleur d'arrière-plan dans les images afin d'en effacer certaines parties.

Pour finir, j'ai appris à mon 13e cours comment centrer une image dans une page afin qu'elle puisse suivre la grosseur de la fenêtre. Alors, j'ai presque tout en main pour pouvoir réussir mon épreuve finale.

Un site flash intéressant : ReptileTech

http://www.reptiletech.com/flash/flash.php?lang=fr

Voici un site en flash que je trouve très intéressant. J'aime beaucoup le design de la page. Le designer web a utilisé un des trucs qu'on a appris dans des 25 trucs pour décarrer une interface. Avec les genre de vagues en bas de la page, on a l'impression qu'eles font parties de la boîte du contenu et ça met un certain dynamisme à la page. L'entête suit le même principe. On peut voir que le designer a décidé de traiter un des coins et de l'arrondir. De plus, on a l'impression qu'il se fond avec l'arrière-plan à cause du blanc. Le menu est simple, mais efficace. La navigation est très facile.

L'importance du Design

De jour en jour, avec les cours de design que j'ai eu, je réalise à quel point le design peut avoir un impact sur les gens. Certaines affiches vont se faire remarquer plus que d'autres, pas parce que le sujet est plus intéressant, mais parce qu'ils attirent plus l'oeil que d'autres. Par exemple, mes deux humoristes préférés sont Louis-José Houde et Martin Matte. Regardons leur deux sites.

Site officiel de Louis-José Houde : http://www.louisjosehoude.com
Site officiel de Martin Matte : http://www.martinmatte.com

J'ai déjà commenter le site de Louis-José Houde alors je ne vais pas le refaire maintenant. Par contre, je veux que vous prêtez attention au design du site de Louis-José et constater combien il est attrayant. Par contre, le site de Martin Matte est selon moi moins bon. On ne dirait pas que c'est son site officiel, ça ressemble plûtot a un pop-up publicitaire. Ça prend du temps avant de se rendre compte qu'il y a un menu en bas puisqu'il manque de visibilité. Un humoriste n'est pas meilleur que l'autre, mais je vais être moins insité à aller sur le site de Matte, car il est moins attrayant que celui de Louis-José. Donc, je vais être moins à l'afflu des nouvelles par rapport à Martin Matte et ainsi, son site fait que je vais moins bien le connaître comparé au site de Honde qui est plus attirant, et qui m'insite à y aller souvent pour être au courant de la vie de celui-ci. Outre les sites web, chacun de nous est axé sur le design que se soit pour l'achat d'un vêtement, du choix d'un mobilier, d'une lampe, etc. On cherche quelques choses de beau et d'attrayant. Si nous donnerions peu d'importance au design, probablement que tout ce que nous porterions seraient terne ou peu uniforme, nos mobiliers auraient aucun motifs et une lampe serait uniquement un baton avec une ampoule et un abas-jour pour atténuer la lumière. Plus on avance dans le temps, plus le design devient important puisqu'on donc beaucoup d'importance sur l'apparence.

Mon premier site web

Maintenant que j'ai eu mes deux cours de Design, je suis plus apte à être plus critique face à mes anciens sites web. Je vais maintenant critiquer le premier site web que j'ai fait dans mon premier cours de HTML. Le sujet du site est la réalité virtuelle. Voici le lien: http://eleves_tim.cmaisonneuve.qc.ca/e0465318/session%202/Dolan_Daisy/


Si on regarde la navigation, c'est très navigable. On peut facilement passer d'une section à l'autre et quand la page est grande, on peut facilement retourner en haut de la page. Par contre, mes liens ne sont pas très visible. J'ai trouvé aussi que mon contenu est un peu trop textuel et peut etre écrit un peu trop petit. J'ai utilisé un dégradé intéressant pour le menu mais il aurait été encore plus intéressant si je l'aurais fondu avec l'arrière-plan. Je trouve que le design est pas aussi « punché » que le sujet l'est. J'ai un sujet d'une nouvelle technologie qui se développe et l'interface ne le traduit pas bien. Mon entête est quand même bien pensé, mais il est un peu trop emboîté. J'aurais pu mettre en arrière plan une image avec plein de fils et faire un effet spécial dessus avec Photoshop. Au moment que je l'ai fait, j'étais très fière de ce que j'ai pu faire, mais maintenant que j'ai beaucoup plus de connaissances en terme de design d'interface, je constate que je peux faire beaucoup mieux maintenant.

Le iPod en cellulaire!!

Je sais que beaucoup de gens en ont parlé dans leur blogue, mais j'aimerais ça donné MON opinion sur cette nouveauté révolutionnaire de iPod.

Le iPhone (le iPod cellulaire) est l'appareil qui nous permet d'apporter sur soi tous les médias qu'il nous faut (internet, musique, vidéo, cellulaire). Il manque juste d'avoir la télévision dessus et voilà! Le lien suivant vous amène à une visite guidée de ce petit nouveau gadget:
http://www.apple.com/fr/iphone/gettingstarted/guidedtour.html

Comme le veut la famille iPod, le iPhone est tactile. Ceci n'a encore jamais été vu parmis les compagnies de cellulaire. Donc, ce cellulaire est très instuitif et si on se fit à la petite visite guidée qu'on peut avoir accès par le lien que j'ai donné plus haut, le contenu est très organisé efficace, facile de navigation et simple à comprendre. On a accès à nos courriels et on peut avoir une belle visibilité puisque l'écran est assez grand. De plus, la qualité d'image est nettement supérieure à ce qu'on voit encore dans nos cellulaires actuels. On a accès à nos fichiers de musiques et de vidéos assez facilement. Bref, le cellulaire le plus révolutionnaire sur le marché!!! Malheureusement, on ne peut se le procurer qu'en France et au États-Unis, mais surement qu'ils vont arrivés au Canada d'ici quelques années et gageons que les autres compagnies vont copier le concept de iPhone ;) .

Une chose est certaine, je veux un iPhone pour Noël !!!

Retouche de la page web lapresse

Pendant mon cours de jeudi, 22 novembre, j'ai eu peu de temps pour refaire la mise en page du site de La Presse. Voici le résultat.



Lien du site de LaPresse : http://www.cyberpresse.ca

Ce n'est pas le design du siècle, mais avec le peu de temps que j'ai eu, je trouve cela quand même bien. Je n'ai pas retouché grand chose, j'ai juste modifié quelques petits détails qui donnent plus de «punch» à la page web. Je me suis basé aussi sur les 25 trucs «out-of-box» que le prof a présenté pendant ce cours. J'ai en utilisé 3.

1. Ajouter une image explosive en arrière-plan
Cette technique m'as permis de mettre plus en valeur le contenu. Vous trouvez pas quel rend la page un peu plus dynamique et plus design?

11. Désaligner des éléments
Les photos qui sont à droite étaient toutes alignées initialement. J'ai décidé d'alterner de droite à gauche leur emplacement. C'est un petit détail très simple, mais qui rend le contenu beaucoup plus attrayant.

Et finalement...

14. Traiter un ou plusieurs coins d'un cadre
J'ai décider d'arrondir les coins du cadre du contenu. Je trouve que ça ne donne pas grand chose de plus à la page puisque les coins ne sont pas beaucoup prononcé. J'ai essayé de trouver une façon de fondre le fond avec la boite de contenu, mais j'ai pas réussi.

Ce qui aurait pu être fait après y avoir repenser...

On peut voir que l'organisation du contenu laisse un peu à désirer. On remarque beaucoup de sections éparpillées sur la page d'accueil qui se trouve un peu mélangées dans le menu du haut. Un petit ménage aurait pu être fait. J'aurait pu mettre les différentes sections qui se retrouve dans le menu avec la couleur qui correspond à la section placée dans la page d'accueil. De plus la couleur de fond est beaucoup non attrayante. Le dégradé qui a été utilisé pour le menu d'en haut aurait pu être utilisé

Mac Os X Léopard de Apple

Avez-vous vu la version la plus récente du système d'exploitation d'apple? On peut y découvrir plein de nouveautés. Si vous cliquez sur ce lien : http://www.apple.com/fr/macosx/features
vous pourrez voir toutes les nouveautés de cette toute nouvelle version.


Laissez-moi vous en faire un petit résumé.

Finder
Un nouveau système très pratique pour mieux parcourir ses fichiers a été intégré dans le Finder. Il s'agit de Cover Flow. Il permet de passer à travers tous les fichiers qui contient dans le disque dur très facilement. Vous pouvez avoir un aperçu grand format de votre fichier et même parcourir dedans votre fichier et faire jouer vos vidéos. C'est rendu aussi facilement que de trouver ses chansons dans iTunes. En fait, le créateur du nouveau système s'en est inspiré.

Quick Look (Aperçu)
Lorsque vous cherchez un fichier en particulier, il est plus utile d'utiliser le Quick Look. En fait, il a la même fonction que le finder, mais il ne contient pas tous les fichiers du disque dur. Il donne l'aperçu des fichiers d'un dossier sélectionné. Il fait un aperçu grand format. Donc, il permet de pouvoir voir le fichier sans avoir à l'ouvrir. Quick Look ouvre toutes les sortes de fichiers et on peut parcourir à travers tout le fichier en entier. Il nous permet également d'avoir plusieurs perceptives du fichier comme le voir en grand écran.

Mail (boite de courriel)
Plein de nouvelles fonctionnalités sont maintenant disponible dans la boite de courriel de Mac OS X Léopard. On peut ajouter une mise en page intéressante à notre message courriel qui rappelle un envoi d'une lettre postale. Parfois, on s'envoie des courriels à nous-même pour noter une information importante et on finissait toujours par perdre ce email. Maintenant, il est possible d'ajouter des notes dans votre boite de courriel qui ne risque pas d'être égaré. On peut y joindre du texte, des graphismes, des pièces jointes et autres.

iChat (logiciel de messages instantannés)
Vous pouvez changer maintant l'arrière-plan de votre photo que vous mettez sur le iChat. Vous pouvez aussi mettre des effets sur les photos qui peut rappeller les effets qu'on peut faire à l'aide de PhotoShop. Vous pouvez mettre faire défiler un diaporama de photos ou d'un vidéo en direct.

Spaces (espaces de bureau)
Vous êtes quelqu'un qui fait plusieurs choses en même temps sur son ordinateur et vous arrivez plus à vous retrouver? Alors avec cette nouvelle fonctionnalité, tous vos problèmes seront résolus. Quand vous allez ouvrir l'application Spaces, vous pourez aménager comme vous le désirez vos différents espaces de travail en ouvrant les logiciels que vous voulez pour chacun. De plus, c'est très facile de passer d'un espace de bureau à l'autre soit par les flèches ou encore par une vue d'ensemble.

Pour plus de détails, Si vous cliquez sur le lien suivant: http://www.apple.com/fr/macosx/guidedtour/large.html

Il vous donne accès à la visite guidée du système d'exploitation. J'espère que vous êtes bilingue, car le vidéo est entièrement en anglais. Elle dure presque 30 minutes, alors ça permet d'avoir un bon aperçu du nouveau système d'exploitation d'Apple.