Étiquette : ergonomie

Le nouveau tuto.com : plus joli, plus rapide, plus social

Social et mobile learning

… voilà ce qui pourrait bien résumer ce qu’on a voulu mettre dans cette nouvelle plateforme. 1 an et demi de travail et quelques centaines de milliers de ligne de codes plus tard, nous sommes contents d’enfin pouvoir vous présenter le nouveau tuto.com !

Tout a été revu : design, ergonomie, code, architecture serveur, fonctionnalités (plus d’une cinquantaine), mais surtout, surtout, nous avons voulu mettre l’accent sur le social learning.

Social learning : les échanges débarquent sur tuto.com

Une toute nouvelle partie fait son apparition sur tuto.com : les échanges. Désormais lorsque vous achetez un cours, vous accédez instantanément à un salon d’entraide, qui est réservé aux clients d’un même tuto. Ainsi, il vous sera possible d’échanger librement avec le formateur et les autres clients de la formation afin de parfaire votre apprentissage.

Une plateforme dans son époque : responsive et retina

Ça ne vous aura pas échappé, nous avons laissé tomber notre site sombre pour une version beaucoup plus clair, lisible et rapide !

Un des gros challenges a été de transposer notre grosse plateforme, dans une utilisation qui correspond aux usages actuels. Le site entier a donc été pensé en responsive web design et cerise sur le gâteau, tout est compatible avec les écrans retina pour plus de confort visuel.

Bon, et maintenant ?

Cette nouvelle version va nous permettre d’aller plus loin, beaucoup rapidement qu’avant. Attendez-vous a des nouvelles fonctionnalités et améliorations tous les mois. D’autres belles surprises sont à venir.

J’en profite pour remercier et dire un grand bravo à toute l’équipe et en particulier à Rémi, Fabien, John et Jean-Charles, qui ont beaucoup donné pour que ce chantier aboutisse. Merci merci !

On vous laissez profiter du site et nous faire vos premiers retours  :)

(876)

Un nouveau panier et système de paiement

Nous avons pris la décision de tester en avant-première le système de panier et de paiement que nous avons prévu pour la v3 du site, persuadés que ces derniers seront bien plus efficaces qu’actuellement.

Voici ce qui change :

  • Le design

    redesign panier tuto.com

    Le système de panier et l’achat de crédits se font désormais sur fond clair. Il en ressort un sentiment de clarté (assez évident) donc certainement plus rassurant. Ce panier est également plus simple d’utilisation. Moins de friction = plus de transformations sur le site (enfin on espère ^^).

  • Le paiement CB intégré au site

     3d secure

    Désormais, pour un paiement par carte CB, vous ne sortirez plus de tuto.com. Avant, vous atterrissiez sur une page bancaire assez laide (nous utilisions Merc@net, la solution de BNP Paribas, mais c’est un peu le même constat chez les autres banques). En plus d’être laides et externes à votre site, les solutions bancaires vous obligent à utiliser le 3D Secure. Un système censé vous protéger, mais qui a un impact très négatif sur les taux de transformation du e-commerce.
    Le 3d Secure, pour ceux qui ne savent pas trop de quoi il s’agit, c’est ce système qui vous demande par exemple de saisir le code reçu par SMS (vous avez intérêt à avoir votre portable sous la main), d’indiquer votre date de naissance ou encore à saisir un code issu d’une grille ou d’un boitier fournis par votre banque. Bref une étape additionnelle, assez agaçante pour l’utilisateur et un cauchemar pour le e-commerçant. Le 3d Secure part pourtant d’une bonne idée, mais n’est pas optimisé.

    Nous avons donc cherché un solution et opté pour Be2Bill (j’y reviendrai dans un instant) qui permet de mettre en place des scénarios de déclenchement du 3D Secure.

  • Mise en place du https

    SSL EV Comodo

    Puisque nous intégrons au sein même de notre site, la gestion du système CB, nous avons du nous munir d’un certificat SSL et pas n’importe lequel. Nous avons opté pour un certificat de type EV (reconnaissable à la barre verte qui apparait sur vos navigateurs). Nous avons acquis ce certificat chez Comodo. Cet organisme s’est chargé de vérifier notre identité (par le biais d’un avocat), notre existence bancaire, le santé de l’entreprise, notre adresse physique, garantissant ainsi aux clients l’exactitude des informations relatives à Weecast. A noter que ce certificat SSL sera déployé sur l’ensemble du site lors du passage à la V3.

  • Option achat « one click »

    achat one click

    Il s’agit d’une option. Vous avez désormais la possibilité de mémoriser votre carte CB au moment d’un achat. Je vous rassure tout de suite, Tuto.com NE CONSERVE PAS LES DONNÉES BANCAIRES EN INTERNE. C’est la société Be2bill (groupe Rentabiliweb) qui se charge de cela.

    Un mot sur cette société. Il s’agit d’un établissement de paiement agréé par l’Autorité de Contrôle Prudentiel (code banque : 16378 / numéro d’agrément N° 16378C) et membre du GIE Carte Bancaire. En plus de l’agrégation Banque de France de ce partenaire, cet établissement bancaire respecte scrupuleusement la norme PCI-DSS qui concerne les échanges de données de paiements.

  • Paypal Express Checkout

    On en a profité pour mettre en place Paypal Express Checkout, qui est un panier Paypal encore plus rapide d’utilisation.

