Comment créer une bonne application pour un site web d'actu ?

Ecrit par Dumè Siacci le Vendredi 18 Avril 2014

Récemment, nous discutions avec Arianna et Jérôme des questions qui nous sont régulièrement posées par nos utilisateurs, et des sujets que nous pourrions traiter sur ce blog afin de tenter d'y répondre. Ce sujet en fait partie, mais je pense qu'aujourd'hui la question ne porte plus tant sur la faisabilité technique (au fond, vous connaissez probablement les différentes options qui s'offrent à vous pour créer une app, et surtout comment vous y retrouver tout au long de ce processus), mais plutôt sur la façon d'organiser ses contenus pour proposer la meilleure expérience possible à ses lecteurs sur mobile.

Dans cet article, je voudrais donc que nous répondions à quelques questions ensemble, afin de réfléchir à la bonne façon de concevoir votre app.

Le raisonnement que je vous propose de suivre est d'identifier les cohortes de visiteurs auxquelles vous vous adressez afin d'en déduire un pattern de conception pour votre app.

Que représente mon trafic mobile ?

Si vous consultez régulièrement les statistiques de votre site web (et je suis sûr que vous le faites), vous avez probablement remarqué qu'une part non négligeable de vos lecteurs consultent votre site depuis un mobile. Soyons clairs : en disant ça, j'enfonce une porte ouverte, les tendances sont claires et connues.

Et si vous avez la réponse à cette question, vous savez que vous devez valoriser ce trafic mobile, aussi bien que vous valorisez votre trafic web.

Il y a plusieurs options pour proposer une expérience mobile de qualité à vos utilisateurs : responsive design, sites mobiles dédiés, applications natives... Et il n'existe pas de "bonne" pratique, simplement des pour et des contre avec chacune des solutions.

Nous n'allons pas rentrer ici dans le débat web mobile vs. apps natives, ou responsive design vs. apps, disons le une fois pour toutes, ils ne sont pas opposés (nous y reviendrons probablement dans les semaines qui viennent sur ce blog :).

Vous savez probablement que chez GoodBarber nous sommes très attachés à la puissance et au rendu des apps natives, et nous allons donc nous concentrer sur la façon de concevoir l'application (sans programmation) qui va répondre le mieux aux attentes de vos lecteurs.

Que viennent chercher mes lecteurs sur mon site ?

Il existe autant d'approches éditoriales qu'il existe de sites d'information, c'est une évidence. Mais en en réfléchissant au comportement de vos utilisateurs, vous arriverez certainement à situer votre proposition de valeur dans une ou plusieurs des tendances suivantes :

- Vous voulez être le premier à publier une info fraîche (scoops)

- Vous publiez plutôt des papiers d'analyse

- Vous ne publiez que ponctuellement sur votre site web, car votre présence est éclatée sur les réseaux sociaux

- Vos écrits s'adressent à une communauté d'utilisateur précise

- Vous constituez une base de connaissances

A titre d'exemple, je situerais évidemment le blog de GoodBarber dans les deux dernières catégories.

C'est la réponse à cette question qui va conditionner la façon de concevoir et mettre en forme votre app.

Comment créer mon app, et comment y agencer mes contenus ?

Si vous êtes décidé à créer une app pour votre site de news, il n'existe pas de meilleurs logiciels que GoodBarber pour créer votre app, c'est une évidence ;)

Plus sérieusement, GoodBarber vous propose une suite d'outils pour adapter votre contenu au mobile et proposer la meilleure expérience possible à vos utilisateurs. En quelques mots : vous pouvez directement synchroniser les contenus de votre site avec votre app, et mettre en forme un design de qualité professionnelle en quelques minutes. GoodBarber est un outil do-it-yourself, ce qui veut dire qu'il n'est pas nécessaire de disposer de compétences en programmation pour l'utiliser.

Créer votre app en utilisant un app builder est donc un processus relativement simple, si tant est que vous sachiez comment y agencer vos contenus.

Et on touche ici un des points qui vont conditionner le succès d'une app auprès de son réseau : les paradigmes ergonomiques qui s'appliquent sur le web ne peuvent pas être reproduits sur mobile.

Or c'est bien cela que vos lecteurs attendent de vous : ils souhaitent que vous leur permettiez d'accéder à votre contenu au bon moment, et dans un format adapté au terminal qu'ils ont dans les mains (un iPhone ? :-).

Si vous avez suivi mon raisonnement, vous avez donc compris qu'en fonction de la segmentation comportementale que nous avons déduit plus haut, il n'existe pas une seule "bonne pratique" : l'espace réduit de l'écran d'un smartphone vous contraindra à des choix architecturaux (et je ne parle pas ici de design, qui est une notion beaucoup plus suggestive).

Listons maintenant les fonctionnalités indispensables à inclure à votre application, ainsi que celles qui vont nous servir à cibler plus spécifiquement vos lecteurs.

Quelles sont les fonctionnalités caractéristiques d'une bonne app de news ?

