Canalblog
Suivre ce blog Administration + Créer mon blog

Moi de A à Z.

Moi de A à Z.
Publicité
25 mai 2009

Moi



Ma présentation :

Bonjour,

Je m'appelle Héloïse Pinar, j'ai 24 ans curieuse, dynamique et souriante je suis titulaire d'un Bac Pro Préparation à la Forme Imprimante et d'un BTS Communication Graphique option réalisation et production d'un produit imprimé. Mes études m'ont permis de travailler dans le milieu de de l'imprimerie en rotative au sein de Lithotech France à Blois.

Lithotech France, ancien leader de l'imprimerie en continu Français, qui avait comme clients Peugeot, La Poste et des banques. Spécialiste de petits formats, d'adhésifs et produits spéciaux tels que imprimés pour les hôpitaux, documents avec mots cachés, chèques. A fermé en 2007 en partie racheté par Paragon.

lithopara

• 2005-2006

Prise en juillet 2005 en tant qu'Opératrice PAO dans leur nouveau service centralisé d'infographie. Nous avions en charge de participer à la création d'un nouveau service. Il prendrait en charge les nouvelles réalisations assistées par ordinateurs pour la production mais aussi aurait le devoir de reprendre les anciens fichiers pour les convertir sur le nouveau système d'exploitation et passer du logiciel Quark Xpress à InDesign CS2. Et de mettre à jour les images sous Photoshop CS2 et les images sous Illustrator CS2 selon des modes opératoire que nous avions créé en équipe.

Horaires d'équipe en 2/8, notre service était composé de deux équipes de 6 à 8 personnes toutes assez jeunes de 20 à 30 ans.

ara_texte

• 2006-2007

L'entreprise décida d'investir dans un CTP (Computer To Plate) afin de moderniser le service de fabrication de plaques Offset. Très intéressée par cette nouvelle technologie et par mieux comprendre la chaîne graphique dans son ensemble, j'ai proposé mon aide pour mettre en place ce service. J'ai pu donc participer à la mise en place de la pièce afin de l'optimiser pour un travail facilité, fait les modes opératoires pour la création assistée par ordinateur des impositions qui auparvant se faisaient de façon traditionnelle dans l'usine. J'ai aidé les deux employés du service, âgés de 55 ans et 57 ans qui n'avaient jamais touché un ordinateur, à se familiariser avec les trois postes avec lesquels ils devraient travailler.

Suite à un départ à la retraite dans l'usine j'ai pu intégrer ce service et devenir Opératrice CTP jusqu'à la fermeture de l'usine. Nous utilisions Dynastrip et un Rip Celebra.

Aujourd'hui je fais une formation du 25 Mai 2009 à Octobre 2009, au sein du CNA CEFAG d'initiation au web afin de d'élargir mes connaissances au domaine du web.

J'espère ainsi pouvoir passer du produit imprimé à la page web et devenir encore un peu plus polyvalente.
Et par la même occasion m'adapter au marché de l'emploi.

Dans l'avenir je désire continuer à travailler dans la communication graphique qu'elle soit papier ou web car ce métier est riche, en perpétuelle évolution où il y a toujours quelque chose à découvrir et à apprendre, un challenge pour une curieuse comme moi.

Publicité
24 mai 2009

Plus d'info



Mon Curriculum Vitae : 

Voici mon CV au format PDF pour plus d'information : Téléchargez ici.

23 mai 2009

Plus de motivation



Ma lettre de motivation : 

Pour juger de ma motivation voici ma lettre ci-jointe : Téléchargez ici.

30 mai 2008

Passons le temps...



Mes hobbies : 

J'aime partager des bons moments autour d'un bon jeu de société ludique.
J'écris, j'invente des histoires. Je joue donc à plusieurs types de jeux de rôles, jeux de rôle sur table, Grandeur Nature et même sur des jeux vidéo.
Curieuse et avide de savoir je brocante de vieux objets.

