Nostromo, agence de communicatio, partage un lexique complet sur le webdesign

45 termes à connaître pour le webdesign (2/3)

Nostromo, agence de communicatio, partage un lexique complet sur le webdesign

 

Nous continuons cette semaine chez Nostromo, agence de communication, notre exploration du lexique du webdesign – toujours dans l’idée que cela ne peut que faciliter les discussions et l’avancement du projet. Après s’être concentré sur le graphisme, nous abordons, cette semaine les aspects plus spécifiquement design de l’opération.

Bonne lecture !

 

Design

Affordance : En ergonomie, l’affordance est la capacité d’un objet ou d’une caractéristique à suggérer sa propre utilisation. Les principaux éléments avec affordance à prendre en compte sont les boutons et les onglets, les liens, les icônes et les champs de formulaires par exemple. « Mets du CTA, mets du CTA bien voyant » : phrase que les professionnels du milieu sauront reconnaître !

Baseline : Il s’agit d’une simple expression facile à retenir, marquant les esprits permettant de définir l’univers d’une marque. Elle est souvent utilisée sous le logo ou en bas d’un document en signature : « Le média des professionnels du digital ».

 Brief (ou cahier des charges) : document rédigé par le commanditaire d’un projet, qui définit le contexte, les spécificités et les objectifs du projet web. Il précise notamment les contraintes techniques et fonctionnelles liées à la mise en œuvre du site. Il détaille également les objectifs à atteindre vis-à-vis des cibles marketing. Le brief est valable pour tout projet créatif, pas uniquement pour un site (création de logo, charte graphique, documents commerciaux, campagne pub, etc…)

 Charte éditoriale : la charte éditoriale d’un site web garantit l’homogénéité du contenu dans ses normes d’écriture (calibrage des libellés, registre lexical, découpage du texte, etc.). Ces règles d’écriture sont déterminées en fonction de la cible du site, dans le but de rendre la consultation des pages plus pertinente et efficace. Concrètement, la charte éditoriale donne le ton, l’ambiance, le style…

Cinématique : enchaînement des écrans selon les scénarios possibles de navigation dans l’interface.

Ergonomie : un site ergonomique est un site qui conduit naturellement et rapidement le visiteur vers l’information qu’il recherche et lui offre un confort de navigation.

Habillage (de site) : dispositif publicitaire qui consiste à reprendre des éléments d’identité visuelle d’un annonceur, notamment ses couleurs et son logo, pour donner un aspect personnalisé aux   pages d’un site ou à une newsletter. Ce type de dispositif peu intrusif est généralement utilisé en complémentarité avec d’autres formats.

Maquette : la maquette fonctionnelle formalise de manière détaillée l’ensemble des contenus, rubriquages et fonctionnalités présentes sur un gabarit de page. La maquette peut utiliser du faux texte (Lorem ipsum) et de fausses images. Elle vise à donner l’impression graphique d’ensemble du projet final.

Mobile First : concept qui consiste à concevoir un site en réalisant en priorité la version mobile et en adaptant progressivement celui-ci pour les écrans plus larges, soit à l’inverse du concept traditionnel qui consiste à dégrader progressivement un site web pour l’adapter à un affichage sur des écrans plus petit.

Mock-up : maquette graphique simplifiée d’une page Web qui vise à représenter les fonctionnalités sans commencer à étudier l’aspect visuel. Ce terme est aujourd’hui un peu galvaudé et peut aussi signifier « gabarit ».

Scenario (ou story-board) : étape de scénarisation qui intervient après la définition de la stratégie du projet web, et avant la phase de réalisation graphique. Le scénario définit de manière détaillée (contrairement au zoning) la structure, le découpage et les interactions dans une page.

UI (interface utilisateur) : ce qui fait le lien entre l’humain et la machine. C’est donc « le produit fini », le résultat final d’un site web présenté à l’internaute, et sur lequel il peut naviguer facilement, sans rencontrer de difficultés. Mais les définitions ne font pas consensus et l’UI peut également être considérée comme une composante de l’UX. Dans ce cas, l’UI est l’apparence graphique, la personnalité de l’interface et c’est l’UX qui fait le lien IHM (interactions homme-machine).

UX : l’expérience globale ressentie par l’utilisateur lors de l’utilisation d’une interface, d’un appareil digital. On s’accorde pour dire que l’UX s’appuie aussi bien sur l’utilisabilité, autrement dit la « facilité d’usage » d’une interface, que sur l’impact émotionnel ressenti. Ces deux aspects de l’expérience utilisateur sont indispensables et indissociables pour qualifier une expérience de « bonne UX ».

Webdesign : conception visuelle d’un site Web qui consiste à structurer les éléments graphiques du site : arborescence, création de la charte graphique, structure des contenus, de la navigation, production des éléments pour intégration, etc. L’objectif du webdesigner est de traduire et renforcer l’identité visuelle de l’entreprise en valorisant son image par le biais d’éléments graphiques, tout en assurant une navigation fluide et ergonomique au visiteur.

Webdesigner : le terme de webdesigner est polysémique, selon son usage anglo-saxon ou français et également la culture/organisation de l’agence ou de l’entreprise.  Employé dans un contexte anglo-saxon, le terme comprend une connotation à la fois créative et technique (codage, programmation). Dans son acceptation française, les attributions du webdesigner relèvent davantage de la création et des déclinaisons graphiques.

Nostromo, agence de communicatio, partage un lexique complet sur le webdesign

45 termes à connaître pour le webdesign (1/3)

