A 1 month job

Histoire de me changer un peu les idées, j’ai décidé de m’accorder un petit break dans le développement de Kivaou. Mais pas question de chômer pour autant, je m’attaque à un mini-site qui devrait me prendre un petit mois à développer.

Comme à mon habitude je publie pas trop d’info dessus, mais je peux quand même vous dire que :

• Le projet à pour nom de code Nec.
• La cible n’est pas les geeks, plutôt les gens « normaux »
• C’est quand même basé sur une techno utilisée à 90% par les geeks (au sens (très) large du terme)
• Sur un malentendu, ça peut se conclure rapporter gros !
• L’image de cette article a de grandes chances d’être un morceau du design final.

Le gros principe qui va guider l’expérience utilisateur de ce site, c’est KISS : Keep It Simple, Stupid ! Et c’est ce qui ferait sa force si je gère bien.

Stay tuned

On n'a jamais deux fois l'occasion de faire une bonne première impression

S’il y a bien un principe marketing qui s’applique aux sites web, c’est celui là !

C’est dans les premières minutes (pour les aventuriers, en général c’est parfois les premières secondes) que se joue l’adhésion d’un utilisateur à un service web. Ceci est explicable par le fait que la ressource (ici un site) est rapidement accessible donc rapidement jetable. On a moins de scrupules à quitter un site qu’à désinstaller un logiciel qu’on a mis 1h à installer.

Un service web doit donc accrocher l’utilisateur très rapidement pour convaincre. Aujourd’hui, j’ai découvert Spotify et j’ai immédiatement été convaincu !! Alors essayons de voir pourquoi ?

Partons du début : Qu’est ce que je cherchais ? une alternative à Deezer. En gros un moyen de découvrir un peu de musique et surtout de pouvoir écouter des sons que j’aime partout, chose qui n’est pas gagné puisque mes gouts musicaux sont un peu différent de la majorité des gens de mon age (j’ai une allergie à la musique pop rock anglo-saxone mais c’est un débat dans lequel je n’entrerai pas maintenant, ce n’est pas le sujet).

Vu que j’en entends parler de tous les côtés depuis hier, j’ai tenté Spotify. Je m’attendais à un service en ligne mais c’est en fait une installation qui s’est lancée. Pas grave, je tente.

Une fois cette (rapide) installation terminée, je me retrouve devant une interface à la iTunes … cool ! I feel @ home ! Presque sans réfléchir, je me dirige vers le champ de recherche et teste avec un artiste pas trop connu … James Delleck tiens ! Résultat : pas tous les albums, mais mon préféré est là (les autres ne sont pas accessibles sous Deezer pour des raisons de droits … même raison ici ?) Quasiment convaincu, je continue ! Un petit tour dans les préférences, elles sont assez limitées mais il y a une connexion à Last.fm, la lacune que je reprochais à Deezer. Petit bonus : une bonne gestion du cache qui permet d’avoir les morceaux en entier quand on a un réseau aussi pourri que celui de mon boulot, ce qui n’est pas le cas chez Deezer.

Il ne me reste plus qu’à me refaire mes playlists (quand même moins de choix que Deezer pour le moment) et à découvrir le mode Playlists colaboratives (des intéressés ?).

Spotify fonctionne sur le modèle du Freemium (fonctionnement gratuit, plus d’options si on paye) et je pense que si mon utilisation devient vraiment intensive je risque d’y mettre le prix (encore un peu élevé pour le moment aux vue des fonctions proposées).

Bref un bel exemple d’application qui réussit grâce à une bonne première impression !

Edit : Pour accéder au service sans invit, c’est par là : https://www.spotify.com/en/get-started/ … merci Korben

L'importance d'un bon 404

Il existe une page qui revient systématiquement sur tous les sites, et qui est pourtant trop souvent mise à l’écart, la page 404, nommée ainsi suite au code de l’erreur qui la génère : Erreur 404 : Contenu introuvable. Une erreur devenue culte dans le monde des Geeks.

Plusieurs raisons peuvent amener à un 404. Un contenu déplacé (ou supprimé), une URL mal orthographiée, … et l’utilisation d’URL rewriting et de pages dynamiques n’est pas pour inverser la tendance. Bref personne n’est à l’abri d’un 404.
Pourtant le 404 d’un site est très souvent (et c’est le cas pour ce blog, je le confesse à ma honte) une simple phrase annonçant que le contenu est introuvable … pas très user friendly non?

Il existe de nombreuses manières d’utiliser un 404 pour retenir l’utilisateur. Le premier est en utilisant l’humour, ce qui aura pour effet de ne pas frustrer l’utilisateur.  Typiquement celui de dawdle.com titille le fan de Mario qui est en moi du coup j’ai moins envie de partir du site.

L’autre utilisation, généralement plus rentable, est de fournir à l’utilisateur perdu des pistes à suivre.  Ça peut être un champ de recherche, un liste de catégories, des recommandations… Tiens en parlant de recommandation, je viens à l’instant d’aller voir chez ceux qui sont pour moi les pro des algo de recommandation et j’avoue être un peu déçu par leur 404.

Dans le cas de mon projet, j’ai déjà ma petite idée de 404, qui sera plutôt orienté vers l’aspect recherche/recommandation. Essayer de guider l’utilisateur en lui laissant de la liberté, mais quoi qu’il en soit, lui fournir des pistes pour rester sur le site.

Si vous cherchez des inspirations de 404, je vous conseille l’excellent Smashing Magazine (pour les rares d’entre vous qui ne le suivent pas encore), dont l’article de ce matin à inspiré ce que vous êtes en train de lire.

Choix technologiques

Même si je ne suis pas un des plus fervents défenseurs de l’accessibilité sur le net, j’essaye par principe d’en suivre au maximum les règles. C’est cette raison qui a orienté le choix de la technologie employée sur mon site vers le combo XHTML/CSS et un bon petit jQuery (qui m’impressionne chaque jour).

Mais il ne faut pas se voiler la face, jQuery et le langage JavaScript en général sont encore loin d’un Flash ou Silverlight, malgré les énormes progrès faits ces dernières années.

Et pour réaliser certains éléments de mon projet, je vais avoir besoin de ces technologies propriétaires. J’ai essayé de contourner ce problème dans un premier temps mais la réalité des choses m’a vite rattrapé, et me voilà maintenant confronté à de nouveaux problème techniques :

• Comment intégrer proprement un composant flash dans une application développée sous Symfony ?
• C’est quoi exactement la différence entre flash et flex ?  Qu’est-ce qui justifie le choix de l’un plus que l’autre ?
• Trouver une solution pour rendre le site accessible pour les non-flasheux.
• Prier pour que mon pote qui touche un peu flash touche en fait beaucoup …

Bref la mise en place de technologies riches implique pas mal de complications, mais en contrepartie, j’ai déjà des idées pour exploiter au mieux leurs possibilités en terme d’expérience utilisateur.