ryzomLioncourtlouphockey_club_06

29 mai 2008

C'est moi qui l'ai fait !



Photoshop : 

Réalisations exclusivement faites sur Photoshop CS4.Icones_PS

  • Un calendrier pour un jeu vidéo : ici



Illustrator :  Icone_Ai

Réalisations exclusivement faites sur Illustrator CS4.



Flash : 

J'essaie de me former seule sur Flash CS4 voici ce que j'ai réussi à faire.iconeFlash

  • Une petite image pour prendre en main Flash. ici


Sur le web : 

Quelques sites fait par mes soins via forum actif.Arob

Publicité
28 mai 2008

Point espace à la ligne...



Quelques règles typographiques :

Les règles de typographie sont simplifiées sur Internet : accentuation, ponctuation, espaces, casse. Adopter un code typographique présente l'avantage d'uniformiser le rendu écrit et de crédibiliser le contenu en garantissant un confort de lecture à l'internaute.

espaces

police

ara_texte

1. La police
- Police avec empattements (exemple : times new roman,…)
- Police sans empattement (exemple : arial,…)

Il y a des vendeurs ou créateurs de polices sur internet en voici quelques uns :

- Dafont police gratuite
- Coolgrafik
- Typographes

definitionsbelle_lettre

ara_texte

2. La mise en valeur du texte

  • Au départ du document, l’on saisit le texte au kilomètre sans mise en forme.
  • Ensuite on met en valeur des mots, des paragraphes en se posant bien la question de la force du message que je désire faire passer.
  • Comment on s’y prend ?

- Gras
- Italique : Dans le corps d’un texte, les italiques sont utilisés dans les cas suivants :

  • Titre d’une œuvre (l’Avare) ;
  • Titre d’une publication, journal, périodique, etc. (Média) ;
  • Les mots étrangers (Windows) ;
  • Les dédicaces (À mon directeur préféré) ;
  • Les notes de musique (Mais non les signes d’altération) (do) sauf #.
  • L’usage fait également qu’on utilise les Italiques pour mettre en évidence un paragraphe, une remarque.

- Souligné : Le souligné n’est jamais utilisé autant sur un périodique papier que sur un périodique numérique. Sur le web le souligné peut-être apparenté à un lien hypertexte.
- La couleur : Pourquoi en utiliser ? Que va t’elle m’apporter ? Va t’elle vraiment mettre en valeur le message que je désire faire passer ?

Atelier : Observez bien un périodique papier puis numérique au niveau du gras, de l’italique et du souligné.

Majmin

ara_texte

3. MAJUSCULE ou minuscule

Les mots en majuscule entraine une monotonie au niveau de la lecture.
En français, la majuscule s’utilise dans les conditions suivantes :

  • Premier mot d’une phrase (ou d’un vers) ;
  • Début d’une citation, d’un dicton, d’une devise, d’un aphorisme ;
  • Noms propres, prénoms, surnoms, pseudonymes, patronymes ;
  • Noms de marques et de modèles de marque ;
  • Noms des villes, pays, lieux-dits, peuples et habitants des régions ;
  • Noms des partis politiques et ordres civils, militaires et religieux ;
  • Noms historiques ;
  • Noms des monuments publics ;
  • Noms des sociétés, établissements, etc. ;
  • Les sigles ;
  • Les titres d’ouvrages ;
  • Les points cardinaux (s’ils désignent une région).

On n’utilisera pas les majuscules pour :

  • Les noms des mois (janvier, thermidor) ;
  • Les noms des jours (lundi, mercredi) ;
  • Les titres et qualités des chefs d’état ou de gouvernement (le premier ministre) ;
  • Les déterminatifs et adjectifs (la Légion d’honneur, la Cour suprême).

Contrairement à un usage répandu, la majuscule est inutile après

  • Les deux-points ;
  • Un point d’interrogation ou d’exclamation qui ne termine pas la phrase.

Atelier : Observez bien un périodique papier puis numérique pour y trouver des mots en majuscule. Combien ?

