Tag : webdesign

Les tendances pour 2013 pour les design interactifs

Voici une présentation slideshare bien fournie sur le sujet des designs interactifs. Celle-ci présente les évolutions en matière de design et ce qui sera la tendance en matière de design pour 2013. De bonnes idées à prendre pour vos nouveaux projets de l’année.

Dans cette présentation on parle bien entendu de responsive design, d’interface, de gestuelle et bien évidemment de mise en avant du contenu!


Dingue, Leboncoin.fr change graphiquement

Je ne pouvais pas passer à côté de « cette nouvelle », site leboncoin.fr, connu pour sa rigidité graphique vient de faire des modifications mineures sur son site. Oui vous ne rêver pas, le site change graphiquement… Certes les changements ne sont pas radicaux mais quelqu’un chez eux a fait une modification…

Alors voici la liste des changements graphiques, si jamais j’en ai oublié un n’hésitez pas à me le signaler en commentaire.

-Nouvelle barre de recherche avec un fond marron, dommage la mise en forme des menus déroulants n’est pas ajustée…
-Présence renforcé de la couleur orange qui il me semble est beaucoup plus aggressive que dans la précédente version
-Lorsque l’on survole une annonce, automatiquement on va surligner l’annonce avec une jolie couleur bleutée
-Les photos sont plus grandes et la zone avec les autres photos passe en dessous de la photo principale avec là encore des flèches de navigation
-L’image principale est entouré d’un liseré bleu-gris
-Le prix passe en orange et la taille de la police est augmenté, c’est plus lisible et bien comme cela
-Les boutons de call to action en bas de page d’annonce ont été aussi révisités avec toujours la présence de cet orange

Vous l’avez compris les changements sont plutôt légers et toujours dans l’esprit du site initial. Il ne faut pas oublier que ce site a conquis son public avec une version esthétiquement moche alors il ne faut certainement pas tout casser avec un design trop « neuf » et « beau ». Bref, leboncoin évolue tout tout doucement pour certainement ne pas perturber ses utilisateurs…

Histoire de dater un peu ce design je dirais que nous venons de passer des années 1990 aux années 2000, allez plus que 10 ans de webdesign à rattraper!


Activer simplement la nouvelle base de Google

Comme vous le savez déjà Google va déployer une nouvelle interface pour son moteur de recherche avec notamment un nouveau design de la barre supérieure (la fameuse barre noire). Pour l’instant cette nouvelle navigation n’est pas encore déployée mais comme pour le nouveau design de Youtube il est possible de l’activer très simplement grâce à l’ajout d’un cookie.

Mettez vous sur la page Google.fr puis :

Sous Google Chrome ouvrer : « Afficher/Options pour les développeurs/Console Javascript » et coller le code ci-dessous :

document.cookie="PREF=ID=03fd476a699d6487:U=88e8716486ff1e5d:FF=0:LD=en:CR=2:TM=1322688084:LM=1322688085:S=McEsyvcXKMiVfGds; path=/; domain=.google.fr";window.location.reload();

Pour Firefox c’est presque la même méthode mais tapez Ctrl-Shift-k pour ouvrir la console et coller le code :

document.cookie="PREF=ID=03fd476a699d6487:U=88e8716486ff1e5d:FF=0:LD=en:CR=2:TM=1322688084:LM=1322688085:S=McEsyvcXKMiVfGds; path=/; domain=.google.fr";window.location.reload();

Notez que si vous avez un compte google apps de connecté cela ne marchera pas, il faut soit se déconnecter soit utiliser un compte gmail classique. Et voilà vous avez la nouvelle barre!


Nouveau design pour Youtube, voici comme l’activer

Youtube est entrain de tester un nouveau design qui change pas mal par rapport à la page que l’on connait tous aujourd’hui. Le design reprend un peu les codes de Google+ mais le fond est grisé, ce qui n’est pas dans les codes de webdesign de Google.

Mais ce qui change c’est avant tout la présentation de la homepage comme vous pouvez le voir sur les captures d’écrans ci-dessous. Les abonnements et surtout google+ sont bien mis en avant dans la barre latérale de gauche.

Pour accéder à cette nouvelle version en test de Youtube il suffit de suivre cette procédure :

Dans Google Chrome :
-Ouvrir la page Youtube.com
-Faire Afficher/Options pour les développeurs/Console javascript (Ctrl-Shift-j)
-Entrer ceci : document.cookie="VISITOR_INFO1_LIVE=ST1Ti53r4fU";
-Relancer la page de Youtube

Dans Firefox :
-Ouvrir la page Youtube.com
-Faire Ctrl-Shift-k
-Entrer ceci : document.cookie="VISITOR_INFO1_LIVE=ST1Ti53r4fU";
-Relancer la page de Youtube

Notez que vous pouvez aussi avoir la nouvelle homepage et cosmic panda :

Source


Nouvelle page d’accueil de Google

Google commence à déployer ce matin une nouvelle page d’accueil avec un bandeau noir en haut. Comme on peut le voir dans l’image ci-dessous le reste semble identique. Affaire à suivre.


Petit historique de la navigation sur Internet

Internet n’est pas si vieux pourtant lorsque l’on regarde les sites internet des années 90 on a clairement l’impression de regarder de vieux dinosaures avec des designs basiques et qui à l’époque étaient des standards! Voici une présentation qui brosse l’évolution des types de navigation sur les sites web, c’est rapide à lire et cela permet de constater que l’on partait vraiment de loin… Les technologies et le metier de webdesigner a lui aussi largement évolué depuis ces années.


Flickr se refait une beauté avec une nouvelle mise en page

Flickr est actuellement entrain de tester une nouvelle présentation des photos, la prochaine mise en page sera plus simple et surtout plus intuitive.

Voici ce qui va changer :

-Les photos sont maintenant plus grandes, adieu le 500px, maintenant la taille par défaut est le 640px
-Une page plus large, en cohérence avec la taille des écrans
-Une lightbox lorsque l’on clique sur le bouton zoom
-Le menu des actions a été revampé aussi avec des fonctionnalités accessibles d’un click
-La localisation des photos est plus évidente en haut de la sidebar droite

Le résultat est donc bien agréable et réussi. Pour suivre mon photostream c’est ici : http://www.flickr.com/photos/2803/


Encore un nouveau design pour Facebook

Décidément Facebook nous habitue aux changements avec au minimum un changement de design tous les deux mois (intercalé avec un changement des conditions d’utilisation du service). Il faut croire qu’ils cherchent activement le design parfait et n’hésitent pas à prendre le risque de bouleverser les habitudes de leurs 350 millions de membres. Une approche étonnante et plutôt risquée de mon point de vue. A titre de comparaison Google fait évoluer son design très doucement, il a fallu trois ans pour augmenter la taille de la boite de recherche, c’est pour dire…

Finalement ce design me semble plus clair, les notifications évidentes et surtout beaucoup moins de fioritures. Ci-dessous vous trouverez les explications de cette nouvelle mise en page qui va en perturber plus d’un. Quoiqu’il en soit cette home se rapproche de plus en plus de celle de Facebook Lite.

Pour découvrir les explications de Facebook sur le fonctionnement de ce design c’est ici.