Issuu on Google+

Refonte de MyFont


Le catalogue MyFont Le catalogue de MyFonts comprend aussi bien les Le catalogue de MyFonts comprend aussi bien les productions des plus grandes fonderies, que celles de productions des plus grandes fonderies, que celles de fonderies plus modestes ou de typographes travaillant fonderies plus modestes ou de typographes travaillant en indépendants. C’est ainsi que les classiques de en indépendants. C’est ainsi que les classiques de Linotype, tels qu’Helvetica ou Univers, y côtoient Linotype, tels qu’Helvetica ou Univers, y côtoient les créations plus récentes de Mark Simonson, Nick les créations plus récentes de Mark Simonson, Nick Curtis ou Ronna Penner. En tout, 59 108 polices de Curtis ou Ronna Penner. En tout, 59 108 polices de 369 fonderies différentes étaient disponibles à la 369 fonderies différentes étaient disponibles à la vente en mars 2008. vente en mars 2008. La politique de MyFonts est d’être ouvert à La politique de MyFonts est d’être ouvert à n’importe quelle fonderie du moment que ses polices n’importe quelle fonderie du moment que ses polices peuvent être vendues légalement, et qu’elles sont peuvent être vendues légalement, et qu’elles sont techniquement bien conçues, sans considération techniquement bien conçues, sans considération d’ordre esthétique. Toutefois, lorsqu’une recherche d’ordre esthétique. Toutefois, lorsqu’une recherche est effectuée grâce au moteur interne parmi les est effectuée grâce au moteur interne parmi les polices disponibles, les résultats qui sont retournés polices disponibles, les résultats qui sont retournés sont classés par ordre décroissant de popularité, si sont classés par ordre décroissant de popularité, si bien que les polices considérées comme les moins bien que les polices considérées comme les moins esthétiques par le public (et donc les moins achetées) esthétiques par le public (et donc les moins achetées) sont reléguées en fin de liste. La visibilité des polices sont reléguées en fin de liste. La visibilité des polices

qui se vendent le mieux est également améliorée de qui se vendent le mieux est également améliorée de diverses autres manières : une section Best Sellers diverses autres manières : une section Best Sellers liste les 50 polices les plus vendues au cours du liste les 50 polices les plus vendues au cours du dernier mois, une autre section Starlets liste les dernier mois, une autre section Starlets liste les polices récemment ajoutées à MyFonts qui ont été polices récemment ajoutées à MyFonts qui ont été les plus vendues au cours des 50 derniers jours, les plus vendues au cours des 50 derniers jours, et une lettre d’information intitulée Rising Stars et une lettre d’information intitulée Rising Stars (littéralement « étoiles montantes ») présente les (littéralement « étoiles montantes ») présente les nouvelles polices les plus populaires. nouvelles polices les plus populaires.

Le «Find Fonts» de MyFont Pour ce sujet de refonte du site MyFont, j’ai souhaité Pour ce sujet de refonte du site MyFont, j’ai souhaité me concentrer sur les moyens mis en oeuvres pour la me concentrer sur les moyens mis en oeuvres pour la recherche de fonts. recherche de fonts. Disposant d’une immense base de donnée Disposant d’une immense base de donnée typographique, le site MyFont propose différent typographique, le site MyFont propose différent moyens de recherche. L’internaute peut alors moyens de recherche. L’internaute peut alors rechercher la typographie de ses rêve selon sa rechercher la typographie de ses rêve selon sa description, sa catégorie, son niveau de popularité description, sa catégorie, son niveau de popularité ou bien encore à partir des mots-clefs qui lui sont ou bien encore à partir des mots-clefs qui lui sont attribués. MyFont propose ainsi une quantité attribués. MyFont propose ainsi une quantité indéniable de méthodes de recherche, cependant la indéniable de méthodes de recherche, cependant la critique que l’on pourrait faire est qu’il n’existe pas critique que l’on pourrait faire est qu’il n’existe pas de système regroupant toutes ses méthodes. En effet de système regroupant toutes ses méthodes. En effet l’internaute est obligé de changer de page à chaque l’internaute est obligé de changer de page à chaque fois s’il souhaite affiner sa recherche. fois s’il souhaite affiner sa recherche.