Ponct

ara_texte

4. La ponctuation

Insérer une espace ? La ponctuation des signes simples et doubles
Les signes simples sont :

  • la virgule ","
  • le point "."
  • les points de suspension "..."

La règle est : "signe simple, espace simple" ; l'espace se trouve après le signe.

Les signes doubles sont :

  • le point-virgule ";"
  • les deux-points ":"
  • le point d'exclamation "!"
  • le point d'interrogation "?"

La règle est : "signe double, espace double" (une espace avant, une espace après).

Néanmoins, sur Internet, mieux vaut ne pas intégrer d’espace pour éviter le retour à la ligne d’un élément isolé.
Autre solution : ajouter un espace insécable en HTML représenté par &nbsp ;
La ponctuation des parenthèses, guillemets, crochets, accolades laisser des espaces à l'extérieur, mais pas à l'intérieur.

ponctuation

2 exceptions :
Il n’y a pas d'espace entre la parenthèse finale et la ponctuation simple qui suit pour les guillemets à la française « », appliquer la règle des signes doubles, soit des espaces avant et après sauf s'ils sont suivis d'une ponctuation simple.
Quelle ponctuation pour les listes à puces et à numéros ?
Pour les listes, il faut laisser une espace entre le tiret et le mot qui suit ; pour terminer une liste, 2 solutions sont possibles avec une préférence pour la seconde:

  • 1) pas de virgule à la fin de chaque élément de la liste, ni de point à la fin :

         ligne 1
         ligne 2

  • 2) un point-virgule à la fin de chaque élément de la liste, un point à la fin :

        ligne 1 ;
        ligne 2.

image

ara_texte

5. Les images
Pensez bien à diminuer votre image avant de l’utiliser sur un diaporama ou un article numérique.
Le fait de la diminuer sur votre support (un article par exemple) n’allège pas le poids de celle-ci.
Résolution de l’image : 72 dpi ;
Taille : Suivant votre besoin. La taille d’un écran est de 1 280x800 pixels en moyenne.

Extension :
GIF : Adapté pour des dessins comportant peu de couleur ;
JPEG : Adapté pour les photos ;
PNG : Adapté pour les photos, gère en plus la transparence.

27 mai 2008

Au boulot !



Les grands métiers du web :

Administrateur_de_donn_

 

Administrateur de bases de données :

      L’administrateur de bases de données surveille, exploite et développe une ou plusieurs bases de données dont il garantit la cohérence et l’accessibilité permanente des informations. L’activité de l’administrateur de base de données est un métier classique du domaine de l’informatique. Il a en charge une ou plusieurs bases de données. Son activité se situe au croisement entre l’intervention technique, le conseil, la formation, et la veille technologique.

En fonction de son expérience, de 2 800 à 3 800 euros brut/mois.

ara_texte

Architecte logiciels télécoms :

      L’architecte logiciels télécoms conçoit les caractéristiques majeures de logiciels de différents niveaux : logiciels de supervision de réseaux, logiciels de communication et de commutation, logiciels de conduite d’un terminal. Il suit ensuite la phase de développement du logiciel afin d’assurer sa cohérence avec les autres composants. L’activité de l’architecte logiciels télécoms est liée à celle du concepteur et de l’architecte technique qui a plutôt en charge le suivi et l’évolution des réseaux une fois installés ; il est capable d’articuler son activité avec ces derniers, mais il peut également avoir à encadrer une équipe de concepteurs de logiciels pour des projets plus importants. Son activité se situe ainsi entre le chef de projet et la conception de logiciels. Elle relève du management comme de la maîtrise des techniques télécoms et informatiques.

En fonction de son expérience, de 3 500 euros brut/mois.

ara_texte


