Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Amélioration de l'affichage des résultats et viralité #26

Closed
AlphonseJr opened this issue Jul 7, 2015 · 12 comments
Closed

Amélioration de l'affichage des résultats et viralité #26

AlphonseJr opened this issue Jul 7, 2015 · 12 comments
Assignees
Milestone

Comments

@AlphonseJr
Copy link
Collaborator

Nous souhaitons améliorer cette page car elle représente un enjeu stratégique fort : si elle est affichée, c'est que l'user est allé au bout de son expérience Toolwatch. C'est donc également à ce moment qu'il connait bien le produit et qu'il est en mesure de le recommander. Pour nos efforts marketing futurs, c'est également la possibilité de pouvoir placer un pixel de tracking pour mesurer la conversion et le ROI.

L'idée est également de congratuler l'utilisateur pour avoir mesuré sa montre, à la manière de ce que peux faire MailChimp quand un utilisateur envoie une campagne avec succès. cf https://d13yacurqjgara.cloudfront.net/users/187497/screenshots/1548634/mailchimp-high5.gif & https://raygun.io/blog/wp-content/uploads/2014/10/mailchimp-high-five-2.png

Nous allons donc créer une page dédiée /result/

Sur la page nous affichons "Congratulations ! Your #WatchName is actually running at #WatchAccuracy", proposer un lien "Return to your watch dashboard" et "start a new measure". (Si tu as un gif cool ou une image "à la MailChimp", je prends à fond !)

Juste en dessous :
"We are happy to have you around, help us spread the love for mechanical watches and share your accuracy on :

Bouton Facebook : https://developers.facebook.com/docs/plugins#like-share-send (share button)
Bouton Messenger : https://developers.facebook.com/docs/plugins#like-share-send (send button)
Bouton Twitter : https://about.twitter.com/resources/buttons (share a link)
Bouton Google+ : https://developers.google.com/+/web/ (bouton partager)

We ♥ Instagram (link), tag us with your wristshots and share your results using #ToolwatchApp !

Le texte a utiliser serait : "My #WatchBrand runs at #WatchAccuracy on @TOOLWATCH_PLATEFORME, what about yours ? www.toolwatch.io"
Note : J'ai choisi #WatchBrand au lieu du nom complet de la montre pour limiter le nombre de caractères pour le share.

Pour l'image qui sera partagée, est-ce qu'il est possible de générer un petit visuel avec :

  • Le nom de la montre
  • La précision
  • Le logo TW
  • L'url

As-tu une solution pour tracker le taux de share par user (je pensais le faire par mesure, mais si un user l'a déjà fait une fois, il ne va pas le faire à chaque mesure) ? J'hésitais aussi à intégrer un truc pour crawler le carnet d'adresse ou une intégration plus poussée pour le mobile pour que l'user puisse envoyer par SMS ou autre. T'en penses quoi ?

Pour cette demande qui est assez "fouillie", je te propose qu'une fois que tu en as pris connaissance, on se fasse un petit call sur Skype quand t'as un moment, tu auras surement des questions, qu'on voit ensemble le design etc. Je suis dispo soit ce jeudi ou vendredi à partir de 13h30 (heure caribou) ou bien ce weekend à l'heure qui t'arrange !

Merci !

@MathieuNls MathieuNls added this to the Tw 2.0 milestone Jul 7, 2015
@MathieuNls MathieuNls self-assigned this Jul 7, 2015
@MathieuNls
Copy link
Member

Pour l'image qui sera partagée, est-ce qu'il est possible de générer un petit visuel avec :

  • Le nom de la montre
  • La précision
  • Le logo TW
  • L'url

OK, tu peux en faire un pour model ?

@AlphonseJr
Copy link
Collaborator Author

C'est Vincent notre graphiste / photographe / flibustier qui s'en occupe et nous montre dès que c'est prêt ! Merci à vous deux :)

@AlphonseJr
Copy link
Collaborator Author

Alors, quelques petites remarques :

Globalement, il y a pas mal de "blanc" en haut, je remonterai tout le bloc jusqu'aux boutons de share inclus et je laisserai au même niveau la phrase instagram + le bloc pour aérer un peu le tout et privilégier le share. D'ailleurs le bloc Instagram, je me demande si ça ne suffit pas de garder une seule ligne. Thoughts ?

Sur le share de Twitter : My #1 runs at {WatchAccuracy} on @toolwatch http://tw-stage.herokuapp.com/
-> WatchAccuracy est pas affiché
-> C'est @Toolwatchapp
-> Faut mettre l'url .io et pas le stage !

Sur le share FB : l'url est celui du stage (peut-être que c'est "normal") et il n'y a pas de texte prefill (mais peut-être que c'est une contrainte FB)

