En allant dans des magasins de mobilier, on se rend très vite compte que le choix est très limité : bleu foncé ou gris clair, avec peut-être un rouge dégueu si tu as de la chance.

Avec l’essor des sites de design personnalisés, il y avait sûrement quelque chose à faire. Et c’est là que Miliboo intervient. Ce site de mobilier et meubles design propose le service Up To You, qui permet de personnaliser rapidement son meuble.

J’ai joué le jeu, et voici le canapé de mes rêves, n’en déplaise à ma moitié…

Oui, j’aime bien le marron, et le verre pomme (j’ai déjà un pouf Myfab vert pomme à la maison) et c’est le canapé de mes rêves. Attention, je ne garanti pas ces propos dans quelques années, les goûts changent n’est-ce pas ?

En attendant, si je décidais de me faire plaisir et d’acheter ce très beau canapé d’angle à mon goût (et unique !), il m’en coûterait 899 euros pour ce canapé d’angle (les frais de livraison sont offerts). En étudiant bien le détail de ma commande, je me rends compte qu’en fait les canapés sont tous standard, et il n’y a que les accoudoirs et les housses qui changent. C’est juste ce qu’il faut pour donner l’impression que son canapé est unique, tout en permettant de produire en grande qualité.

Si vous souhaitez composer votre canapé sur mesure, c’est par ici que ça se passe : Up to You.

Les utilisateurs de smartphones sont de plus en plus nombreux, et la consultation des emails sur mobile a augmenté de +150% ces six derniers mois (statistique présente dans l’infographie suivante), faisant concurrence au bon vieux logiciel de messagerie (type Outlook) et aux webmails (type Gmail ou Yahoo Mail).

Comment réaliser un email qui sera parfaitement lu sur un mobile, et qui évitera à l’utilisateur de se crisper sur son téléphone pour pouvoir comprendre le contenu de sa newsletter ? Litmus, une société dont le business est de vous proposer de tester vos newsletters sur de nombreuses plateformes, vient de sortir une infographie très simple à comprendre qui nous indique les points clés à respecter lorsque l’on réalise une newsletter à une base extrêmement mobile.

Vous pouvez retrouver cette infographie complète sur le site de Litmus, mais voici quelques uns des points les plus importants :

• Utilisez une police d’écriture adaptée au mobile : body à 14 px et titre à 22 px minimum.
• Ne dépassez pas 320 à 550 px de largeur pour le contenu de votre newsletter pour qu’elle soit lu correctement sur mobile sans être redimensionnée (et donc réduite).
• Soignez vos call-to-actions : en général, un gros bouton bien centré et indiquant bien qu’il est cliquable devrait suffire.
• Economisez votre capital écran : sur mobile, l’écran n’est pas très large, alors évitez d’utiliser des headers trop grands, avec des menus, et des boutons de partage proéminents.
• Utilisez les images avec prudence. Le seul OS qui ne bloque pas par défaut les images est iOS, alors même si Apple s’impose de plus en plus, n’oubliez pas de bien documentez vos images en HTML pour éviter l’écran blanc quand un utilisateur n’a pas autorisé les images de votre newsletter.
• Limitez-vous à une seule colonne. Les newsletters standards regorgent de colonnes, avec des news dans tous les coins, mais sur mobile, il faut être concis et clair, alors ne surchargez pas trop l’écran en rendant la lecture de l’email plus difficile.
• N’oubliez pas que le doigt remplace la souris sur mobile, alors créez des boutons et des zones qui soient facilement cliquables au doigt, et évitez les petites zones difficiles à sélectionner.

Pour terminer, voici quelques exemples de choses à ne pas faire sur mobile, comme ça vous serez prévenu :
Enfin, avant de vous lancer dans votre newsletter avec ces conseils, voici la compatibilité des différentes plateformes mobiles pour des techniques telles que l’HTML, les images, le redimensionnement automatique du contenu… iOS est bien loin devant en terme de compatibilité.

C’est tellement bien pensé qu’on se demande pourquoi personne n’y a pas pensé avant. Le Rambler Socket, désigné par Meysam Movahedi, est l’équivalent de la rallonge d’aspirateur, mais pour une prise murale. On tire pour la dérouler, la rallonge se bloque, et il suffit de donner un petit à-coup pour qu’elle se rembobine.

Très souvent, le fil de votre appareil est trop court quand vous devez le brancher, et vous avez deux choix :

• accumuler les blocs multiprises les uns à la suite des autres (si vous n’avez pas de rallonges) jusqu’à ce que cela fonctionne, avec très souvent la multiprise qui est tendu avec des risques de débranchement
• utiliser une rallonge qui se trouve dans le garage, mais pour ça il faut avoir un garage (et la rallonge qu’il y a dedans).

