Lorsque vous téléchargez un logiciel sur votre ordinateur, une image, une typographie, de la musique, etc. vous vous retrouvez souvent nez à nez avec les fameux textes de “politique de confidentialité”. Je ne sais pas qui prend le temps de lire tout ceci mais les clauses de confidentialité sont en général bien complexes et écrites en corps 9 et en gris sur fond blanc.

Nous avons donc tendance à cliquer sur “oui j’accepte” sans avoir lu. Problème donc. Mais la longueur du texte, la présentation graphique et la complexité des conditions d’utilisations et des politiques de confidentialité n’est pas une excuse à notre laxisme et à notre laisser-aller. Ainsi, des designers, des citoyens et des experts en droit se préoccupent aujourd’hui de poser des questions autour de l’accessibilité de ces politiques de confidentialité et de trouver des réponses simples, adéquates, rapides et visuelles.

Des icônes

Parmi ces idées, voici les icônes du projet réalisé avec Mozilla, Ocupop et “Disconnect”.

Ces icônes ont été développées en partenariat avec un groupe de travail dirigé par Mozilla. L’idée ? Les icônes, c’est un travail en cours que vous pouvez améliorer, modifier et utiliser sur votre site. Cette iconographie de la vie privée en ligne est donc soutenue par une collection d’emblèmes destinés à informer les utilisateurs.

Informer / rassurer / partager

Les questions de confidentialité et de protection des données personnelles sur Internet étant très vastes, c’est un sujet qui continue de croître. Comment ces icônes peuvent rester accessibles, simples et limitées en nombre ? Evidemment, elles ne doivent pas être un jugement de valeur sur le site concerné mais une information supplémentaire. Difficile à faire passer mais si la simplicité de ces icônes est à la mesure de leur limpidité, l’internaute devrait pouvoir s’y retrouver.

Signification

Pour préserver cette simplicité, des flèches, des cercles et des pictogrammes ont été utilisés. La couleur joue elle aussi un rôle important. Pour finir, toutes les icônes prennent la forme d’un document, signifiant ainsi leur relation avec les données de l’utilisateur dans un sens plus large. Leur emplacement sera situé dans la barre d’adresse du navigateur en 16 pixels par 16 pixels.

Voici de quoi réviser vos fondamentaux :

Une image ne résoudra jamais les soucis d’exploitation des données et de confidentialité mais elle pourra être un excellent indicateur de la politique d’un site Internet et alors sensibiliser le grand public à ces questions. Ces icônes, vous les retrouverez peut-être à l’avenir sur de grands sites comme c’est déjà le cas sur cette liste dans laquelle on retrouve par exemple 01Net, Alexa, Paypal ou encore les différents services de Google.

Pour en savoir plus

Bonjour à vous les curieuses & curieux du vendredi !

Aujourd’hui, c’est un numéro spécial… pictogrammes ! Dans le graphisme, le design, l’architecture, la décoration, les affiches, l’art, la mode, le pictogramme est un élément qui donne du sens, qui apporte une dimension culturelle et ce, simplement par l’image. Communiquer uniquement avec des symboles, un véritable rêve de graphiste ! Le pictogramme puise ainsi sa force dans sa simplicité, dans la représentation graphique et schématique d’un concept. Ainsi, à l’heure du web où tout va plus vite, où les vidéos et les images sont reines, où les messages se retrouvent dans tous les pays, les pictogrammes se démultiplient…

Petit détour donc cette semaine par la Planète Picto à bord de la soucoupe ! Au programme du voyage, nous allons découvrir les pictogrammes de demain, la vidéo graphique de Google Map Indoors, une infographie sur la façon dont il est possible de mener une vie créative. Nous allons également jeter un oeil du côté d’une version HTML5 de Windows Phone 7 et enfin passer un peu de temps avec Susan Kare, la créatrice des premières icônes d’Apple et des Macintosh ! On finira sur une sélection de sites où l’on peut télécharger des pictogrammes et une salade de pictos WTF !

(bon vendredi et bon “graphism” !)

Geoffrey

Allez, on commence avec un site internet intitulé “A headline day”, dans lequel vous allez pouvoir découvrir les pictogrammes représentant les préoccupations de la vie moderne ! Tout y passe, les actualités, les faits de société, les faits divers, les évènements, etc. Ces pictogrammes réinterprètent par exemple les émeutes au Royaume-Uni, la canicule, la crise, l’Europe, les banques, etc. On appréciera également le soucis du détail, le jeu avec les codes habituels des personnages rigides et des scènes figées, pour des pictogrammes, ces images sont quand même assez vivantes ! Bref, des pictos qui changent de ceux que l’on a l’habitude de voir dans les aéroports et les gares, ouf ! ;-)