Même remarque pour le share G+

As-tu mis les "couleurs conditionnées" ? Normalement, tu devrais avoir vert pour -5/+5, orange pour )-20;-5( ; )5;20( et rouge au delà !

Sur mobile, l'affichage n'est pas optimal, on devrait voir le résultat dès le premier écran, cf screen.

J'ai pas fait gaffe au niveau de l'URL,mais il me semble que la page n'a pas d'url dédiée, il nous faut pourtant bien qu'elle ait sa propre URL pour pouvoir la tracker etc. Oublie cette remarque si je me suis trompé mais j'ai pas envie d'attendre 12h pour vérifier haha

Sinon c'est cool, bien sympa la petite montre animée, il manque les photos de la part de notre photographe pour les share ! ;)
Merci :)

@MathieuNls
Copy link
Member

Alors c est pas fini en fait :P. C etait pour vous montrer a quoi ca ressemble.

Les shares sont pas fini, l url c est normal.

Les couleurs : pas encore fait.

@MathieuNls
Copy link
Member

Google+ Ne permet pas d ecrire un status a la place d un user
Les couleurs ne rendaient vraiment pas bien
L image dans le share pour fb appraitront quand ca sera live
Comme discute avec Vincent, generer une inage differente pour chaque mesures

  • C est galere
  • C est pas vraiment opti reseaux sociaux puisque l url de share change a chaque fois
  • L image utilisee est "article medium marc.jpg" de la drop

@AlphonseJr
Copy link
Collaborator Author

Hello,

Alors j'ai ou faire mes mesures et voici mes remarques :

  • Nous avons encore des petits soucis sur les share :
    Twitter : le compte doit être @Toolwatchapp et non @toolwatch et l'url doit être celle du live et non celle du stage ;)
    Google+ : c'est la mauvaise URL (stage au lieu de live)
    Facebook : Le texte prefill doit mentionner la page facebook Toolwatch pas @Toolwatchapp et le lien posté renvoie une erreur 404 (tu peux reproduire en partageant sur ton facebook en partage privé seulement visible par toi)
    De façon générale, les pop up de share doivent se refermer après le partage et non pas rediriger sur Toolwatch.io sinon ça fait deux fenetre Toolwatch d'ouvertes.
  • Il manque le "résultat conditionné" (couleurs suivant le résultat)
  • Il reste trop de blanc avant le bloc résultat.
  • L'affichage de page n'est pas optimal sur mobile.

Merci !

@MathieuNls
Copy link
Member

Pour le partage Facebook, j'ai oublié de préciser qu'il ne devrait pas y avoir de # devant le nom de la montre car le hashtag n'est pas géré dans le share !

@AlphonseJr
Copy link
Collaborator Author

Il manque juste le feed instagram qui semble poser un soucis (tout à l'heure sur mobile et là sur desktop)

@MathieuNls
Copy link
Member

y a que toi qui a le soucis. j ai essaye depuis mes differents ordi chez moi et a l uni, il y est a chaque fois

@AlphonseJr
Copy link
Collaborator Author

T'as essayé depuis que je t'ai dit ? Parce que ça marchait avant même pour moi mais pas depuis tout à l'heure.
Ça m'étonnerait vraiment que ça vienne de moi parce que j'ai testé sur deux devices différents et sur deux networks différents aussi.
Any clue ?

@MathieuNls
Copy link
Member

Oui justement. j ai reteste depsui
screenshot - 07092015 - 01 39 36 pm

Pris y a 10 secs...

@AlphonseJr
Copy link
Collaborator Author

C'est ouf ! Bon ba clairement ça vient de chez moi !
Par contre, tu penseras à faire un tour chez l'horloger avec une précision pareille ;)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants