Pistes de navigations innovantes et interactives

En clin d’œil aux systèmes de navigations classiques (verticales), caractérisant la plupart des sites web, certaines interfaces ont opté pour un mode de navigation horizontale.

16a_navigation-horizontaleExemple de Pentagram, site d’une agence de design. 

La recherche et l’expérimentation de formes innovantes de mise en scène des contenus paraît capitale pour satisfaire les nouveaux modes de lecture et répondre aux nouveaux usages. Placer la focale sur une organisation visuelle contraste avec les entrées traditionnellement textuelles. Travailler l’
ergonomie des interfaces vise donc à offrir aux utilisateurs une plus grande liberté de navigation.
L’organisation de contenus sous forme de mosaïque propose une entrée interactive dans l’information. Benoît Drouillat considère que ce concept de mosaïque, hérité de McLuhan, s’applique à la presse en ligne du fait de “nos modes de lecture discontinus sur le web”. Si les sites d’info ont plus ou moins tenté de s’approprier l’idée de mosaïque, leurs maquettes restent dans l’ensemble plutôt traditionnelles, malgré l’apposition de box et encarts sur les colonnes latérales. Certains agrégateurs, quant à eux, ont pourtant réussi à exploiter ce concept avec succès.

16bnewsmap
Exemple de Newsmap, agrégateur de Google News.
16c10by10_capture-dc3a9cran
Exemple de 10by10, agrégateur d’infos.

Les acteurs des domaines culturels et artistiques semblent davantage enclins à adopter une démarche de design : en travaillant sur le visuel et l’ergonomie des interfaces pour faciliter les usages. L’idée est d’envisager des sites attirants compte tenu du fait que le lecteur y serait plus acteur que spectateur, en devenant maître de sa navigation.

16dexpo-monetExemple du site de l’exposition Monet.

16e_schematicExemple de Schematic, agence de webdesign.

This entry was posted in MediaBullition, MediaXperience and tagged , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s