Architecte matériel :

      L’architecte matériel est responsable de la conception, suivant sa spécialité, d’un matériel ou d’une gamme de matériels destinés à l’équipement d’une infrastructure de réseau ou d’une gamme de terminaux de télécommunications. L’activité de l’architecte matériel est liée à celle du concepteur et de l’architecte technique qui lui a plutôt en charge le suivi et l’évolution des réseaux une fois installés ; il est capable d’exercer l’activité de ces derniers, mais il peut également avoir à encadrer une équipe de concepteurs pour des projets plus conséquents.

Salaire du débutant :
De 2 600 à 3 000 euros brut par mois.

ara_texte


Architecte technique :

      L’architecte étudie, définit et propose les évolutions du système d’information, dans le respect des contraintes métier et des objectifs stratégiques de l’entreprise. L’activité de l’architecte technique est liée à celle du concepteur et de l’architecte matériel. S’il n’intervient pas spécifiquement sur la conception, ce qui est plutôt du ressort de l’architecte matériel, il assure le suivi et l’évolution du réseau. Son activité est donc essentiellement technique, c’est-à-dire de maintenance, de transformation, et d’amélioration du réseau.

ara_texte


Chef de projet informatique :

      Le chef de projet spécifie, organise et planifie la mise en œuvre d’un projet ou d’un ensemble de projets, depuis sa phase de conception jusqu’à sa réalisation, en s’appuyant sur des ressources internes ou externes. L’activité du chef de projet consiste à suivre et faire développer un ou plusieurs projets techniques par une équipe. En conséquence son activité se situe au carrefour entre le service au client, le management et l’expertise technique. Selon son expérience son domaine de management peut varier : il peut encadrer des projets spécifiquement techniques, des projets portant sur un secteur d’activité ou une fonction (marketing, commercial, etc.).

En fonction de son expérience, de 3 500 euros brut/mois.

ara_texte


Concepteur multimédia :

      Concepteur, concepteur web ou concepteur multimédia : les appellations peuvent varier mais désignent toutes une même réalité. Au carrefour de la communication et des technologies multimédias, le concepteur est avant tout un créatif, son rôle est d’inventer. Ses fonctions empruntent largement à celles du concepteur-rédacteur, tout en intégrant une dimension technologique très marquée. Spécialiste de l’interactivité, il participe à l’élaboration de contenus originaux associant texte, son et image. Le champ d’intervention du concepteur est assez large, de la création d’une campagne interactive simple à la conception d’un produit multimédia complexe (CD-Rom ou site Web).

Salaire du débutant :
De 1 500 à 2 500 euros brut par mois.

ara_texte

consultant
Consultant technique / conseil en informatique :

      Le consultant technique est chargé de définir et concevoir des solutions techniques pour le compte de clients utilisateurs : il contribue à la phase de construction de l’offre en amont (avant-vente) et en aval (réalisation du projet l’implémentation). Le consultant fonctionnel, véritable interface entre la technique et le métier, accompagne son client dans son processus de modernisation et de développement technologique. L’activité du consultant consiste à proposer des solutions techniques et/ou organisationnelle à une entreprise cliente. En conséquence son activité se situe au carrefour entre le service au client et l’expertise. Selon son expérience, son domaine d’intervention peut varier : il peut être expert d’une technologie, d’un secteur d’activité ou d’une fonction. Son champ de compétences peut donc être variable, mais il se déploie généralement selon trois grandes dimensions.

En fonction de son expérience, de 3 500 euros brut/mois.

ara_texte


Développeur multimédia / développeur de projet multimédia :

      Le développeur multimédia participe à la conception et au développement de nouvelles applications multimédias. Il définit le cahier des charges (codage des pages, intégration des bases de données) et réalise l’application multimédia par l’assemblage et la fusion de fichiers texte, image et son. Il peut participer à l’émergence d’une solution technique originale dans le cadre d’un projet de réalisation multimédia. Les activités du développeur Web ou multimédia s’articulent à celles du chef de projet et du concepteur. Son rôle consiste à assurer la conduite technique du projet : application du scénario crée, manipulation d’outils graphiques et implémentation Internet. Le développeur est un technicien qualifié. Ses compétences se situent au croisement de trois domaines : l’infographie, l’interface Web et le développement multimédia.

