Tag : webdesign

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!


Au revoir IE6

Un site que ne sert à rien si ce n’est à rappeler que bientôt les webdesigners n’auront plus à adapter leurs créations à Internet Explorer 6 (IE 6). Pour dire au revoir à votre navigateur préféré (je déconne) il suffit d’envoyer un petit twit à @DearIE6… C’est bien marrant en tout cas, les designers se lâchent!

ie6

Cela se passe sur dearie6.

Via Swissmiss


Yahoo vers la simplification de la page d’accueil

Yahoo va proposer prochainement une nouvelle version de sa page d’accueil. Tout le monde connait la page de Yahoo qui ressemble à un vrai sapin de noël et ses évolutions depuis plusieurs années. Sur le blog de la société les nouveautés et le nouveau design sont présentées et expliquées.

L’actuelle page

La future page

Ce que l’on apprend c’est que tout a été repensé depuis le début, chaque block est indépendant des autres, tout est optimisé, réduit au minimum, un nouveau frameworks JavaScript sera implémenté… La sidebar mauve a l’air pas mal du tout avec notamment une possibilité de faire apparaitre des applications comme les mails en overlay sur le reste de la page.

Le projet de refonte de cette page a été lancé début d’année en parallèle de YUI 3, la nouvelle interface utilisateur de Yahoo qui semble très prometteuse au regard des exemples présents sur cette page.


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…


Nouvelle présentation du site lemonde.fr

La refonte du site lemonde.fr est dans la lignée de la version précédente même si j’ai beaucoup de mal avec la barre de navigation en haut, avec tous ses effets d’affichage…


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…