Ce qui ne change pas :

Tout le reste ! Vous avez toujours la possibilité de ne payer que la somme de crédits souhaitée (en passant par le panier) ou bien des packs de crédits seuls (en passant sur la page dédiée).

Afin de tester ce nouveau joujou, nous avons mis en place une petite promo sur un pack (celui de 100).

Si vous avez des retours, idées ou suggestions, vous pouvez le faire en commentaire de cet article ou bien directement sur la boîte à idées.

(601)

Update : page mes vidéos

Mes videos

Avec la sortie de l’application iPad tuto.com, nous avons du mettre à jour la page « mes vidéos » de votre compte. On en a profité pour apporter quelques petites améliorations :

  • le retour des vignettes : vous nous l’avez suggéré dans la boîte à idées, nous vous avons écouté : vos tutoriels retrouvent leur vignette. Un moyen visuel de reconaitre d’un coup d’œil un tuto. Un clic que la vignette lance directement le visionnage en ligne du tutoriel.
  • affichage en Ajax : désormais toute cette page est traitée en Ajax (comprenez sans chargement de page). Cela s’applique au choix du logiciel, au  nouveau filtre « formation complète » (d’autres filtres devraient apparaitre par la suite) et bien entendu, au moteur de recherche.
  • petite subtilité : un clic sur le logiciel utilisé dans un tuto, vous permet de filtrer votre liste de tuto sur ce même logiciel.
  • le bouton télécharger lance désormais une « popin » vous invitant à utiliser le player Desktop ou bien sa version iPad.

En espérant que ces changements vous plaisent !

(278)

Nouvelle gestion des favoris

favoris tuto.com

La page des favoris a été remaniée. Quelques améliorations nous avaient été suggérées. Vous avez donc désormais la possibilité de :

  • Voir les prix barrés sur un tuto favori qui est en promotion
  • Ajouter au panier un tuto
  • Ajouter un panier une sélection de tuto
  • Télécharger directement le tuto si ce dernier est gratuit

Gestion des favoris

J’en profite pour vous signaler que nous avons rendu beaucoup plus visible notre boite à idée (à partir de votre compte membre) et que c’est désormais Gaëlle qui se charge de cette partie (ce qui entre nous, sera plus efficace ^^). Pour information, nous utilisons Uservoice, comme service, qui propose une offre gratuite (suffisante pour nos besoins).

(228)

Panier et…crédits sur mesure !

