Voici différentes icones de fonction créées pour les besoins d'un logiciel sur les premiers secours.
1. | 2. | 3. | 4. | 5. |
---|---|---|---|---|
Analyse
A quoi servent ces icones, quelle est leur fonctionnement.
Le logiciel dans lequel elles apparaissaient, mettait en scène un accident de la route. L'utilisateur devait alors faire appel à ses connaissances de premiers secours pour venir en aide au blessé. Une fois l'animation de l'accident terminé, l'utilisateur devait commencer par choisir une des procédures. C'est là qu'apparaissaient les icones. Chacune représentait une des actions à faire de manière à accomplir les premiers secours. La fonction de chacune des icones étaient donc de passer à une sous-procédure précise, d'accéder à une certaine partie du logiciel. En ce qui concerne l'ensemble des icones, elles sont crées de la même manière.
Le fond est en gris afin d'être de couleur neutre et aussi de la même couleur qu'une route bétonnée telle que l'autoroute. C'est la présence des traits blancs qui fait apparaître la route. Les personnes sont représentées par un rond noire et des rectancles noires liés. La taille du cercle qui fait office de tête est plus grande proportionnellement que celle d'un être humain. L'homme debout est le sauveteur, en opposition avec celui qui est couché qui est le blessé. La voiture est une silhouette noire pleine vue de profil. La borne de secours est représentée par une ensemble de rectangles oranges (elles sont de cette couleur en Suisse) avec écrit dessus "SOS" et avec un combiné et des touches (petits points noir). Le triangle de panne est représenté par une triangle rouge creux. De manière générale le but était de symboliser des situations particulières. La taille d'une icone ne permet pas de mettre des dessins compliqués si l'on veut qu'elle soit compréhensible. De ce fait nous avons essayé de simplifier les dessins au maximum afin qu'il n'y ait que l'information absolument essentielle présente et non des détails superflus. Les têtes ont été exagéré de sorte que l'on reconnaisse bien une silhouette humaine. Ce procédé est aussi utilisé dans des panneaux de signalisation routière comme par exemple ceux indiquant des travaux ou encore sur des affiches.
La signification, fonction de ces icones en-dehors du logiciel ne serait peut être pas évidente, toutefois nous les avons conçus dans le but précis d'être utilisé dans le programme qui représente un contexte bien particulier connu de l'utilisateur avant de débuter le logiciel.
Voyons maintenant plus en détail chacune des icones.
Technique:
Au niveau technique ces icones ont été réalisées au moyen du logiciel de Paint Shop Pro. La principale difficultée technique rencontrée a été de faire des dessins sur une dimension aussi petite. En effet il fallait dessiner au pixel près, travailler de manière très précise.
Icones de marquage
Voici différentes icones de marquage servant à marquer l'identité de personnages du Tecfamoo.
1. | 2. | 3. | 4. | 5. |
---|---|---|---|---|
|
|
|
|
|
Elles peuvent être utilisées pour dans l'interface Web du Tecfamoo (porte 7778), pour indiquer par exemple l'appartenance de différents objets, pièces, verbes, etc. Ces icones n'ont de sens ou sont reconnaissables uniquement dans le contexte du TecfaMoo.
Rappellons que le TecfaMoo est un environnement virtuel sur lequel peuvent se connecter différentes personnes correspondant chacune à un personnage. Ces personnages peuvent créés des objets, des pièces, des verbes, etc. On peut accéder à certaines informations sur ce Moo au travers du Web. L'idée de ces icones est de les mettre sur toutes pages correspondant à des objets, verbes, pièces crées par ces personnes. L'information visuelle qui serait alors fournie serait celle de l'identité du personnage créateur, possesseur.
Réalisation
L'idée principale pour la création des ces icones étaient de mettre dans le peu de place disponible, les éléments, les informations essentiels permettant de comprendre ces icones. Il a donc fallut trouver dans un premier temps quelles seraient ces informations là.
Puis pour réaliser ces différentes icones, j'ai soit utilisé des images qui existaient déjà et les ai retouchées (merci Photoshop et Paint Shop Pro), soit je les ai moi-meme créées. Toutes les images utilisées sont des dessins et non des photos. En effet des études ont montré que le taux de reconnaissance d'un dessin est supérieur à celui d'une photo.
Pour chaque icone j'ai les informations ou dessins sont centrés, le fond dest une couleur unie afin de mettre en évidence les dessins. Peu de couleurs différents sont utilisées afin de simplifier la représentation au maximum.
L'idée était de retranscrire une information symbolique, soit un nom de personnage, à travers une image analogique. Ainsi prenons un exemple le personnage "Abeille" renvoit à une personne précise dont le vrai nom n'est pas celui-là. Ainsi "Abeille" renvoit à une personne mais aussi à un insecte. Le mot "Abeille" est un signifiant, le signifié est la personne et le référent (ou classe, catégorie) est l'insecte volant et butinant dans les champs. La représentation que je fais est celle du référent et qui dans un contexte précis renverra au signifiant.
Petite analyse de chaque icone: