Ergospeed #11 : issuu.com

issuu logoDepuis quelques semaines, j’ai le lien de Issuu.com en réserve et je viens enfin de tester ce service. Issuu permet de transformer un PDF en « livre virtuel » (au format Flash) tout en ayant la possibilité de le partager avec d’autres internautes que se soit dans son blog ou sur le site de Issuu.

Partager et consulter

Une des grande qualité du site d’Issuu est son interface simple et épurée permettant une publication rapide et facile du PDF que l’on désire mettre sous format « magazine ». Par la suite, l’utilisateur peut prendre plaisir à  consulter rapidement et de manières multiples son « ouvrage » :

1. L’apparition d’un bouton juxtaposé au bord des pages permet d’informer l’internaute de l’action qui lui permet de faire tourner automatiquement les pages d’un simple clic.
2. Situé dans le menu principale, des flèches permettent aussi de feuilleter le livre.
3. Entre ces deux flèches (2) est situé un picto (non-explicite) qui a pour but d’offrir à  l’utilisateur une consultation du livre sous forme de « planche de contact« . « L’imposition » du livre se superpose au site à  l’aide d’un fond grisé permettant de faire ressortir les previews.
4. Un « Dock » similaire à  la plateforme Macintosh permet aussi une consultation plus rapide du livre avec les previews des pages du livres omniprésentes.
5. Lorsque l’utilisateur désire zoomer sur le livre, il doit simplement cliquer au centre d’une des pages…
6. …ou bien, l’option FullScreenest visible dans le sous-menu.


Noter à  la fin du screencast la possibilité de créer un widget ou une page personnalisable : une bonne solution pour les photographes ou graphistes ne pouvant se faire un site web.

Un exemple de widget que l’utilisateur peu importer dans son blog ou un site web.
(photos du site Chairsoftheworld.com)


Une qualité FullScreen

Le mode plein écran est bien pratique pour visualiser et voir des détails du document.

La navigation en mode zoom (disponible aussi en mode FullScrenn) est instinctive mais assez inconfortable et peut-être déstabilisant pour lire des écrits.

Conclusion

Ce service est utile pour concevoir un book, une brochure ou un magazine mais certaines contraintes peuvent freiner une utilisation courante : impossible de copier du texte, de télécharger le pdf sources, de partager un livre en public ou privé, l’utilisateur doit préparer un pdf contenant toutes les pages car il n’est pas possible d’uploader pages par pages. Néanmoins, le site est fort agréable à  utiliser et la représentation graphique/animation du livre est très subtile et fine.


Ergospeed #11 : issuu.com

Infos du jour, bonjour !

Ces 15 derniers jours ont été assez mouvementés d’o๠l’absence de billet durant cette période :

A très bientà´t pour un nouveau Ergospeed en cours de préparation 🙂

Infos du jour, bonjour !

Quatre navigations innovantes

La semaine dernière Smashing Magazine a posté un billet sur une soixantaine d’exemple de site web proposant des menus de navigation à  la fois beaux graphiquement, ergonomiques et qui peuvent refléter les tendances actuelles. Qu’ils soient statiques ou animés, sobres ou chargés, ce billet fait une belle récapitulation des menus et permet de constater une évolution qui vont à  l’encontre des conventions habituelles. Parmi les exemples, 4 ont retenu mon attention…

Des menus pictographiques

Ce site web comporte un menu fixé à  gauche composé de pictogrammes qui illustrent les différentes rubriques. Même si la plupart de ces pictos sont compréhensibles par leurs simplicités graphiques, aucun ne sont accompagnés d’un intitulé. La balise « title » étant trop longue à  s’afficher, elle ne permet pas une compréhension instantané des pictos. Toutefois, l’animation colorée qui se joue lors de l’ouverture du site guide l’utilisateur afin de lui faire comprendre o๠la navigation principale aura lieu et bien avant qu’il commence son exploration du contenu. (voir vidéo)

Playgroundblues.com


Pour ce portfolio, à  la différence de l’exemple ci-dessus, chaque pictogramme est accompagné d’une infobulle qui s’affiche automatiquement lors du rollover. La particularité de ce menu est son organisation et son mode de fonctionnement : les sous-menus sont omniprésents (en-dessous des rubriques pictographiques) et sont organisés chronologiquement. Lors du rollover d’un des pictos, les items y correspondant s’affichent d’un fond de couleur cohérent à  la rubrique. (voir vidéo)

Designforfun.com/portfolio.php


Un menu temporel

Malgré sa petite taille, cette navigation est une reconstitution visuelle et temporelle d’un calendrier qui permet la consultation de chaque projet réalisé de cette agence. (voir vidéo)

Polkdesign.net


Un menu expérimental

Après substitution du curseur par une étoile, l’utilisateur doit naviguer à  l’aide d’un menu sous forme d’étoile interactive. Toutes ses actions vont se faire grâce au mouvement de la souris et du clic gauche actionné (la validation d’une rubrique se fait en relâchant le clic gauche). Cette navigation est très intéressante mais toutefois difficile car le manque de précision avec le mouvement de la souris pose parfois problème. A tester !
(voir vidéo)

Nickad.com


A lire aussi :

Quatre navigations innovantes