1

Le but de mon projet est donc de réfléchir à une Le but de mon projet est donc de réfléchir à une méthode pour rendre le «Find Font» de MyFont, plus méthode pour rendre le «Find Font» de MyFont, plus efficace et attrayant. efficace et attrayant.


2


L’Universal Font Classification System (UFCS) Après un constat sur l’état de la classification Après un constat sur l’état de la classification typographique, les auteurs (Denis Ravizza et Chris typographique, les auteurs (Denis Ravizza et Chris Dickman) nous présentent les grandes lignes et les Dickman) nous présentent les grandes lignes et les bénéfices de leur Universal Font Classification System bénéfices de leur Universal Font Classification System (UFCS): (UFCS):

3

- recherche à partir des classifications déjà existantes - recherche à partir des classifications déjà existantes (Vox, Thibaudeaux, ...); (Vox, Thibaudeaux, ...); - recherche par date de création, distributeur, - recherche par date de création, distributeur, dessinateur, origine, style; dessinateur, origine, style; - recherche par domaine d’application (ex.: rapports - recherche par domaine d’application (ex.: rapports annuels, carte d’anniversaire, publicité, livre, ...) annuels, carte d’anniversaire, publicité, livre, ...) - recherche par adjectif préinscrit dans la base - recherche par adjectif préinscrit dans la base de données—comme le système FontExplorer de données—comme le système FontExplorer de Linotype, mais ayant en plus une structure de Linotype, mais ayant en plus une structure multilingue (ex.: élégant, solide, rapide, ...; US, FR, multilingue (ex.: élégant, solide, rapide, ...; US, FR, DE, GB, JP, ...). DE, GB, JP, ...).

Du Du côté côté des des dessinateurs dessinateurs et et des des fonderies, fonderies, le le UFCS UFCS offrira offrira la la possibilité possibilité d’être d’être informé informé des des polices polices les les plus plus en en demande demande et et ainsi ainsi d’être d’être au au fait fait des des tendances. tendances. Pour Pour les les distributeurs distributeurs de de fontes, fontes, le le UFCS UFCS permettra permettra de mettre mieux en valeur les produits de mettre mieux en valeur les produits disponibles. disponibles. En En somme, somme, un un habile habile assemblage assemblage de de tout tout ce ce qui qui est déjà disponible… éparpillé en différents sites est déjà disponible… éparpillé en différents sites et et différents différents logiciels. logiciels. Sources: Sources: type-expertise.com type-expertise.com et et typographe.com typographe.com


Ma proposition J’ai J’ai décidé décidé d’axer d’axer mon mon projet projet sur sur le le mode mode de de recherche en tentant d’apporter une interprétation recherche en tentant d’apporter une interprétation graphique graphique au au système système de de classification classification de de l’ l’ UFCS. UFCS. Pour cela j’ai travailler sur la mise en forme Pour cela j’ai travailler sur la mise en forme d’un d’un menu menu vertical vertical déroulant. déroulant. Les Les différents différents critères critères de de recherche recherche cités cités précédemment précédemment sont sont incorporés incorporés au au menu menu et et sont sont accompagnés accompagnés d’un d’un champs champs de de recherche recherche par nom. par nom.