Salaire du débutant :
De 1 300 à 2 200 euros brut par mois.

ara_texte

Graphiste
Graphiste multimédia :

      Le graphiste multimédia est chargé de la conception graphique et visuelle lors de la création ou de l’optimisation de sites Internet ou de produits multimédias. Il réalise des éléments graphiques puis les intègre dans des pages. Les activités du graphiste multimédia s’articulent à celle d’un chef de projet multimédia, du concepteur et du développeur. Il est un concepteur visuel. Son rôle consiste à réaliser l’interface graphique de produits multimédias. Ses compétences se situent au croisement entre la maîtrise des technologies Internet et de la conception graphique.

Salaire du débutant :
De 1 500 euros brut par mois.

  ara_texte

info
Infographiste :

      L’infographiste est chargé de la création et de la réalisation d’un projet graphique (dessin d’affiche, logo, couverture de document, etc.) respectant le cahier des charges remis par le commanditaire. Il en assure la conception et la réalisation informatique. Les Agences de publicité, les Studios de création et les organisations ayant une activité de rédaction font travailler des infographistes. Il peut exercer son activité en présentiel ou à distance. Les activités de l’infographiste se situent au croisement de celle du graphiste, c’est-à-dire de la production de contenus graphiques, et de l’informaticien dont les outils techniques appartiennent spécifiquement au monde de l’Internet et de l’Intranet.

Salaire du débutant :
De 1 300 à 1 500 euros brut par mois.

ara_texte

res_web
Responsable Développement de sites Web :

      L’activité du responsable développement de site web a pour objet l’assemblage des éléments conçus et/ou choisis par le chef de projet, qui donneront corps au site, à savoir les textes, images, liens hypertextes, tableaux, etc. Pour ce faire, il doit être capable de lire, interpréter et si nécessaire re-traduire les recommandations du chef de projet. Il doit maîtriser le ou les CMS (Content Management System) qui lui permettront de développer le site. Il doit aussi avoir le sens de l’essai, de l’expérimentation mais aussi l’humilité et la simplicité nécessaire pour rectifier, réajuster le travail fourni.

ara_texte

marketing
Responsable du marketing interactif :

      Le responsable du marketing interactif définit et met en œuvre la stratégie de promotion d’un site Internet en vue d’accroître son audience et éventuellement les ventes induites. Son activité appelée aussi Web planneur ou multimédia se situe au croisement entre l’administration de site Internet et le marketing : promotion, conception, réalisation et administration. Il peut intervenir aussi bien dans le domaine spécifique des nouvelles technologies, que dans un service marketing, informatique ou de communication. Ses compétences découlent ainsi des contraintes liées à l’activité commerciales du marketing, et celles liées à la spécificité des techniques internet.

ara_texte

securite
Responsable sécurité informatique :

      L’activité du responsable sécurité informatique a pour objet la sécurisation du système d’informations de l’entreprise. Pour ce faire, il définit et/ou participe à la définition de la politique (grands choix) sécurité du service informatique de l’entreprise. Il conçoit et met en place la réglementation ainsi que les procédures de normalisation. Il décide des actions de contrôle à mettre en œuvre (audit ou autre). Il choisit et/ou conçoit si nécessaire les solutions aux problèmes rencontrés. Il assure et supervise la maintenance de l’ensemble des systèmes de sécurités. Il fournit au management les analyses et rapports attendus pour une bonne conduite du système productif.

Salaire du débutant :
De 2 500 à 4 000 euros brut par mois.

ara_texte
assistance_info