Evidemment, une bonne app de news reprendra les pré-requis d'une bonne app dès l'entrée en matière : rapidité et fluidité d'utilisation, design de qualité, etc.

En dehors de ces considérations générales, voici le top 7 des fonctionnalités que vous allez combiner entre elles pour créer une expérience utilisateur parfaite au sein de votre app.

1. Accès complet au contenu [content feeds, offline, moteur de recherche, pagination d'articles, entrées par catégories]

2. Notifications Push

3. Fonctionnalités ergonomiques [taille du texte, redimensionnement des images, etc.]

4. Fonctionnalités de partage / sociales [sharing, like]

5. Fonctionnalités communautaires [commentaires]

6. Fonctionnalités centrées sur l'utilisateur [favoris, pocket, etc.]

7.Monétisation [réseaux publicitaires]

Lorsque vous créez une app mobile, vous allez tenir un raisonnement quelque peu différent de celui que vous allez suivre sur le web. Plutôt que de penser à une architecture de pages, vous allez plutôt penser à des sections qui vont être accessibles via un menu de navigation.

C'est en organisant votre contenu au sein de ces sections que vous allez aider vos utilisateurs à le parcourir plus facilement en fonction de leur habitude (et le fidéliser). Un peu comme partout, une des règles essentielles du mobile est less is more, c'est à dire qu'on ne peut pas systématiquement tout proposer au risque de saturer l'utilisateur.

Repensez à la catégorie dans laquelle vous avez situé votre site web à la question "Que viennent chercher mes lecteurs sur mon site ?", et mettez là en regard de chacune des fonctionnalités listées ci-dessus.

Je vous propose de prendre quelques exemples de thématiques et d'esquisser à chaque fois une architecture d'app en prenant en compte ces différents conseils.

Dans tous les cas, la fonctionnalité principale de l'app consistera bien entendu à synchroniser les contenus entre l'app et le site web.

Exemple n°1 : Un site d'actualités traitant de news people

Ligne éditoriale : l'important est d'être présent sur les scoops. Vos lecteurs vous sont fidèles car ils savent qu'en vous suivant ils seront les premiers à être au courant de toute nouvelle info fracassante :)

Vous avez bien compris que la fonctionnalité centrale de votre application sera les notifications push. Il y a fort à parier que votre contenu sera consulté en priorité depuis mobile car la matière que vous proposez est souvent instantanée, donc proposer une app mobile prend tout son sens.

J'aurais tendance à privilégier un accès direct et relativement plat au contenu plutôt qu'une arborescence de navigation complexe (il n'est peut-être pas pertinent de proposer de nombreuses entrées par catégories, sauf à publier plusieurs dizaines d'articles par jour).

En revanche, pour multiplier les pages vues au sein de votre app, vous pourriez y proposer des sections spécifiques comme des diaporamas photos ou des sélections de vidéos, qui sont des médias très pertinents dans le cadre de votre ligne éditoriale.

Tips & tricks GoodBarber :

- Utilisez une section de type Article pour l'accès aux dernières news publiées (ça sera la section "Home" de l'application), et éventuellement une autre section de type Article dédiée aux entrées par catégories (avec 3 ou 4 filtres maximum)

- Utilisez une ou plusieurs sections CMS pour vos séléctions de médias (top vidéos, diaporama photo, etc.)

- Proposez un accès à vos réseaux sociaux (page Facebook, compte Twitter, compte Instagram) depuis l'app

- Mettez en avant la fonctionnalité de partage des contenus dans les pages de lecture des articles

- Monétisez votre application en utilisant les emplacements publicitaires prévus

- Le + : Proposez à vos lecteurs de devenir reporters mobiles avec la section Soumission de GoodBarber.

Exemple n°2 : Un site d'actualités dédié au matériel high-tech

Ligne éditoriale : un peu d'actu, beaucoup de tests de matériel. Vos lecteurs vous lisent pour la pertinence de vos dossiers.

Pour ce types de contenus, on va probablement mettre en place une arborescence de contenus complète. La plupart des articles rédigés ont une durée de vie assez importante (ils ne deviennent obsolètes qu'au bout de nombreux mois), il n'est donc pas gênant de proposer plusieurs tris différents afin de faciliter la recherche de l'utilisateur.

De la même façon, on aura tendance à mettre en avant la fonctionnalité de moteur de recherche dans l'application.

Si vous disposez d'un stock de vidéos, il peut également être pertinent de les mettre en avant dans l'app.

Comme vos contenus sont plutôt longs, le confort de lecture sera un des points clefs de la réussite de l'app.

Tips & tricks GoodBarber :

- Utilisez une section Article qui listera les dernières publications, puis segmentez vos contenus en utilisant d'autres sections de type Article (rubriques), elles-mêmes filtrées par sous-rubriques

- Soignez l'ergonomie de l'application en utilisant un effet de disparition sur le header de l'app (pour passer en affichage plein écran lors de la lecture d'un article)

