JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

Mode normal → (affichage complet du blog)

Suivant

Précédent

Design

Redesign de Tropicana : $33 millions de perte

Billet

Il y a quelques mois, Tropicana avait refait son packaging… avant de revenir en arrière. On comprend mieux pourquoi : 20% de baisse des ventes en un mois, soit $33 millions de perte.

Lorsqu’on vous dit que le design, c’est important… (cela s’applique aussi pour le web :-) ).

refonte-tropicana

Peinture + Typographie + Matrix = Thomas Broome

Billet

thomas-broome-peinture-matrix

*Kottke

La Web Trends Map en Zoomorama

Billet

Pour parcourir facilement l’étendue de la Web Trends Map 4, il fallait une interface simple et fonctionnelle : merci Zoomorama.

web-trends-zoomorama

Le livre de l’Esperluette

Billet

livre-esperluette

*SimpleBits

Web Trend Map 4 en version finale

Billet

J’avais aperçu la beta et voilà sa version finale : la  Web Trend Map 4, une infographie des plus grands acteurs et des tendances actuelles du web. Cette carte est réalisée par la très performante équipe d’Information Architects.

Je ne sais pas si ça provient de la croissance importante du web, mais je trouve la carte peu lisible cette année. C’est très détaillé, très fini, mais il est difficile d’avoir un jugement d’ensemble.

Ou peut-être devrais-je afficher cette infographie sur mon 42 pouces en 6740 x 4768

Icones iPhone rangées par couleur

Billet

Oui, je me suis amusé. Oui, c’est assez pratique. Et non, je n’ai pas téléchargé d’appli uniquement pour la couleur de son icône.

couleurs-iphone

01-bleu

02-gris-rouge

03-orange

04-vert

05-violet

Il est vrai que les deux derniers écrans sont moins pertinents dans cette nouvelle organisation, mais il fallait bien que je classe toutes mes icônes!

Un lien marqué comme visité original

Billet

Je suis tombé sur ce post qui recense des sites d’applications iPhone, où le téléphone en lui-même s’avère être un élément de design redoutable. Mais au-delà du contenu de ce billet, ce qui m’a beaucoup plu c’est la manière dont un lien visité est marqué. Pour ceux qui ne le sauraient pas, il est possible de styler différemment les liens qui ont déjà été visités. Par défaut, les liens nouveaux sont bleus, les liens visités sont violets.

Bref, voici comment ils apparaissent sur ce site :

lien-visite-original

J’ai trouvé ça très sympa et très pratique : rajouter une image par-dessus les liens visités grâce à la CSS.

iPhone Mockup : faites des croquis pour applis iPhone

Billet

croquis-iphone

iPhone Mockup est à l’iPhone ce que Balsamiq est au web : une appli web pour faire des croquis d’interface. (D’ailleurs, Balsamiq inclut depuis peu des éléments d’iPhone).

Attention : l’appli est en version alpha et peut disparaître à tout moment (c’est ce que dit l’auteur :-) ).

croquis-iphone-clavier

croquis-iphone-menu

croquis-iphone-liste

bbxpress : un thème WordPress gratuit

Billet

Depuis le temps que je voulais en faire un, voici bbxpress, un thème pour WordPress. C’est une première version, donc n’hésitez pas à faire des retours si vous l’utilisez.

bbxpress

Le but est d’offrir un thème passe-partout, facile à utiliser. Voici quelques caractéristiques :

  • sidebar avec widgets (très facile à gérer dans l’admin)
  • compatible IE6
  • onglets listant les pages WordPress
  • gravatar dans les commentaires
  • s’affiche correctement en 800×600
  • aucun plugin n’est nécessaire pour le faire fonctionner

Les icônes utilisées proviennent de Jonas Rask (un lien existe dans le footer). Pour l’instant, le thème est en anglais (une version française est envisagée, si besoin est).

Screenshots

bbxpress01

bbxpress02

bbxpress03

bbxpress04

