<aside>
Foundation
<aside>
Design System
</aside>
Nos Illustrations
Nous utilisons des illustrations pour améliorer notre narration et créer un pont entre le langage de nos produits et les images axées sur le style de vie. Il y a deux types d’illustration que nous utilisons : les primaires et secondaire.
Illustrations primaire
Les illustrations primaire sont composées de deux couches de materiaux superposé, une en tant que source de lumière, et l’autre en tant que surface de verre. Elles servent à représenter les services de l’association.
Nos illustrations sont construite selon les principes du “glass design”, un style à l’image de Skorpia.fr, plus qu’un design moderne, il est futuriste et illustre, représente, materialise l’un des fondamentaux de l’association : la performance.
Utilisations
L'illustration est idéale pour représenter de larges catégories, des idées abstraites ou des processus complexes qui peuvent être difficiles à transmettre par la photographie ou l'iconographie seule. L'illustration peut également ajouter une touche de fantaisie et de couleur pour capter l'attention et susciter l'émotion. Elle est plus efficace pour équilibrer le réalisme et l'expression créative et est le plus souvent utilisée pour l'éducation, la célébration, les états nuls et les catégories. Utilisez les illustrations avec parcimonie dans l'expérience du produit pour éviter la dilution et l'éclipse du contenu. Toutes les illustrations doivent faire l'objet d'un examen obligatoire par l'équipe OX pendant les heures de bureau pour garantir une utilisation optimale.
Éducation sur la page : Les cartes de présentation des fonctionnalités présentent aux utilisateurs de nouvelles fonctionnalités ou de nouveaux programmes, leur offrant un moyen d'en savoir plus ou de les essayer. Elles utilisent toujours un arrière-plan neutre et un bouton bleu pour indiquer clairement que le message provient d'eBay.
Intégration modale : Une page Vendeur s'affiche sur les écrans mobiles et de bureau. Sur mobile, une page complète s'affiche avec un message de bienvenue sur eBay Selling. Une illustration de deux personnes se faisant face en train de discuter est affichée, les deux personnes faisant un geste vers une mosaïque bleue d'article vendu représentant une chemise blanche à col avec des rayures vertes et noires entre elles. Sur ordinateur, une fenêtre modale s'affiche avec la même illustration.
Intégration modale en plusieurs étapes : Les modales à plusieurs étapes sont utilisées pour la formation et l'intégration qui nécessitent plus d'une étape pour être expliquées. Cela peut inclure l'explication de fonctionnalités ou d'étapes spécifiques dans un processus complexe ou la collecte de plusieurs types d'informations auprès de l'utilisateur. Les modales à plusieurs étapes peuvent également accueillir une image et utiliser des arrière-plans neutres ou colorés. Pour garantir un texte lisible et des transitions pas trop brusques entre les étapes, les feuilles en couleur ne sont pas disponibles pour les modales à plusieurs étapes.
Célébration : Les illustrations sont un excellent moyen de célébrer les victoires des utilisateurs et de leur offrir des moments personnalisés de surprise et de plaisir. Nous pouvons introduire des moments de célébration lorsqu'ils atteignent des objectifs ou pour susciter l'enthousiasme pour un produit qui est sur le point d'arriver.
Etats null : Nous utilisons des états vides lorsque les utilisateurs rencontrent des zones de produits qui ne contiennent pas encore de données. Les illustrations d'états vides doivent représenter ce qui s'y trouverait et encourager les utilisateurs à prendre les mesures appropriées.
Erreurs système : Les erreurs système peuvent survenir de manière inattendue et être frustrantes. Dans ces situations, l'utilisation d'illustrations qui ajoutent une touche d'humour ou de pertinence permet d'atténuer la frustration. Idéalement, elles devraient comporter une action permettant à l'utilisateur de réessayer ou d'actualiser la page.