Le Le but but de de mon mon projet projet étant étant de de fournir fournir un un mode mode de recherche pratique et accessible, j’ai décidé de recherche pratique et accessible, j’ai décidé d’incorporer d’incorporer un un autre autre outil outil afin afin d’accompagné d’accompagné l’internaute dans sa recherche. l’internaute dans sa recherche. En En effet effet j’ai j’ai incorporé incorporé directement dans le menu la possibilité à l’utilisateur directement dans le menu la possibilité à l’utilisateur de de voir voir un un aperçu aperçu de de l’efficacité l’efficacité de de sa sa recherche recherche par le biais de pourcentages. Cette par le biais de pourcentages. Cette indicateur indicateur permettra permettra à à l’utilisateur l’utilisateur de de visualiser visualiser le le nombre nombre de fonts répondant à ses critères de recherches. de fonts répondant à ses critères de recherches. Ce Ce pourcentage pourcentage est est indiqué indiqué en en chiffre chiffre à à coté coté du du critère sélectionné et est représenté graphiquement critère sélectionné et est représenté graphiquement sous sous la la forme forme d’une d’une barre barre horizontale horizontale (comme (comme les les «graphiques en bâtons» utilisés en économie «graphiques en bâtons» utilisés en économie par par exemple). exemple).

Search tools : Classification Description Application Adjectif Suggestion Name I ok

0% 50% 100%

Search tools : Classification Description

L’atout L’atout principale principale de de ce ce système système réside réside dans dans le le fait fait qu’il n’est plus nécessaire de lancer la recherche qu’il n’est plus nécessaire de lancer la recherche pour pour savoir savoir si si celle-ci celle-ci est est intéressante. intéressante. Ce Ce procédé procédé permettrait alors d’éviter les résultats nuls permettrait alors d’éviter les résultats nuls ou ou à à l’inverse ceux comportant trop de fonts. l’inverse ceux comportant trop de fonts.

Application Adjectif Suggestion Name I ok

Search tools : Classification

Vox

Description

Thibaudeaux

Application

Other

96%

Adjectif Suggestion Name I ok Search tools :

De De gauche gauche à à droite, droite, les les différents différents aspects aspects du du menu menu :: 1/ classique 1/ classique 2/ 2/ survol survol 3/ sous-catégories 3/ sous-catégories 4/ 4/ critères critères sélectionnés sélectionnés

Thibaudeaux

96%

Description Print Slim

42% 16%

Suggestion Name I ok

4


Mise en situation de l’outil de recherche L’outil L’outil de de recherche recherche est est placé placé en en haut haut de de la la page, page, au au dessus des résultats. dessus des résultats. L’espace L’espace blanc blanc laissé laissé sur sur la la droite droite de de la la page page permet permet une certaine respiration et met ainsi en une certaine respiration et met ainsi en avant avant les les barres de pourcentage du menu. barres de pourcentage du menu. Un Un bandeau bandeau de de couleur couleur rose rose est est présent présent à à droite droite de la page et pourrait permettre dans un de la page et pourrait permettre dans un second second temps temps d’afficher d’afficher des des informations informations présentes présentes sur sur la la page page d’accueil d’accueil du du site site actuel actuel de de MyFont, MyFont, comme comme l’inscription l’inscription à à une une newsletter, newsletter, un un lien lien promotionnel promotionnel pour un catalogue typographique, pour un catalogue typographique, etc. etc. En ce qui concerne la liste des typographies En ce qui concerne la liste des typographies trouvées trouvées par par la la recherche, recherche, elle elle s’articule s’articule de de façon façon classique classique avec avec un un déroulement déroulement vertical vertical grâce grâce au au scroll scroll de de la la page internet. Au survol d’une typographie, celle-ci page internet. Au survol d’une typographie, celle-ci se se révèle révèle en en orange orange rappelant rappelant la la couleur couleur de de fin fin du du dégradé présent dans les barres du menu. dégradé présent dans les barres du menu.

5

Par rapport à la page de résultats affiché par Par rapport à la page de résultats affiché par My Font, j’ai décidé de supprimer la vignette de My Font, j’ai décidé de supprimer la vignette de forme carré se trouvant systématiquement à côté forme carré se trouvant systématiquement à côté de chaque typographie, qui selon moi n’est pas de chaque typographie, qui selon moi n’est pas indispensable et alourdie considérablement la indispensable et alourdie considérablement la page. page.


Antoine Blondet - Master 1 CPMAC 2011


Refonte de MyFont