Bonnes pratiques

SDK du Répertoire des applis

Bonnes pratiques

Nous encourageons fortement les développeurs à incorporer au maximum le design et l'apparence Hootsuite dans leurs applis de façon à optimiser l'expérience des utilisateurs. Les applis qui s'intègrent bien dans les thèmes Hootsuite ont plus de chance de laisser une bonne impression aux utilisateurs, ce qui contribue aussi au succès de votre appli.

Pour que la conception d'une appli au design Hootsuite ne soit pas un problème pour vous, nous avons compilé une liste des choses qui peuvent être considérées comme des directives en termes d'assurance qualité. Nous vous recommandons de prendre en compte la liste ci-dessous.

Directives d'assurance qualité

  • Les flux peuvent être limités à 297 px, en incluant l'espace qu'occupe la barre de défilement. Par exemple, sur un Mac, la barre de défilement baisse la limite à 282 px
  • Conservez un faible espace vertical pour chaque message : le but d'un flux est d'afficher plusieurs messages à la fois. Implémentez une fonctionnalité de développement de contenu/basculement lorsque nécessaire.
  • Les titres et les icônes des messages doivent toujours ouvrir le même pop-up d'information avec des détails sur l'histoire, l'utilisateur, etc.
  • Les horodatages sous les titres devraient toujours renvoyer vers la source de l'article, la discussion, etc.
  • Le fait de cliquer sur un nom d'utilisateur ou son icône doit systématiquement ouvrir un pop-up d'information contenant des informations sur l'utilisateur.
  • Essayez d'obtenir un maximum de fonctionnalités en utilisant les fonctions API (par exemple le partage sur les réseaux sociaux via hsp.composeMessage)
  • Mettez en place le « défilement infini » tout en conservant le lien « En voir plus » à la fin à titre de sécurité
  • Supprimez le rechargement des messages avec des gestionnaire d'actualisation (via hsp.bind) lorsque l'utilisateur interagit avec le flux (exemple : publication de messages, détails étendus ou bien position de défilement loin du haut de la page)

Directives concernant les tests

Hootsuite fait passer ces tests lors de chaque soumission d'appli. Nous vous suggérons de vous appuyer vous-même sur cette liste. Cela vous permettra d'accélérer le passage en revue de la soumission de votre appli.

Zone de test

Description

Résultat

Authentification de l'appli

Utilise l'authentification SSO du SDK Hootsuite pour la connexion de l'appli à Hootsuite. L'authentification de l'utilisateur à votre appli peut se faire en utilisant le flux d'authentification de votre choix (OAuth recommandé). L'authentification doit être persistante d'une session à l'autre et ne doit pas expirer avant que l'utilisateur ne sélectionne « Déconnecter »

Réussite/Échec

Prise en charge de plusieurs comptes

L'utilisateur peut se déconnecter et se connecter avec un autre compte utilisateur et peut ajouter différents flux et authentifier chacun avec un compte différent.

Réussite/Échec

Conservation des paramètres utilisateur

L'appli doit conserver tous les paramètres utilisateur qui ont été sauvegardés dans le flux d'une session à l'autre (c'est à dire, si l'utilisateur définit un filtre de recherche pour un flux, l'appli doit conserver ce filtre lors de la prochaine utilisation de Hootsuite par cet utilisateur).

Réussite/Échec

Suppression de l'actualisation lors des interactions de l'utilisateur

Supprime le rechargement des messages avec des gestionnaire d'actualisation (via hsp.bind) lorsque l'utilisateur interagit avec le flux (exemple : publication de messages, détails étendus ou bien position de défilement loin du haut de la page).

Réussite/Échec

Entièrement conforme au protocole HTTPS

Le tableau de bord Hootsuite est une connexion SSL forcée. L'appli est entièrement conforme au protocole HTTPS et ne générera aucune erreur ni aucun avertissement de brèche de sécurité. Hootsuite peut fournir un service d'image proxy à la demande.

Réussite/Échec

Défilement infini

Donne accès aux messages/mises à jour suivantes lorsque l'utilisateur défile vers le bas.

Réussite/Échec

UI et ressources de conception

Veuillez utiliser les ressources CSS et HTML de l'exemple de code comme point de départ lors de la conception de votre appli. La barre de menu doit contenir au moins deux icônes : Settings (qui affiche le compte connecté et donne la possibilité de se déconnecter) et le menu déroulant « More » (qui contient les liens Help, Feedback et Developer, dont les URL des deux premiers sont fournies par Hootsuite).

Réussite/Échec

Actualisation du flux

Se lance lorsque la colonne de l'appli est actualisée, soit par l'utilisateur au sein du flux, soit lors de l'actualisation du tableau de bord.

Réussite/Échec

Logo de l'appli

Utilise une image de type vectoriel avec arrière-plan transparent pour les icônes 16x16, 30x30 et 256x256. Doit être hébergé depuis une adresse HTTPS.

Réussite/Échec

Compatibilité avec les navigateurs

Dernières versions de Google Chrome, Firefox, Safari, IE 9+

Réussite/Échec