- Mettez en avant les fonctionnalités ergonomiques et centrées sur l'utilisateur (comme les favoris, les boutons de controle de la taille du texte)

- Proposez des fonctionnalités communautaires (commentaires) qui peuvent engendrer une récurrence d'utilisation de votre app

- Le + : Utilisez la version HTML5 de GoodBarber pour faciliter encore plus l'accès à vos contenus depuis un mobile.

Exemple n°3 : Un blog d'homme (ou de femme) politique en campagne

Ligne éditoriale : un peu de d'actu, beaucoup de communiqués de presse, quelques articles "statiques" de présentation. Vous vous adressez prioritairement à la communauté de vos soutiens, et vous faites en sorte que votre site soit une vitrine pour votre campagne.

Ici, un des dangers risque d'être de polluer l'app avec des publications qui n'y ont pas leur place, comme les communiqués de presse bruts. Si vous tenez à ce qu'ils soient accessibles depuis l'app (ce qui peut avoir du sens), on préférera toujours ne pas les afficher sur la home de l'application, et ne les rendre accessible qu'à travers des sous-menus de navigation.

De la même façon, on mettra en avant ce qui relève de l'actualité immédiate et périssable de façon à engendrer une utilisation fréquente de l'application, et on créera des menus spécifiquement dédiés à accueillir ce qui relève des contenus statiques et non périssables (programme, équipe, etc.) via des menus de navigation annexes.

On mettra également en avant un agenda listera les évènements pouvant intéresser la communauté.

Pour diversifier l'app et la rendre plus attractive on y ajoutera également tous les médias que l'on a à disposition (photos, vidéos, podcasts, etc.).

Tips & tricks GoodBarber :

- Utilisez une section de type Article pour l'accès aux infos fraîches et périssables (ça sera la section "Home" de l'application), et d'autres sections au second plan de la navigation pour le programme, l'équipe, et les communiqués de presse

- Utilisez une section Agenda pour lister les évènements de la campagne

- Utilisez une ou plusieurs sections dédiés à afficher vos médias déjà publiés sur le web (photo Flickr, vidéos YouTube, podcasts Soundcloud, etc.)

- Proposez un accès à vos réseaux sociaux (page Facebook, compte Twitter, compte Instagram) depuis l'app pour rassembler votre communication éclatée sur le web

- Mettez en avant la fonctionnalité de partage des contenus dans les pages de lecture des articles

- Utilisez les notifications push avec parcimonie pour mobiliser votre communauté

- Le + : Utilisez la section Live pour retransmettre vos réunions publiques en direct dans l'app.

Statistiques d'utilisation : une bonne façon de repenser son architecture avec un peu de recul

Les exemples listés dans cet article nécessitent évidemment d'être adaptés aux besoins spécifiques à chaque situation.

Bien qu'il ne soit généralement pas une bonne idée de remettre en cause l'architecture de l'app de manière trop fréquente, il peut être intéressant de consulter ses statistiques d'utilisation quelques mois après la publication afin d'apporter des petites modifications qui amélioreront l'expérience utilisateur de votre app.

Rien de compliqué ici : si vous voyez que certaines sections sont moins consultées que d'autres, cela peut vouloir dire qu'elle n'est pas assez mise en avant dans la navigation ou qu'elle ne présente pas un intérêt suffisant pour le lecteur.

A vous de jouer !

Le point de vue exposé dans cet article ne couvre qu'une infime partie des possibilités offertes dans la création d'une application de contenu.

Et vous, quelle approche avez-vous suivi ? Comment envisagez-vous la structure de votre app ?
Partagez votre expérience dans les commentaires de cet article !

POUR ALLER PLUS LOIN :

Si l'outil en ligne permet le développement d'une app en ligne sans avoir à coder, le travail préparatoire seul permet de voir loin. Prenez le temps de poser la question du comment générer une app , un processus qui part de l'idée jusqu'au design, tant pour une app iOS qu'Android.
Si votre cible est l'iPhone et son iOS, le processus pour publier sur l'AppStore sera simplifié en suivant nos étapes en ligne. Nous prenons en charge la fonction de soumission à Apple pour les applications réalisées chez nous.
Lorsque l'on commence à avoir un réseau de clients et un système de recherche de prospects bien conçu, il peut être intéressant de gérer soit même la publicité en ligne au sein de son app. Découvrez nos conseils pour bien utiliser l'outil sur ce point.
Le développement du mobile se poursuit, et les usages rentrent par étapes dans bien des pans de la vie quotidienne. Retrouvez nos conseils pour faire de ces changements des opportunités pour votre application mobile. Un moment pour faire la publicité des avantages de votre app.
Ils débarquent sur les applications natives iOS et Android. Comment les logiciels de blocage de publicité boulverse la vie en ligne ? Revue du développement de cette fonction et de son impact sur le système.
Retrouvez nos conseils pour optimiser la vitesse de navigation de vos utilisateurs dans l'outil. Ce n'est pas une question de développement mais un travail de bons paramétrage du système. Ainsi le processus de navigation sera fluide.