Technicien assistance informatique / technicien réseaux :

      Les activités du technicien assistance informatique ont pour objet l’installation initiale du matériel, ses éventuelles mises à jour, son intégration dans des systèmes plus complexes et sa maintenance. Pour ce faire, il doit être en capacité de diagnostiquer le ou les besoins, d’intervenir dans les limites de ses compétences pour maintenir ou faire évoluer, et si nécessaire contribuer à trouver le bon intervenant. Il doit être également capable de préparer et/ou de former des utilisations. Son rôle varie suivant la taille de l’entreprise où il exerce.

Salaire du débutant :
De 1 750 euros brut par mois.

ara_texte

webmestre
Webmaster :

      Le Webmaster conçoit, réalise, gère et fait évoluer des sites ou des services en ligne pour le compte de différents clients ou pour son entreprise. Le Webmaster est en charge du site Web, son fonctionnement, son administration et sa mise à jour. Ses activités se situent au carrefour entre les technologies informatiques et Internet.

Salaire du débutant :
De 1 300 à 2 200 euros brut par mois.

26 mai 2008

Attention ca fait mal...



ouille

Les risques liés aux métiers du Web :

Sur son lieu de travail, quelque soit le travail, il y a des risques. Connaitre ces risques nous permet de les prévenir, de nous en protéger et d'en protéger les autres. Pour cela il existe des normes d'hygiène et de sécurité de base pour chaque corps de métier.

 

Voici une liste de certains de ces risques :

 

  • mal_aux_yeuxProblèmes de vue : Le travail sur ordinateur de façon prolongé ou avec des écrans ou des éclairages non adaptés peu altérer la vue et provoquer des douleurs occulaire et des maux de têtes.
  • mal_au_dosDouleurs lombaires : Si la personne ne s'assoit pas correctement, si sa chaise n'est pas adaptée ou le bureau à la mauvaise hauteur des douleurs peuvent se faire sentir et finir par être graves.
  • Douleurs articulaires : Les poignets, les coudes et le bras en générale peuvent finir par être bloqués par des tendinites suite à des mauvaises postures prolongées.
  • aie_aieMalaises divers : Mal récent et peu connu du aux ondes. Maux de têtes, vertiges et autres malaises sont des symptômes courant lorsqu'on travaille à côté d'antenne Wifi.
27 mai 2007

J'ai les clefs du succès !



Facteurs-clés du succès économique d'un site web :

Faculté d’attraction de visiteurs : acquérir des visiteurs via les différents médias disponibles, faire venir les internautes sur le site : pertinence du positionnement (référencement) du site, liens entrants, marque forte, notoriété de la marque, visibilité sur les sites sociaux, présence sur les carrefours d’audience, …

ara_texte

Faculté de collecte d’information : être capable de collecter des informations sur ces visiteurs, prospects, les exploiter et les analyser pour optimiser ses campagnes et son expérience utilisateur : Formulaire, adserving, web analytics, carte de fidélité …

ara_texte

Expérience utilisateur : facteur trop souvent négligé, l’expérience utilisateur reste une des meilleures façons de fidéliser un visiteur : Ergonomie, RIA, fonctionnalités diverses facilitant la navigation, widget à valeur ajoutée, funnel d’achat simplifié et intuitif …

ara_texte

Faculté de monétisation externe : la transformation d’un trafic en euros s’applique surtout aux marchands B2C/B2B mais un site corporate peu également y être confronté. En gros il faut pouvoir faire vendre.
> liens sponsorisés, pages optimisées, affiliation et animation de son réseau d’affiliés, (assez pertinent si on sait animer son réseau), pub (basique incontournable), boutique dédiée, e-mailing (toujours très efficace), jeu concours …

ara_texte

Faculté de buzz : assurer la « buzzabilité » du site : éléments viraux plus évolués que le « envoyez à un ami », présence active dans les réseaux sociaux, contenus suceptibles d’être diffusés par les utilisateurs, exploitation de vidéos, module de recommandation de produits à disposition des utilisateurs, user genrated content…

26 mai 2007

Ohh le joli site !!



A quoi sert le Design Graphique sur un site web ? :

 