Panier Tuto.com

C’est un grand jour pour le site, mais également pour vous, chers utilisateurs.

Il est désormais possible d’acquérir un pack de crédits sur mesure ! Mais ce n’est pas tout, nous vous proposons désormais un panier, avec 2 modes d’achats. Découvrons ensemble ce qui change…

Panier garni

Vous avez désormais la possibilité de remplir un panier (pas vraiment singulier pour un site ecommerce ^^).

Avant, vous deviez acquérir des crédits, puis choisir les vidéos qui vous intéressaient.

Dorénavant, remplissez votre panier avec des vidéos (et bientôt des livres ou ebooks).

Notez que nous conservons votre panier en mémoire pendant quelques jours, ce qui vous permettra de revenir dessus si vous n’aviez pas eu le temps de le compléter lors de votre première visite sur le site.

Panier Tuto.com

L’achat rapide

Avec ce nouveau panier apparait un mode d’achat complémentaire que nous avons tout simplement appelé : « Achat Direct ».

Ce dernier porte bien son nom puisqu’il vous permet de compléter une commande plus rapidement et de payer exactement la valeur de votre panier. Dans ce mode d’achat, vous ne passez pas par la case « crédits » (du moins, sans vous en rendre compte).

Ce mode d’achat se veut idéal pour tous ceux qui découvrent le site pour la première fois et qui peuvent être déroutés par ce fameux système de crédits.

Modes d'achat sur Tuto.com

Crédits sur mesure

Vous étiez nombreux à attendre cette fonctionnalité. Il vous est désormais possible de choisir le montant exact de crédits lors de votre commande, le minimum étant porté à 1 crédit !

Bien entendu, la valeur des crédits reste plus intéressante sur les forfaits plus importants (à partir du forfait « 50 crédits »).

Crédits sur mesure

Les objectifs

Il sont multiples.

  • Répondre à une demande d’utilisateurs.
    Nous sommes avant toute chose à votre écoute. Tuto.com est VOTRE service et nous essayons de nous adapter à VOS besoins.
    Avec ce nouveau panier, ses modes d’achats et les crédits sur mesure, il est plus simple que jamais de commander sur le site, même sur des micro-paniers (la prochaine étape étant de vos proposer, sur ce type de commandes, le paiement par mobile et ce, d’ici la fin d’année).
  • Augmenter les ventes.
    Nous avons une belle audience, toutefois le taux de transformation peut être largement amélioré. Nous pensons que le système de crédits freine les utilisateurs néophytes. Une fois le premier achat effectué nous avons une jolie récurrence sur les commandes. Nous avons donc cherché un moyen d’augmenter ce taux de transformation.
    Si l’expérience est une réussite, cela signifiera, pour vous contributeurs, encore plus de ventes, donc plus de gains et un moyen additionnel de faire grimper votre taux de rétribution !

Nous attendons avec impatience les premiers retours utilisateurs mais aussi les premières tendances chiffrées. Vous remarquerez peut-être quelques optimisations dans les semaines à venir (nous planifions de mener quelques essais d’AB/testing).

Maintenant, c’est à vous de jouer :)

(438)

Nouveau moteur de recherche

nouveau moteur de recherche

Voilà : la première version de ce nouveau moteur de recherche est en ligne. Objectif : améliorer le design, la pertinence et les fonctionnalités de la page  « résultats de recherche ». Il faut bien avouer qu’elle en avait besoin la pauvre ; comme tant d’autres pages du site qui n’ont pratiquement jamais évoluées. Nous sommes restés dans l’esprit de nos nouvelles pages « logiciels », avec un affichage plus sobre, de plus grandes vignettes (optimisées pour les interfaces tactiles) et également des possibilités de tri et des critères de recherche plus poussés. Vous pouvez donc dès à présent :

  • Trier vos résultats par pertinence, par nombre de téléchargements, par note, par prix.
  • Affiner votre recherche en utilisant un ou plusieurs filtres suivants : « formation Complète », « en promotion », « tuto gratuit », « éditeurs pro », « formateurs certifiés », « 5 étoiles » et « recherche exacte ».
  • Naviguer dans une liste de logiciels en rapport avec votre recherche.
  • Vous abonner à une recherche grâce à un flux RSS.
  • Faire varier le nombre de résultats par page (25, 50, 75 ou 100).

