‘Vanished Berlin Wall’ par l’artiste sud-coréene Eun Sok Lee

Pour terminer cette longue série de post sur cette expoWeb2.0 de Berlin, un petit post pour remercier et gueuler un peu…

D’abords merci à Electronlibre de m’avoir envoyé, c’était une belle opportunité et je crois en avoir bien profité.

Concernant l’expo, même si j’y ai entendu beaucoup de choses intéréssantes le prix me semble surfait mais je n’ai pas vraiment de point de comparaison. Je me réjouis de voir ce qu’il se passe à Paris-web pour 100€.
Ok les Rockstars du web ne seront pas là, mais je ne suis pas sûr que leur présence vaille une différence de prix de 1000% et ce n’est sûrement pas les misérables sandwich de midi ou le DJ à 2€ de la party officielle (un comble à berlin!) qui ont dû coûté cher.

Bref j’arrête là ma critique, enfin non pas tout à fait, car le choix de l’endroit était catastrophique, on me fera pas croire qu’à Berlin le seul place pour réunir 1000-1500 personnes se trouve à 40min du centre…

Malgré les journées intenses j’ai profité des soirées pour découvrir un peu Berlin, merci à Christian et son vélo de m’avoir guidé !

Difficile de choisir entre “Designing tag navigation, Disrupting the Platform: Harnessing social analytics and other musings on the Facebook API et Social Commerce and Community”.
Mon choix s’est néanmmoins porté sur “Designing tag navigation” car dans mon travail, c’est un problème récurrent.

Je vous laisse lire le compte rendu de Stéphanie sur la conférence à propos de l’API de Facebook.

Designing tag navigation (pdf 870ko) – James Kalbach
Il existe différent types de metadonnées, les tags en sont un, et surtout différentes manières de les générer:

Owner-created, les métadonnées propriétaires (traduction pas très heureuse), par exemple un thésaurus dont les avantages seront une grande précision et d’être complet. Par contre côuteux en temps et difficile à maintenir.

Technically generated, des métadonnées générées automatiquement, rapide, ponctuelles et bon marché à mettre en oeuvre, mais qui peux être inexactes et gourmande en performances.

User-generated, peu de maintenance, organisation auto-générée, bon marché pour commencer mais ne sera pas complet, aura besoin d’un temps d’incubation (jusqu’à qu’il yaie assez de tags) et il est difficile de naviguer dans les tags des autres.

(more…)

Mark Boulton est un typographe de formation tombé dans le web depuis pas mal d’années, sa présentation – Better Typography (9.1mb) – met en avant l’importance de la typographie sur le web.

“Typography is not just a designer responsability”
C’est tellement vrai… Graphistes, interaction designer et les personnes qui s’occupe de marketing doivent vraiment travaillé ensemble sur la structure des pages, et comme une page est constituée essentiellement de texte la typographie est extrêmement importante pour créer une bonne structure.

On parle toujours de la séparation du contenu et de la présentation, c’est juste en terme technique mais dans le processus de création il ne faut surtout pas dissocier les 2 donc :

“Content AND Presentation”

La typographie doit être prise en compte très tôt dans le processus, cela est très bien illustrer dans l’article de Jason Santa Maria “The grey box methodology” dans lequel il présent une methodologie de wireframe “designée”.
On voit dans ces wireframe que la typographie est déjà pas mal travaillée ce qui donne un côté beaucoup plus friendly pour le client et qui sera d’une grande aide pour le graphiste.

Concrétement il s’agit de faire de la

(more…)

Laquelle choisir ?
La photo ci-dessus présente une sorte de classement que l’on pourrait utiliser pour se décider, suivant si l’on fait plus de l’applicatif ou du web plus traditionnel.

Très intéressante présentation de Simon Willison un des créateur de django sur la jungle des librairies Javascript (JS). En fait le titre de la présentation “How to Make AJAX Work For You” ne correspond pas vraiment au contenu, mais en downloadant le slideshow je me suis aperçu qu’il n’a présenté que les 30 dernière slides (sur 134 !)

Pourquoi autant de librairies ? Il y à environ une quarantaines de librairies JS disponible pour les raisons suivantes:

• Inconsistance du modèle d’événement.
• Problème de gestion de la mémoire
• Le DOM est une api horrible
• Le JS n’est pas parfait mais assez puissant pour être corrigé
• “Browser Ajax is far too verbose.
• Le positionnement et le système de coordonnées est très compliqué
• Le drag and drop et les animation sont très difficile à réaliser.

Les librairies les plus intéressantes:

(more…)

Jeremy Keith en action

Deuxième jour de conférence et à nouveau du microformat au petit déj même si Offline Web Applications with Dojo Offline & Google Gears avait l’air sympa

Microformats: The Nanotechnology of the Semantic Web – Jeremy Keith
A nouveau jeremy Keith et ses présentations hyper léchée et pleines de métaphores.
Très bonne présentation, appellons-là microformat pour les nioubes et vu que j’en suis un un microformat ça tombe bien, merci donc de me corriger si je dérape…

Proto-microformats
L’attribut “rel” et le format XFN (TML Friends Network) seraient les proto-microformats:

a rel=”friend met colleague” href=”http://john.com”>john /a
a rel=”friend met co-worker” href=”http://bob.com”>bob /a

hCard et attribut de classe
“hCard is a one to one representation of vCard”
Une des intelligences des microformats est de s’inspirer de ce qu’il existe déjà, en l’occurrence ici le format vCard qui est ISO et très largement répendu, non seulement la philosophie de la vCard est reprise mais egalement les noms des champs qui donne les nom de class a utiliser dans le markup:
L’exemple des proto-microformats devient le microformat hcard (”h” pour HTML)