Ici, la rallonge de 1,5 m est directement disponible dans la prise, et quand vous ne vous en servez pas elle ressemble à une prise normale.

Au niveau de l’installation par contre, je pense qu’il faut :

• y penser au moment de l’aménagement pour que ce soit plus simple
• avoir des murs assez épais pour que le mécanisme puisse tenir dans le mur.

En espérant voir cette installation astucieuse dans nos maisons, un jour … (à moins que d’ici là les prises ne soient devenues inutiles).

Via

Voici un petit concours à destination des lecteurs de ce blog qui s’y connaissent un peu en graphisme. Domino’s Pizza lance une nouvelle gamme de sandwichs chauds (les Sandwicho’s) et propose pour l’occasion aux graphistes en herbe ou pros de créer l’emballage de ces nouveaux sandwichs en se basant sur le slogan « c’est chaud, c’est beau c’est Sandwicho’s ».

Vous avez jusqu’au 6 décembre 2009 pour habiller ces nouveaux sandwichs, et Domino’s Pizza choisira 3 finalistes (présents dans la galerie) dont les créations seront soumises aux votes des internautes et fans de la marque pour enfin trouver l’emballage ultime. Tous les détails du concours sont sur cette page.

La récompense pour le vainqueur ? Son design sur tous les sacs à sandwicho’s, mais également un gros chèque de 500 euros.

Alors sortez vos tablettes graphiques et souris pour leur faire un beau petit packaging !

PS : Ce types d’opération de croudsourcing pour des visuels, logos ou toute autre création graphique, est en forte progression. Un moyen pour les entreprises de tirer parti de la créativité présente sur la toile, parfois cependant au détriment de designers maisons ou embauchés en mission. Moi je dis, à eux de rechercher ces types de contest, c’est toujours intéressant !

Souvenez-vous de ces positions qui ont marqué votre enfance : l’avion sur les jambes de papa, monter sur les épaules de ses parents pour mieux voir (et bien gêner les gens qui sont derrière et qui ne voient plus), et bien d’autres.

En général, ces images sont liées à des moments emplis de bonheur, et Koji Yano et Yoshiyuki Kashiwagi, deux designers de 83 Design l’ont bien compris. Ils ont créé deux concepts de chaise assez originales qui permettent de se remettre dans la peau de l’enfant que nous étions il y a quelques (longues) années : la chaise Hikoki (avion en japonais) et la chaise Kataguruma (une fameuse prise de judo où l’on fait passer l’adversaire par dessus ses épaules avant de le faire chuter).

Je ne sais pas pour vous, mais moi j’adhère totalement à ces deux concepts, même si je pense que cela restera des concepts et que vous n’êtes pas prêt de les voir débarquer dans votre salon.

Je viens de tomber sur un article de Mashable (50 Design de MySpace Music qui valent le détour !) qui m’a donné envie de parler de Myspace, le site de réseau social très connu aux Etats-Unis.

Je sais pas vous, mais à chaque fois qu’on m’envoie le lien vers un Myspace, je me retrouve sur une page avec des titres en rose, une image dupliquée en fond qui empêche toute lecture claire du contenu, bref, un design qui serait capable de faire fuir un malvoyant.

Alors au bout d’un moment, je me suis dis que cela venait de la plateforme, que c’était une volonté de Myspace, que ça faisait un peu ado teenager qui se cherche …

Mais en fait non, les bons designs existent vraiment, et sont d’ailleurs très bien réussis, comme le montre la sélection sur l’article d’Aziz Haddad (Mashable FR). Alors s’il vous plaît, s’il y a des personnes qui ont un compte sur Myspace et qui lisent ce site, faites un effort, essayez de trouver des ressources pour embellir votre page, ça me ferait vraiment plaisir.

Le son n’est pas tout, le merchandising joue quand même énormement, et un Myspace est l’occasion ou jamais pour se créer une vitrine sur le web.

Merci

Vous avez tous sûrement déjà rencontré une page d’erreur 404 lorsque le lien était cassé, le contenu n’était plus là où il devait être, ou simplement lorsque vous avez recopié une adresse URL avec une faute ? Bien souvent, on tombe sur une page lugurbe avec écrit en gros « Error 404″ et le plus souvent, c’est très moche.

