During my holidays I had a Wordpress website to implement for a friend. I needed a plugin to display a two level menu to finish the job but had no internet connection, only an iPhone and edge.
As Safari mobile is not able to download, my first idea to grab the plugin was to ask a friend to download it and send it by email, then I could synchronize my mail accounts between the iPhone and my laptop.
The synchronization didn’t work so I had to figure out something else.
I looked for a solution to force download with Safari mobile and found the Netservices application. Finally I had to connect in ssh to the iPhone. For that I simply created a network using airport so the iPhone gets an IP I could use.
No need to say that this is a complicated way to share a simple file between 2 Apple products….
Evernote is a great note creation service, you write a note, attach pictures to it and the text recognition technology will make every word on the picture searchable, look at their demo.
They also provide a desktop application which is synced with your online account.Thinking about how we could use it at work, Simon and me decided to create shared notebooks of the screenshots we grab about interfaces and good user experiences design on the web.
Here is Simon’s shared notebook and mine, notice that every published notebook also provide an rss feed.
Evernote is in close beta at the moment, if you are interested I have 10 invitations left, leave a comment to have one.
‘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…)