Un design graphique réussi sur un site web entraîne quatre impacts positifs :

  1. Identification du site,
  2. Apparence professionnelle suscitant la confiance,
  3. Amélioration du repérage des éléments de navigation,
  4. Valeur ajoutée au contenu textuel.

En contrepartie, certaines outrances peuvent détruire ces acquis en amenant une perturbation de la qualité de la consultation des pages. Tout est affaire d'équilibre.

 

Qu'entendre par « Design Graphique » :
Il ne faut surtout pas réduire à la présence d'illustrations le design graphique (ou design visuel) d'un site web. Par « design graphique », il faut comprendre les éléments participant à l'impression visuelle laissée par un site au sens large :

  • Gabarit général des pages,
  • Présence d'illustrations (statiques ou animées) au sein du gabarit des pages ou de leur contenu,
  • Design de la navigation (textuel, boutons ou icônes),
  • Distinction entre les zones de chaque page,
  • Couleurs de fond de page et de texte,
  • Choix des polices et des tailles de caractères,
  • Etc...

De plus, les principes conceptuels techniques généraux du site participent de son apparence générale : emploi restreint ou généralisé de technologies d'animation pour le contenu ou la navigation, ou au contraire prédominance du HTML, conduiront à définir des identités visuelles radicalement différentes.