li class=”vcard”
a rel=”friend met colleague”
class=”fn url”
href=”http://john.com”
John
/a/li

A noter que le markup choisi, li dans cet exemple, pourrait très bien être un div ou un span.

(more…)

Les 2 dernières conférences de la journée d’hier:

The Beauty in Standards - Jeremy Keith et Coding on the Shoulders of Giants

Pas grand chose à dire sur le speech de Jeremy Keith sur la “beauté” des standard, on va dire que cela ça s’adressait aux codeurs mal élevés…

Plus de choses à dire présentation de Matt Biddulph de dopplr:

Coding on the Shoulders of Giants - Matt Biddulph de Doppl

La présentation consistait en fait à montrer à quel point dopplr – the social network for frequent travellers – était un bon élève web2.0.

Les trajectoires des users dopplr présents à berlin…

Les technos de dopplr

• google calendar
• rss geo
• hCard
• ..

Un exemple de webservice qui utilise entre autre l’api de dopplr pour calculer le carbone consommé dans son network.

Les services dont ils se servent:

(more…)

Avec un peu de retard voilà la suite des conférences que j’ai suivie hier…

Designing for a Web of Data – Tom Coates Yahoo!

Présentation à l’américaine avec un orateur a une forte personnalité qui fait son show…

“Your site is not your product”
un des leitmotiv de cette conférence, en d’autre mot pensez aux mobile, widgets et toute les formes que votre site peut prendre,
“Play well with others”
ouvrez votre site et donc vos données aux autres sites et services pour profitez des effets de network, un peu bateau mais là encore on peut vite l’oublier.

“Finding path in the data”
le point le plus intéressant à mon avis, la navigation web2.0

Une petite démo d’un des 2 derniers-né de Yahoo! “Fireeagle” qui permet de faire plein plein de choses basée surtout sur la geolocalisation, entre autres:

(more…)

2e session, à nouveau plusieurs conférences susceptibles d’être intéressantes en même temps je tente donc un ping-pong entre
Community Practices: From Forums to Social Networks
et
Twice the Speed and Half the Cost: Interaction Design for Fast-paced Startups

Community Practices: From Forums to Social Networks et Twice the Speed
Pas grand chose à dire se sont surtout des présentation de communauté autour d’une marque.
Nivea > même si la marque est très en avant ils ont trouvé leur audience en demandant aux utilisateurs de répondre à la question ” Que trouvez-vous beau? ” en uploadant des photos
Jaegermeister semble être pas mal aussi, à voir
Ensuite une présentation d’une communauté faite par SiXt un leader de la location de voiture : Carmondo.com
Résultat beaucoup d’info et de user car les allemand adorent les voitures mais c’est un grand forum… bravo pour le titre de la conférence…
Finallement une présentation de mynutella.it là s’en est trop je me casse et vais voir:

Twice the Speed and Half the Cost: Interaction Design for Fast-paced Startups – Gregor Hochmuth
Le but de cette présentation est de montrer que le design dans une application web est très important et surtout que cela ne coute pas cher.
Tout d’abord il redéfinit le mot design en expliquant qu’il n’est pas question de l’habillage graphique de l’application mais plutôt de comment les utilisateurs vont intéragir avec.
Il insiste sur 3 points que l’on aurait tendance à oublier trop souvent, à savoir :

• Pour qui l’application est faite (User research)
• Pourquoi ils vont l’utiliser
• Comment es-ce que l’on aide les utilisateurs à accomplir ce pourquoi ils sont là.

(more…)

Après 40min de U-bahn et 25min à pied me voilà ENFIN arrivé…
Difficile exercice de faire du reporting plus ou moins live (plutôt moins), soyez indulgents avec les fautes d’orthographes et surtout avec les conneries que je pourrais raconter sur des sujets que je ne connais pas trop et dont je crois avoir tout compris maintenant…

Ma 1e conférence Moving from 1.0 to 2.0: Philosophies and Structures for Change ne me laissera pas un souvenir impérissable, plutôt qu’une conférence c’était une discussion entre 4 personnes, des designers (au sens interaction et user experience) et des developeurs. Intéressant mais sans plus, le point le plus intéressant était que les designers doivent parler la langue des developpeurs backend et vice-versa, surtout depuis l’arrivée d’AJAX (la fameuse question est sortie “AJAX c’est du back ou du front”)

Je suis vite parti après 15 min pour aller voir Brian Suda parlant des microformats, c’était très interessant pour un newbie comme moi…

Microformats a Web of Data

Voilà les points que j’ai retenu:

• Unix pipes for the web
  une démo très interessante dans la quelle il a “pipé” plusieurs webservice pour arriver à une URL très longue est illisible mais pleine d’information…
  Exemple:
  1. page HTML avec microformat | webservice Tidy | webservice XSLT | webservice maps
  2. page HTML avec microformat | webservice Translation babelfish | webservice XSLT | webservice mapsDans les 2 exemples, le résultat est une URL très longue en 4 parties mais dissociable, si babelfish devient payant je change pour google translate.

Quelques exemples d’intégration intelligentes de micoformats:

• Getsatisfaction.com
  pour remplir ses donnée personnelle il propose d’utiliser la hCard générée par un service auquel on est déjà inscrit (flickr par exemple) et liste quelques service
• Dopplr
  Permet d’importer ses contacts automatiquement de twitter, google mail , très simple à mettre en oeuvre et rès pratique vu que ma liste de contact reste à jour du coup.
• Address book OSX
  On peut “souscrire à un contact” donc on est là encore toujours uptodate si la personne change ses infos

Il donne ensuite une Liste de librairie, pas eu le temps de noter donc faudra que je trouve la slide…peut-être déja trouvable quelque part mais pas le temps de chercher…

Enfin la partie la plus intéressante, sur RDF:

(more…)