CONSIGNES DE DÉPART
  • Voci un modèle pour vous aider à créer vos pages-écrans . Vous allez d'abord identifier tous les objets visuels (textuels et iconiques) et sonores à insérer dans chaque page-écran. Un exemple a été intégré dans la partie de droite.
  • Vous fixerez ultérieurement, dans la charte graphique,  vos objets  en précisant certains codes et procédés techniques pour les faire naître, tels que les procédés techniques 9dessin, photo, schéma...), couleurs, organisation spatiale des éléments iconiques, codage du texte (choix et taille de la police de caractères) ...
  • Inscrivez à côté de chaque objet choisi (textuel, iconique ou sonore), son origine si possible (dossiers ou web)
 
 
FICHE DESCRIPTIVE D'une PAGE ÉCRAN.
 
ÉCRAN  n
Extension
Page d'accueil en Flash:
http://www.monkey.com/lobby_flash.htm
Page d'accueil avec cadres:
http://www.monkey.com/FR4/main.htm
____________________________________________
TITRE 
sous-titre/slogan
de la page d'entrée
MONKEYmedia
titre en rouge orangé helvetica et sous-titre en noir et helvetica:

interface design
information architecture
interaction technology.(sous-titre)

What does user friendly mean to you? (slogan)

1. FOND
couleur du décor ou arrière-plan
Tons de marron et jaune :
Corps de la page="#CCCC99"(marron)
barre de menu pour version avec cadres="#FFFFCC"(jaune)
2. FORMES ICONIQUES
Images fixes, en mouvement, tableau, graphique,
-MONKEYmedia logo-Page d'entrée en mode cadres ou flash: 
entrée par le vivant dans les deux cas avec le singe comme métaphore/logo de marque.____________________________________________________
3. TEXTE
informatif
implicatif
poétique/expressif (narration)
Texte en noir, 
Discours implicatif/texte argumentaire
To experience MONKEYmedia's view of the future of the web, check out the ULTRA-SENSORY version of this site. It features pseudo-fisheye navigation techniques, rich vector animation, and a textured audioscape. 

But: nous donner le goût de découvrir le site par l'idée d'avant-garde d'une part et aussi par celle de la qualité reconnue(tous les prix gagnés sont montrés à droite).

4. AUDIO
Musique
Parole
Bruits
-oui , seulement pour la version Flash. 
Musique tribale au début et qui se module et évolue selon les points d'entrée . Des bruits accompagnent les choix des menus et sous-menus ___________________________________
5. ANIMATION (au choix) -oui en version Flash dès la page d'accueil
6. VIDEO - non
7. OUTILS d'interactivité :

7.1 - interactivité fonctionnelle
• menu principal

• menu périphérique avec icônes/boutons prédicatifs:
accueil, 
recherche
entrer, avancer...

hyperliens :
pour pénétrer dans l'espace virtuel du site ou ailleurs... (par le texte ou par l'image)
 

7.2. interactivité relationnelle

•outils de communication: 
courriel
chat, forum, babillard ...

 

Menu principal : 5 points d'entrée
1)mission/générique, 2)services offerts, 3) technologie utilisée, 4)fondements théoriques et références, 5)exemples de productions.

Profile
Services
Technology
Reference
Portfolio
 

Menu périphérique avec icônes pour le courriel, l'accueil et la recherche:
 

Bouton prédicatif pour rentrer dans la versiuon Flash

8. Esquisse
Remarques complémentaires
Trois interfaces donc trois stratégies de communication sont proposées sur ce site de MONKEYmedia avec des pictogrammes communs au départ ; c'est l'animation visuelle et sonore des objets ainsi que l'interactivité développée avec le participant qui font d'abord la différence (entre la version Flash et cadres) . La version texte n'offre que du texte linéaire sans aucun codage visuel.

Les fenêtres ou cadres rendent possible la représentation simultanée sur l'écran de plusieurs activités. Le menu principal permet de choisir les actions à venir; d'autres menus ou outils sont proposés pour mieux naviguer ou échanger . Les icônes ou pictogrammes représentent des objets informatiques sous forme concrète (ancrés par des mots-clés). L'outil de pointage, généralement la souris, permet de sélectionner les fenêtres, menus et icônes.