bbxpress05

bbxpress06

Télécharger ou prévisualiser le thème

Vous pouvez prévisualiser le thème ou télécharger le thème bbxpress v1.0

Google et ses designers : le divorce

Billet

Le constat

Les départs du pôle design de Google (et part “design”, je parle avant tout de “user experience“, “interface”) se suivent :

Les raisons d’un divorce

L’essence de Google : les chiffres

Google est rempli d’ingénieurs, de développeurs, de mathématiciens, de statisticiens… C’est la source, le coeur de leur métier, et avant tout, de leur réussite. Il y a d’abord eu l’imperturbable moteur de recherche. Puis il y a eu tout le reste, toutes les applications, qui ont soutenu et renforcé l’emprise de Google sur le web.

Google vit de chiffres et d’algorithmes. Le facteur humain existe (ce qui l’a différencié d’autres moteurs de recherche notamment) mais reste marginal. Tout se calcule, se mesure, et s’appuie sur des données : un monde binaire et quantifié où les données ne mentent pas.

Le design ne se calcule pas

Il est compliqué dans un environnement pareil pour un designer de faire comprendre que son travail peut rarement être mesuré. Il existe le A/B testing pour certains cas de figure, mais lorsque l’on voit ce genre de test utilisé pour se décider entre 41 teintes de bleu (et voir lequel est le plus efficace), on s’imagine que les données prennent ici trop d’importance.

Le rôle d’un designer est d’imaginer de nouvelles expériences, des intéractions innovantes. C’est un travail bien plus global et intéressant que de choisir une couleur ou la taille d’une bordure. Les conversations dans Gmail, le scroll actif de Reader ou les timezone de Google Calendar sont autant d’exemples de design réfléchi, original et efficace, qui n’auraient pu être réalisés arithmétiquement.

Les designers de Google ont eu leur mot à dire. Les résultats sont là. Mais leur influence n’a cessé de décroître ces derniers temps, et cet âge d’or est désormais révolu. Les designers sont, contre leur gré, moins des actifs que des consultants.

Opinion versus tests

Le “user testing” est loin d’être infaillible, et bride fortement l’innovation, la prise de risque, lorsqu’on en abuse. Le vice d’un tel processus est de se retrouver rapidement dans l’impasse, à court d’éléments sur lesquels s’appuyer.

Il faut souvent laisser la décision à une seule personne, légitime et consciencieuse, qui par son expérience, a une opinion fiable sur la solution au problème. Même s’il est difficile de faire comprendre à des ingénieurs qu’un tel choix est le meilleur, car non démontré dans l’absolu, il est indispensable d’agir de cette manière pour éviter des incohérences regrettables et contre-productives.

En soi, Google est l’opposé d’Apple, où les designers (Steve Jobs en premier) ont un souhait souvent difficile à réaliser que les ingénieurs doivent à tout prix concrétiser. Et ces derniers y arrivent avec succès.

Et la suite ?

Je suis admiratif de Google. Si je ne l’étais pas, je ne prendrai pas le temps d’écrire ce post pour tenter de comprendre cette rupture nette et, pour ma part, inattendue. Ces départs multiples de cadres me semblent inquiétants, parce que j’ai l’impression que l’on n’a pas tenté de les empêcher. Est-ce que Google peut se permettre de se séparer d’autant de talents ? Peut-être qu’ils pensent que oui, et l’avenir dira s’ils s’en mordront les doigts ou pas.

Peut-être que l’erreur de Google est d’avoir recruté ces designers pour un poste qui ne leur correspond pas. Lorsque l’on recrute des compétences, il faut en avoir la nécessité, et non pas recruter un statut à qui l’on exigerait des travaux discordants. Le risque est que ces designers ne puissent même plus exercer leur travail, parce que l’essence même de leur profession leur a été subtilisée par quelqu’un d’autre. La confiance entre l’entreprise et le salarié est alors brisée, et le divorce inévitable.

Populaire Tutoriels Fun