Heureusement, depuis quelques temps, des gens ont pensé qu’il serait bon d’avoir des pages d’erreur 404 un peu plus graphique, avec une meilleure expérience à la clé pour l’internaute. Maintenant, l’erreur 404 reste dans le cadre du site, et il est toujours possible de cliquer sur « Home » pour retourner sur la page d’accueil de ce site.

Et c’est vrai que c’est quand même beaucoup plus pratique et moins déroutant, surtout avec la flexibilité du contenu apportée par les blogs (des articles se font et se défont tous les jours).

Pour illustrer cela, j’ai trouvé un article intéressant sur DzineBlog, un blog dédié au design que je vous recommande si comme moi vous aimez découvrir du contenu qui peut vous inspirer pour vos créations. Cet article référence 36 pages d’erreur 404 personnalisées.

Voici celles que je préfère :

On remarque qu’un minimum d’humour est nécessaire pour comprendre ces pages, et que les développeurs se sont bien amusés.

Etiez vous présent lors du lancement de la suite Expression Studio 2 de Microsoft aux DDB Days à Paris le 17 Septembre 2008 ?

Si oui, vous avez sûrement pu voir une présentation de Surya Vanka sur le design chez Microsoft et une démonstration de Microsoft Expression Design 2 et Expression Blend 2 par Arturo Toledo (ainsi que la nouvelle technologie Deepzoom).

Parce qu’il y avait pas mal de bruit dans la salle, je vous conseille de revoir ces vidéos calmement : elles ont été postées sur le site Microsoft Expression.

Et bien sûr, si vous n’étiez pas présent, c’est l’occasion de découvrir ce qui se cache derrière Expression Studio 2.

via le blog SublimaCtion

En bon Gamer que j’étais étant jeune (et il reste quelques petites traces par ci par là), la sortie d’un jeu de Blizzard, un éditeur de jeux vidéos américain, ne passait jamais inaperçue.

Vous vous rappelez sans doute de ces magnifiques jeux tels que Diablo, Warcraft ou encore Starcraft (et toutes les suites qui existent) qui ont bercé votre enfance…?

Et bien aujourd’hui j’ai envie de parler de Diablo III, la suite de Diablo II (qui l’aurait cru?) et donc le brave descendant de la série Diablo.

Petit rappel, Diablo est un jeu de hack’n slash (taillader et trancher, ou encore PMT (Porte/Monstre/Trésor)) qui  »se résume schématiquement à ouvrir une porte, combattre un monstre qui se trouve derrière et découvrir un trésor détenu ou protégé par le monstre. » (Wikipédia). Il a été édité par Blizzard et est sorti en 1997.

Ce jeu a tout de suite rencontré un franc succès parmi les joueurs, et le troisième Opus pointe le bout de son nez.

Oui mais voilà, ça fait maintenant un bon bout de temps que Blizzard parle de sa sortie mais sans donner de date précise. On commence à se dire qu’avec Starcraft II annoncé en 2007 mais toujours pas sorti, Blizzard aime traîner des pieds.

Pour se consoler, il y a 2 mois, sa sortie a bien été annoncée mais sans donner de dates. Tout ce qu’on sait c’est qu’il sera développé à la fois pour Mac et PC (une bonne nouvelle). Et des images et vidéos ont aussi filtré (disponibles désormais sur le site officiel du jeu Diablo III) et ça donne vraiment envie que le jeu sorte rapidement.

Enfin, pour couronner cet article très « Gamer », je vais faire une petite dérive vers le webdesign avec un article publié sur Smashing Magazine (un blog à destination des développeurs et designers web) qui analyse le design des sites de jeux vidéos. Cet article est très intéressant car on remarque certains « codes » utilisés par beaucoup de sites de jeux.
A lire donc.

Si je vais sur ma page Twitter, par défaut j’ai un fond bleu que je peux remplacer par n’importe quelle autre image. Je peux donc mettre une des plus belles photos que je veux si ça me chante.

Mais ces derniers temps, des comptes Twitter sont apparus avec une mise en page bien propre, proposant des informations sur le propriétaire du compte avec par exemple son site web, ses autres sites ou services auxquel il est abonné, bref toutes les informations qu’on peut trouver utiles pour connaître un peu plus une personne.

C’est le cas par exemple de Shamir Ramjan (de Flickr, à follower donc si vous vous intéressez à la photo) ou de Boris Schapira.

L’idée est tout simplement énorme et très simple à mettre en oeuvre, mais comme je suis un peu flémard sur les bords (et vous l’êtes sûrement aussi), voici pour vous le fichier .psd qui contient déjà quelques éléments de mise en page (disponible chez Fabrice ou ici). 

Je vais refaire ma page dès que j’aurais un peu de temps.