On espère que ce nouveau moteur vous plaira et qu’il sera plus efficace pour vous aider à trouver votre bonheur sur le site. On attend vos avis et commentaires !

(310)

Mise à jour de l’uploader

nouveau uploader

Voici une news qui concerne les contributeurs. L’uploader de vidéos a été un peu revu cet été (mise en prod hier). L’objectif était de corriger certains bugs et de proposer une pincée de nouveautés. Voici ce qui a changé :

  • Vous ne le voyez pas, mais le code source de l’uploader est désormais en jQuery (qui a remplacé le vieillissant Mootools utilisé depuis le départ).
  • Il est désormais possible d’ajouter plusieurs images d’un coup dans la galerie (j’en vois certains qui bondissent de joie ^^)
  • Il est maintenant obligatoire de donner un titre à chaque vidéo (dans le cadre d’un produit qui contient plusieurs vidéos)
  • Vous pouvez changer l’ordre de vos vidéos grâce à un système de drag&drop (toujours dans le cadre d’un produit contenant plusieurs vidéos)
  • La taille max  d’un fichier vidéo a été augmentée à 1,2go (au lieu de 1go)
  • un indicateur en ajax vous indique que votre vidéo est en cours d’encodage

Si vous relevez des bugs, contactez Gaëlle au support (ou bien laissez votre message en commentaire). Pour les suggestions, ça se passe ici (ou dans la salle VIP des contributeurs, sur le forum), car nous reverrons intégralement le process d’upload d’ici quelques semaines.

(279)

Les experts d’éditeurs

 

Nous venons tout juste de publier une petite nouveauté, qui impacte les Éditeurs de la plateforme. Désormais, sur l’onglet « formateur » d’une fiche produit, en dessous de la présentation de l’auteur, nous avons placé un lien qui vous amènera vers la bio de votre expert (par exemple le profil de Sébastien Gaillard). Vous pourrez ainsi découvrir les autres formations qu’il a pu réaliser pour son éditeur, connaitre son parcours, savoir à quoi il ressemble, sa notation moyenne et sa notation par formation…

Une façon de donner encore plus de visibilité aux éditeurs et à leurs experts, d’améliorer l’expérience utilisateur et de renforcer l’humanisation de la plateforme. Si vous avez des idées ou points d’améliorations à nous partager, relatifs à cette page, n’hésitez-pas !

(324)

Formations compatibles iPad et iPhone

Formation iPad iPhone

Vous ne le savez peut-être pas encore, mais depuis quelques mois déjà, les formations mises en ligne sur tuto.com peuvent être consultées en wifi sur un iPad ou un iPhone. Jusqu’à aujourd’hui, une petite coche vous signalez la compatibilité de la vidéo, dans votre compte, une fois seulement que vous la possédiez. Désormais, cette même information est disponible directement sur la fiche produit. Cela pourra vous aider à la prise de décision :)

Indication iphone et ipad

(272)

Little big details : pagination

fondu sur pagination

Nous travaillons actuellement sur de très nombreuses améliorations (moteur de recherche, chaines « logiciels », panier d’achat etc…). Voici juste une toute petite amélioration visuelle et ergonomique. Elle n’est visible, pour le moment, que sur les pages « profils » des auteurs. Il s’agit d’un fondu sur le dernier élément de sa liste de tuto. Cela aide l’utilisateur à comprendre qu’il y a du contenu masqué. C’est tout bête, mais on trouve ça joli et pratique!

Exemple sur le profil de Video2brain.

(202)