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

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.

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

 

 

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

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.

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.

 

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.

 

- 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.

 

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.

 

- 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.

 

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.).

 

- 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.

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.