Tag : design

Retrouver l’ancien design de Google

Google a changé de design la semaine dernière et il est vrai qu’après tant d’années de simplicité on peut ne pas adhérer au nouveau design de la page de recherche. Google a par ailleurs annoncé qu’il n’y aurait pas de possibilité d’utiliser l’ancien design comme parfois ils peuvent le faire sur d’autres services.

Nouveau design
Ancien design

Alors pour ceux qui sont déçus ou qui n’arrivent pas à s’habituer (il le faudra au final) vous pouvez cliquer et enregistrer cette url qui vous donnera accès à l’ancien design : http://www.google.com/webhp?hl=all


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.


Yahoo change de design et c’est réussi

Yahoo n’en est pas à son premier redesign de sa homepage qui à l’inverse de son concurrent (google) est plutôt bien chargée avec une multitude d’informations liées à vos mails, la météo, l’actualité… La nouvelle version disponible en opt-in depuis hier sur le site US est élégante, pratique et claire, ce qui compte tenu de la quantité d’information est plutôt une performance.

yahoo-home

Cette nouvelle page d’accueil intègre maintenant une sidebar à gauche qui est entièrement customisable, ainsi si vous ne souhaitez pas avoir la météo il suffit de supprimer l’item de la colonne pour ne plus le voir. De plus Yahoo s’ouvre à des services tiers comme facebook, gmail ou encore Twitter de ce que j’ai pu en lire sur searchengineland sans avoir pu trouver cette option. La homepage est donc entièrement personnalisable en ce qui concerne les services et c’est une très bonne chose, Yahoo pouvant devenir un point de démarrage sur le web pour beaucoup de monde.

yahoo-home-2

A voir si cette refonte permettra de se différencier par rapport à des bing ou des google… Mais en tout cas ils s’en donnent les moyens!


Nouveau design pour Google Maps?

En cherchant un itinéraire sur Google Maps j’ai été un peu perturbé par le design proposé par le service qui changeait de celui d’habitude. Je ne sais pas s’il est nouveau ou pas en tout cas c’est inhabituel de mon expérience avec le service.

Sur les images vous verrez qu’il n’y a plus de sous onglets sous la barre de recherche mais que ces onglets ont été déporté sur la colonne de gauche notamment le « get direction » que j’utilise de plus en plus versus celui de viamichelin. L’option piéton, « by walk » est maintenant intégrée par défaut dans ce design, sous l’option classique de « by car ».

La carte a maintenant une place plus importante et il est possible de masquer automatiquement la colonne de gauche en cliquant sur la double flèche dans le coin supérieur gauche de la carte et vous avez une carte presque pleine page ce qui est agréable pour trouver son chemin…

Alors nouveau ou pas ce design est plus abouti et donne une belle part à la cartographie…


Passage aux couleurs d’été

Adieu la grisaille du design du site. Voici une version différente au niveau du header du site avec un beau bleu avec des coins arrondis en CSS, et un bandeau sur toute la longueur pour les adresses des blogs du réseau. Si vous ne les voyez pas c’est que votre navigateur ne rocks pas!

Ami lecteur RSS, n’hésites pas à me rendre une petite visite de courtoisie…


Voyage Sncf uniquement un coup de makeup?

Comme plusieurs millions de personnes vous avez reçu hier comme moi un email de la part du site Internet Voyage-Sncf pour vous annoncer la mise en ligne de la nouvelle maquette du site ecommerce de la compagnie ferroviaire.

Les nouveautés que j’ai pu identifier sont :

– L’autocomplétion des champs de recherche, vous tapez LY et on vous propose LYON ou LYON ST EXUPERY, étonnant que cette fonctionnalité ultra classique n’ait pas fait son apparition plus tôt sur le site
– Un peu de Jquery 1.2.3 pour faire des effets simples mais dans l’air du temps
– Un peu de JSON
– La home change de couleur ainsi que le header, un style plus proche du web 2.0
– La partie « Voyazine » intégrer des informations touristiques sur les destinations (adresses utiles, historique, données macro…) je découvre cette partie du site que je n’avais pas encore vu dans la précédente version. Cela marque le positionnement agence de voyage du site Voyage-Sncf
– Tous les menus et catégories de rang 1 ont été redesignées mais malheureusement le reste du site ne l’a pas été

En conclusion, je dirais que le redesign du site s’imposait mais qu’il reste encore pas mal de boulot notamment sur la partie sélection et achat des billets de trains, et sur certains bugs un peu chiants comme par exemple l’inactivité prolongée (5 minutes) sur le site qui vous déconnecte automatiquement de votre compte… Bref, c’est dans la bonne voie mais peu mieux faire en terme d’expérience utilisateur!


Les 10 principes du webdesign selon google

Voici la liste des 10 principes utilisés par google pour designer des sites et services web, rien de bien innovant mais c’est toujours bien d’avoir cette liste sous le coude :

1. Focus on people—their lives, their work, their dreams. Focus sur les personnes-leur vie, leur travail, leurs rêves.
2. Every millisecond counts. Chaque milliseconde compte.
3. Simplicity is powerful. La simplicité est puissante.
4. Engage beginners and attract experts. Faire participer les débutants et des experts.
5. Dare to innovate. Osez innover.
6. Design for the world. Concevoir pour le monde.
7. Plan for today’s and tomorrow’s business. Faire pour le business d’aujourd’hui et de demain.
8. Delight the eye without distracting the mind. Attirer l’œil sans distraire l’esprit.
9. Be worthy of people’s trust. Soyez digne de la confiance des gens.
10. Add a human touch. Ajouter une touche humaine.

Si avec cela on ne fait pas des killer-apps…


Design et contenu des blogs

Réflexion intéressante d’Exotech sur le design d’un site et/ou sur l’importance du contenu…

Alors design, contenu, contenu + design qu’est ce qui vous fait rester sur un site Internet?