Le Design Graphique, source d'identification :
Le premier rôle du design visuel est de permettre une parfaite identification du site sur lequel on se trouve, et ce même si on n'y arrive pas par la page d'accueil. Par conséquent, le logo de l'émetteur du site, sa marque, doivent être aisément repérables, en partie supérieure de la page. De plus, Les choix de couleur et de composition de page devront permettre d'éviter toute confusion entre l'apparence d'un site et celui de ses concurrents directs (identification « différentielle »). En contrepartie, une galaxie de sites appartenant à un même univers (par exemple un réseau d'hôtels indépendants mais affiliés au même réseau de vente) ont tout intérêt à unifier le « look and feel » de leur site pour mettre en avant leurs avantages communs (identification par association).

pr_sentation_coca

Tout le monde connait Coca cola par son logo. Sur le site on retrouve bien ce logo, la couleur de celui-ci et même les bandes rouges et la bouteille mythique.
Sans aucun doute on sait sur quel site on est.




Le Design Graphique, source de confiance :
Sous certaines conditions, un bon design visuel peut améliorer la confiance du visiteur dans l'émetteur du site (toutes choses égales par ailleurs, cela ne suffit pas).
Comment ? En prodiguant un gabarit de page constant au travers des pages et une composition rigoureuse et précise de celles ci. Un site dont la composition de page ferait trop « patchwork » ou souffrirait d'imprécisions graves verrait son potentiel de diffusion de confiance sérieusement entamé : un site au look professionnel véhiculera plus facilement une image professionnelle de la société qui l'édite.


Le Design Graphique, source d'ergonomie :

Ce point est essentiel : un bon design graphique doit permettre de repérer facilement les choix de navigation offerts à l'internaute, et de distinguer clairement les zones dédiées au contenu des zones "fonctionnelles" :

  • Navigation « contextuelle » (c'est à dire en rapport avec le contenu, par exemple les « liens associés »)
  • Navigation structurelle (les liens qui seront invariants tout au long du site, qui servent de repère permanent à l'internaute)

Trop de sites rendent difficile cette distinction par des mauvais choix de polices, de contraste entre fond et texte, par un mauvais design des boutons, etc...
De plus, certains sites, en voulant « en mettre trop » sur chaque page, rendent la navigation peu compréhensible et réduisent considérablement l'espace-écran dédié au contenu. Mettre en valeur le contenu et simplifier la navigation suppose, au contraire, de s'en tenir à un nombre raisonnable de zones fonctionnelles. Les pages ou les choix de navigation sont les plus nombreux doivent être dédiées à cela (ex : yahoo et de nombreux portails) et dans ce cas, les choix de navigation deviennent le contenu du site : la navigation devient alors très "contextuelle" et donc efficace. (cf veblog, comment naviguent les internautes)
L'illustration peut souvent être un excellent complément de l'information textuelle : une bonne image vaut mieux qu'un long discours.
Lorsque une photo, un schéma, un dessin, ou trois scènes de bande dessinée illustrent en un coup d'œil des concepts difficiles à décrire en mode textuel, alors le procédé vaut d'être employé.

exemple4


En un clic on peut
remonter l'arborescente
de notre recherche
(et elle est longue),
voir les tailles et
les couleurs.
En même temps que
l'on fait nos choix
apparaissent
la disponibilité,
la réduction
appliquée et le prix. 


Le coté obscur du Design Graphique : source de perturbation
Mal utilisé, le design graphique d'un site peut annihiler les bons côtés vus précédemment en détériorant l'expérience utilisateur :
- perturbation par la fatigue : des choix de couleurs trop vives, des contrastes trop brutaux (caractères verts sur fond rouge) ou au contraire trop mous (caractères marron clairs sur fond blanc « cassé »), ou encore trop d'animations sur les pages vont engendrer une fatigue visuelle rapide de l'internaute, qui ne sera pas ainsi incité à approfondir sa navigation sur le site. De plus, trop de richesse colorimétrique finit par contrarier la lecture des pages.
la multiplication excessive des signaux ("bruit de fond visuel") : Trop d'images, spécialement trop d'images animées, non directement reliées au contenu, réduisent les facultés de bien percevoir les informations utiles. Des études dans lesquelles des caméras suivaient le mouvement des yeux de l'internaute ont montré que celui ci recherche prioritairement le texte qui l'intéresse lorsqu'il arrive sur une page. Aussi si ces renseignements textuels sont noyés au milieu d'autres signaux visuels, l'internaute risque-t-il de ne pas les voir par effet de saturation.
Toutefois, Il convient de préciser que l'internaute développe assez vite des réflexes de défense contre ces perturbations visuelles : la même étude a montré que celui ci ignore spontanément tout ce qui s'apparente à une bannière de publicité (même si ce n'en est pas...) dans les pages qu'il visite.
Malgré tout, la présence d'images animées trop étroitement imbriquées dans le contenu constitue une réelle barrière à la visibilité des informations.
Les images hors contenus doivent donc être limitées au maximum : l'identification, le look professionnel des pages et la clarification entre zones décrites précédemment doivent s'opérer avec un minimum de recours au graphisme. La sobriété est un facteur souvent déterminant de l'utilisabilité d'un site, et donc de la qualité de l'expérience vécue par l'utilisateur.

exemple5
Ici le site à choisi de mettre son prix dans une étiquette comme en magasin, hélas on peut le prendre pour une publicité parasite.
A vouloir faire quelque chose de trop graphique pour le prix il en devient ici quasiment illisible.



Comme pour chaque élément de votre projet web, vous devez faire preuve de rigueur quant à l'intégration des éléments de charte graphique dans votre site web. Pour chacun d'entre eux, vous devrez vous poser les questions suivante :

Ce choix graphique contribue-t-il fortement à :

  • Identifier l'émetteur du site ?
  • Donner une apparence professionnelle au site ?
  • Clarifier les différentes zones de contenu et fonctionnelles des pages du site ?
  • Donner une place suffisante au contenu ?
  • Illustrer intelligemment le contenu ?

Et n'oubliez pas qu'une fois ces choix faits, seul un véritable test utilisateur (cf.veblog, pourquoi et comment tester votre site) vous permettra de savoir s'ils ont été pertinents. Une conception excellente sur le papier peut se révéler mauvaise vue de l'utilisateur, même si vous croyez avoir mis tous les atouts méthodologiques de votre côté. Trouver le bon compromis entre apparence visuelle et efficacité du design peut être une démarche nécessitant plusieurs tâtonnements avant de parvenir à l'équilibre idéal.

Publicité
1 2 > >>
Publicité