Nostromo, agence de communicatio, partage un lexique complet sur le webdesign

 

L’été arrive, et les sites web se renouvellent. La période des vacances est souvent utilisée pour travailller à un rafraîchissement ou à une refonte de son site web, au moment où la fréquentation baisse. Pour que le projet se déroule au mieux, nous pensons chez Nostromo, agence de communication, qu’il est essentiel de connaître le vocabulaire utilisé – ne serait-ce que pour se comprendre lors des discussions… Nous les avons séparés, pour plus de commodité, en trois domaines : graphisme, web, et design. Nous commençons, cette semaine, par le graphisme, avant d’aborder ensuite le design, et le web.

Bonne lecture !

 

Graphisme

.AI (Adobe Illustrator) : format d’Adobe Illustrator pour l’enregistrement de documents d’images vectorielles.

Approche de caractère : approche qui définit l’espace entre deux lettres.

Détourage : Opération consistant à séparer un ou plusieurs éléments du fond sur une photo ou une image.

DPI (Dot per inch en anglais ou PPP pour « point par pouce ») : indique la résolution d’une image numérique. Cette valeur définit le nombre de pixels utilisés par unité de longueur. (72 DPI pour un affichage web).

Em : unité de mesure relative utilisée pour la typographie sur le web.

Empattements (avec ou sans) : les empattements sont les terminaisons des lettres (ou sérifs). Les lettres sans empattements sont des lettres bâton (ou sans sérif).

Gabarit (ou template) : modèle de mise en page, d’images et de textes, qui peut être réutilisé pour plusieurs pages d’un site web afin d’en faciliter le développement.

.GIF : format d’image parmi les plus communément utilisés sur Internet, (il a même été élu « Mot de l’année » pour l’édition américaine du dictionnaire d’Oxford University Press en 2012). Une caractéristique du GIF est le nombre de couleurs supportées : au maximum 256 choisies parmi la palette RVB (16 777 216 nuances), qui limite donc son utilisation à des images peu détaillées. En contrepartie, ce format offre l’avantage de pouvoir stocker plusieurs images dans un même fichier et permettre de créer des GIF animés.

Graphiste (ou graphic designer) : professionnel de la communication qui conçoit, met en forme et coordonne la réalisation d’un processus de communication visuelle, à la demande d’un commanditaire. Pour cela, il est amené à proposer des solutions conceptuelles et stratégiques adaptées aux problématiques de ses clients. (définition extraite de la charte du graphisme du Syndicat des graphistes – 1995).

Image vectorielle : contrairement aux images pixels, les images vectorielles utilisent des lignes et des formes. Une particularité qui permet à ces images vectorielles d’être agrandies tout en conservant leur netteté et leur qualité, ce qui n’est pas le cas des formats pixelisés.

 Jpeg (jpg) : format de compression d’images numériques.

Logotype : signature visuelle aidant à l’identification d’une marque ou d’une entreprise. Le logotype peut être typographique en sigle et/ou un visuel.

Pictogramme : un pictogramme est la représentation graphique minimaliste et intelligible d’une action (souscription à la newsletter ou au flux RSS par exemple), d’une fonctionnalité ou d’une thématique etc. Le pictogramme fait partie du système signalétique d’un site web, et se distingue d’une illustration ou d’un logo, car son objectif est d’aider l’internaute à identifier l’information qu’il cherche.

Pixel : plus petit élément composant une image numérique ou l’affichage de votre écran.

.PNG (Portable Netword Graphic) : format d’image qui a la possibilité d’avoir un fond transparent sur le web.

Nostromo, agence de communication, explique les craintes des entreprises en matiere de cybersecurite

La sécurité informatique inquiète les entreprises

Souvenez-vous : il y a quelques semaines, l’agence de communication Nostromo partageait avec vous une de nos dernières réalisation, un livret expliquant les enjeux de la cybersécurité pour les entreprises (si vous ne l’avez pas encore téléchargé, c’est par là). Pour prolonger la discussion, nous voulons partager aujourd’hui une infographie (réalisée par Bitdefender) qui précise ce qu’elles craignent exactement. Si l’on s’aperçoit que l’espionnage industriel est probablement sur-estimé, les motivations pour agir sont là. Encore faut-il savoir ce qu’il faut faire… Et c’est là que l’intervention de spécialistes, conjuguée à une communication claire et vulgarisante (si le problème n’est pas compris par tous à leur échelle, il ne pourra pas être traité), est nécessaire.

Bonne lecture !

Nostromo, agence de communication, explique les craintes des entreprises en matiere de cybersecurite

Nostromo agence de communication partage sept astuces pour optimiser son facebook

Améliorer l’efficacité de votre contenu Facebook

Facebook règne, sans conteste, sur l’univers des réseaux sociaux avec une domination sans partage. Avec un nombre d’utilisateur dépassant le milliard (!), un temps de consultation quotidien au-delà de la demi-heure quel que soit l’âge, soit au moins trois fois plus que n’importe quel autre (d’après une étude comScore de 2016), il est quasiment impossible pour une entreprise qui souhaite investir le terrain de se passer de lui. Mais du coup, comme tout le monde y va, se faire entendre sur Facebook relève parfois de la gageure. Voici, résumé sous forme d’infographie, 7 astuces qui aideront votre contenu à atteindre vos cibles.

Bonne lecture !

Nostromo est une agence de communication digitale et papier, fondée en 2001, Nostromo est expert en communication d’entreprise, communication institutionnelle, communication interne et communication externe.