source

Et justement, je vous parlais d’aéroport ci-dessus... La toute dernière vidéo de Google sortie cette semaine les évoque ! Vous vous perdez souvent dans les aéroports ? C’est tout à fait normal et Google a la réponse pour vous. En effet, Google Maps pour Android ajoute une nouvelle fonctionnalité pour que les gens perdus dans les grands endroits (comme cela m’arrive très souvent) puissent se repérer. Oui, vous ne vous trompez pas, ce sont des cartes d’intérieur ! Les plans détaillés sont ainsi affichés sur cette version de Google Map. Et comme depuis quelques temps maintenant, la vidéo de Google est très simple, graphique et très schématique.

Cliquer ici pour voir la vidéo.

source

Allez on enchaîne notre revue de la semaine sur une bonne infographie comme on les aime ! Bon, je vous rassure tout de suite, devant cette infographie, vous allez retrouver les grands classiques de l’inspiration comme sortir marcher, lire Shakespeare ou faire des listes… Mais ce qui sera un peu inspirant ce sera les autres conseils, si vous regardez bien, pour mener une vie créative, faire du parachute pourra vous être utile, acheter un béret également ou encore boire beaucoup d’alcool (je ne recommande pas ce dernier point). Bref, du grand délire, comme souvent avec les infographies de FastCompany, mais du délire graphique, et ça, on aime !

source | l’image en grand format

Encore autour de la thématique du pictogramme, j’ai eu le plaisir de découvrir cette semaine que  Microsoft a enfin mis en ligne une version démo de Windows Phone 7 réalisée intégralement en HTML5 ! Vous allez donc pouvoir, depuis votre iPhone ou votre téléphone Android, tester Windows Phone 7, découvrir la fluidité de l’interface et aussi l’élégance de son rapport typographie / pictogrammes. En effet, l’interface “Metro”, c’est son petit nom, est quand même très différente de ce qui se fait sur les autres plateformes, notamment en matière de graphisme, d’interactivité. J’ai testé ça sur mon Android (SGS2) et la démo est très fluide, les scrolls fonctionnent bien et même si c’est une démo limité, cela donne quand même un très bon aperçu :-)

tester la démo | source

Et l’on enchaîne avec un bond intersidéral de Microsoft à… Apple et avec la grande dame du pictogramme… j’ai nommé Susan Kare ! Après avoir pris des cours de peinture et un doctorat de la New York University, Susan Kare a déménagé vers San Francisco, où elle a pris un travail de conservatrice dans le musée des Beaux-Arts . Cependant, elle a vite senti à quel point elle était du  ”mauvais côté de l’équation de créativité”.

Finalement Susan Kare a reçu un appel d’un ami de lycée nommé Andy Hertzfeld, qui fut le développeur en chef pour le système d’exploitation Macintosh et… lui a offert son projet job pour Apple ! Sa première affectation a été le développement des polices pour Mac OS. À l’époque, polices de caractères numériques étaient à espacement fixe – un héritage de la machine à écrire – et Steve Jobs avait été très impressionné par la calligraphie.

Jobs a ainsi souhaité que Susan Kare s’occupe de la typographie et des pictogrammes… Dont voici les croquis originaux.

source

Et un petit bonus, rien que pour vous ! En effet, les pictogrammes, on en parle, on les regarde, c’est bien… mais et si vous voulez en utilisez,vous faites comment ? Et bien, je vous ai sélectionné 4 petits sites internet aux pictogrammes gratuits et parfois libres, mais toujours très complets et avec une grande finesse dans leur dessin !

Dans l’ordre :

• http://picol.org (Creative Commons)
• http://www.pictofrance.fr (téléchargement gratuit)
• http://thenounproject.com (Creative Commons)
• http://www.fsd.it/sirucapictograms (Creative Commons)

Et l’on arrive, comme tous les vendredis, à notre “What the f*ck” préféré, et ce sera donc un WTF spécial pictogramme, avec cette petite sélection de fails, de wtf, de ratés graphiques… ;-)

En guise de mot de la fin, je vous remercie d’être toujours si nombreux à lire et à diffuser “Vendredi c’est Graphism”, j’ai toujours autant de retours constructifs ! Je vous invite également à jeter un oeil du côté du travail graphique et pictographique (tiens, un mot nouveau!) de Gerd Arntz. S’il vous reste du temps aussi, il y a une journée en pictogrammes, d’autres pictos pour Occupy Wallstreet à télécharger, et… pas forcément grand chose à voir mais PictoPlasma expose à la Gaîté Lyrique ! :-)

À la semaine prochaine pour un prochain épisode !

Bon week-end à vous, et croyez-moi, le mien sera parfait ;-)

Geoffrey