acti, agence web lyon

Le Blog

Blend Web Mix 2016 – Le compte rendu de Vân – Jour 2

Par Vân, le vendredi 4 Nov 2016 dans Création de site web

Après la première journée de Blend Web Mix, je me suis concentrée sur les conférences axées sur la technologie et le design.

Voici un résumé de la suite des conférences auxquelles j’ai participé :

 

10- État de l’art de ES2015+ dans Node.js et le navigateur

Animé par Christophe Porteneuve

Cette conférence (très technique) a permis un tour d’horizon des technologies les plus en vogues actuellement (front-end et back-end) : Autour de l’ECMAScript, l’auteur recommande différentes technologies : Babel, Visual Studio CodeElectron, JetBrains, CodePen, JSFiddle, Cloud9, Browserify, Webpack, Rollup, Gulp, Grunt, TypeScript

Voir sa présentation ici 

 

11 – La Culture Google en 6 outils

Animé par Pascal Corpet

Ayant travaillé chez Google, Pascal Corpet nous présente les valeurs et la culture Google à travers ces (bonnes) pratiques internes :

  1. Snippets : logger ses progrès de manière ouverte
  2. CodeSearch : code accessible par tout le monde
  3. Ideas : partager ses idées en interne
  4. Badges : collecter des badges (comme des médailles) sur différentes thématiques
  5. EasyOKRs : publier ses objectifs de manière ouverte
  6. TotT : une tribune technique dans un endroit insolite
  7. http://go/ : des URL courts, lisibles et faciles à mémoriser
  8. Kudos : féliciter ses collègues publiquement
  9. MemeGen : des news internes et externes en memes

Ces pratiques/outils ont pour objectif de faire circuler et adopter les valeurs de Google, dans toutes les strates de l’entreprise : la transparence, la fun theory, l’esprit positif, la bienveillance envers autrui, une volonté d’amélioration continue, la recherche de performance et l’esprit d’initiative.

Voir sa présentation ici

 

12 – Aidez moi à remplir vos formulaires mobile !

Animé par Stéphanie Walter

Super présentation de Stéphanie Walter ! Elle a détaillé une liste de bonnes pratiques à appliquer, et de problèmes à anticiper pour la mise en place de formulaires sur mobile (mais valable finalement également sur desktop).

  • Réduire le nombre de champs peut aider (n’hésitez pas à faire un A/B testing)
  • Mettre des labels clairs, concis au dessus des champs en format portrait, et à gauche en format paysage
  • Ajouter des descriptions pour aider à remplir les champs
  • Attention aux placeholders qui apportent souvent de la confusion
  • Penser à la taille des champs, des boutons et aux retours au touch
  • Utiliser les menus déroulants en derniers recours – Prévenir des erreurs tout au long du remplissage
  • Attention aux messages d’erreur – Tester ! 

Voir sa présentation ici

 

13 – Un site web pour liseuse

Animé par Agnès Haasser

La conférence portait sur la compréhension des contraintes liés à une navigation sur un site web depuis une liseuse : 

  • pas de couleur
  • pas de niveau gris subtile
  • pas de scroll > il faut mettre des paginations partout (logique)
  • pas d’animation
  • pas de SVG …

Créer un site web pour une liseuse : quelle idée ! 😉

 

14 – Designing with protocoles – retour au fondamentaux des relations humaines appliqués à l’UX / CX

Animé par Christophe Cotin Valois

Qu’est-ce qu’un protocole ?

Nous nous conformons tous au quotidien à des protocoles dans notre usage d’outils ou utilisation de services (qui comprennent souvent différents mini-protocoles). Par exemple : retirer de l’argent d’une borne automatique, regarder un DVD, s’inscrire sur un site Internet… 

Les protocoles sont la clé de l’innovation ! 5 règles à retenir :

  1. Identifier & délimiter les protocoles liés à l’usage du service
  2. Optimiser le plus possible pour maintenir l’attention
  3. Penser en flow : séquence modulaire & services responsives
  4. Identifier des technologies capables de réduire les protocoles
  5. Tracker chaque protocole pour obtenir des KPI de retours d’expérience

 

15 – La Data Visualization

 

Conférence de Romain Vuillemot
Conférence de Romain Vuillemot

Animé par Romain Vuillemot

Les données d’aujourd’hui ne sont plus accessibles seulement sur des tableaux de chiffres, ou des graphes simples sous forme de camembert. On peut aller très loin dans le traitement, l’analyse et la visualisation des données. Romain nous a expliqué comment les données peuvent être traitées, présentées, parfois manipulées : exploitation par des non « data scientist », visualisation de schémas de données complexes, mise en place d’infographie ludique…  Quelques outils disponibles pour la visualisation de data : d3js, vega-lite, brunel, NVD3…  

Voir sa présentation ici

 

Merci à Blend Web Mix et à acti pour ces deux jours 100% digital.

Rendez-vous l’année prochaine pour encore plus de nouveauté !

Nounours acti prend son déjeuner au Blend Web Mix 2016
Nounours acti prend son déjeuner au Blend Web Mix 2016
Commenter cet article Voir les commentaires (1)

Pourquoi choisir Drupal ?

Par Damien, le mardi 17 Mai 2016 dans Création de site web

Drupal, ce mot vous dit vaguement quelque chose ? Vous souhaitez en savoir plus ? Ne cherchez plus vous êtes au bon endroit ! Aujourd’hui, l’équipe technique d’acti vulgarise pour vous les rouages d’un outil très utilisé dans de nombreux sites web : Drupal.

Drupal-lego

Les origines

Drupal a vu le jour en 2001, Dries Buytaert, fondateur et développeur du projet qualifie lui-même sa création comme « un assembleur rapide de site web ». Depuis son lancement, Drupal n’a cessé de séduire et de s’améliorer au fil des versions. La plate-forme a même été récompensée de nombreuses fois par le prix du meilleur CMS open source

Le terme CMS « Content Management System » signifie littéralement Système de Gestion de Contenu. Il peut être perçu tel un ensemble d’outils permettant la conception et la mise à jour dynamique de site internet.

L’arrivée de la version 7 en 2010 a été une révolution dans le monde des CMS. Plus simple d’utilisation et plus éclectique, Drupal a connu un essor important depuis cette version. Depuis novembre 2015 et l’arrivée de la version 8 de Drupal qui s’articule maintenant sur le framework Symfony 2 (dont nous vous avions parlé ici) l’engouement pour Drupal ne cesse de croître.

Les avantages de Drupal

Drupal permet de créer des applications web, principalement des sites Internet, mais aussi des intranet/extranet.

Le grand intérêt de Drupal est qu’il permet de réaliser des sites complexes sans avoir à recréer à chaque nouveau projet les fonctionnalités basiques. Cela permet de se concentrer sur d’autres éléments essentiels que sont l’ergonomie, le design et le référencement.

Si l’on compare Drupal à un développement « custom » : Drupal sera la plupart du temps l’option la moins chère et la plus rapide, avec une meilleure capacité de maintenance, si une page ne vous convient plus ou si des modifications ou mises à jour sont nécessaires. 

Les inconvénients de Drupal

La lourdeur : de par sa souplesse et son évolutivité, Drupal peut parfois être gourmand en ressources. Il peut ne pas convenir à certains hébergement low cost.

Apprentissage : la courbe d’apprentissage de Drupal est plus longue que celle de ses concurrents. Ceci est notamment dû à une interface d’administration qui n’est pas reconnue pour son intuitivité.

Complexité : la solution Drupal peut être disproportionnée pour des sites simples de quelques pages par exemple

Une valeur sûre

Voici quelques exemples de sites utilisant Drupal à ce jour (8% des 100 000 sites plus fréquentés au monde en 2015) :

Drupal est-il fait pour mon projet ?

Le choix de la technologie d’un projet ne devrait pas être déterminé par les affinités individuelles des personnes amenées à l’utiliser.

Chaque projet est unique et dispose de fonctionnalités qui lui sont propres. Avant de lancer un projet, vous devez vous poser les bonnes questions : quelle est l’envergure ? Quels sont les besoins métiers (e-commerce, blog, intranet, etc.) ? Mon projet sera-t-il amené à évoluer ?

N’hésitez pas à lire notre article « Créer un site Internet : quels sont les réflexes à avoir » si vous souhaitez en savoir plus sur cette étape préliminaire importante.

Car il n’existe pas de formule miracle pour déterminer si Drupal est un bon choix pour votre projet : cela dépend des nombreuses caractéristiques qui entourent votre projet.

Commenter cet article Voir les commentaires (2)

Créer un site Internet : quels sont les réflexes à avoir

Par Alexandre, le mardi 2 Fév 2016 dans Création de site web

créer son site internet

Ca y est, vous êtes fixé : votre entreprise souhaite refondre son site web. Ok, par quoi on commence ?

*Silence*

…Si vous vous êtes reconnu(e) dans cette situation, rassurez-vous : vous n’êtes pas seul(e), et surtout : c’est normal !

La création de site Internet est un projet complexe pour toute organisation : il nécessite un travail de fond et de forme, indépendamment de celui que fournira le prestataire qui le produira pour vous.

Et le prestataire justement ! Parlons-en. Aujourd’hui, il y a l’embarras du choix : du studio de création à la grosse SSII en passant par l’agence digitale indépendante… comment s’y retrouver ?

La valeur ajoutée de votre prestataire ne se trouve pas seulement dans la qualité inhérente du site : ok le site web est beau, rapide, il est responsive, les pages sont utiles, etc.

Mais vous est-il utile ? Car sachez-le : la vraie valeur ajoutée du prestataire se trouve avant tout dans sa capacité à comprendre les enjeux et les objectifs de votre entreprise, et in fine, de votre futur site.

Ce qui nous mène à la question suivante : quels sont les réflexes à avoir avant de se lancer dans la création de site web ? Voici une petite liste non-exhaustive qui devrait vous aider à vous poser les bonnes questions.

1. Connaître les objectifs et les utilisateurs du site

Sans objectifs précis, pas de site web efficace. Tout simplement. 

Les objectifs sont aussi liés à vos publics, ceux qui iront sur votre site. Car un bon site n’est pas un site qui correspond aux attentes du PDG de l’entreprise : c’est un site qui correspond aux attentes de ses utilisateurs. Votre première mission est donc aussi d’apprendre à les connaître. C’est ce que l’on fait par exemple en créant des personas, sortes d’exemples fictifs de vos utilisateurs types qui vous permettent d’humaniser vos audiences et de dresser de manière très pratique leurs profils socio-démographiques, mais aussi leurs envies, besoins, les problèmes ou enjeux qu’ils souhaitent résoudre. Ce premier travail permettra par la suite d’imaginer petit à petit les parcours-utilisateur et l’arborescence de votre site.

Autre réflexion à mener : avez-vous bien fait le tour des tenants et aboutissants de ce projet de présence en ligne ? Par exemple : votre positionnement est-il amené à changer ? Comment se présentent vos concurrents directs et indirects ? 

2. Faites un cadrage organisationnel

Qui est responsable de quoi en interne sur ce nouveau projet de site web ? Bien importante même si cela paraît acquis, cette étape peut vous faire gagner beaucoup de temps et éviter les déconvenues en cours de projet (ex: tel décideur n’était pas au courant des avancées et veut tout changer). Il sera aussi très important de définir un référent en interne pour toutes les questions techniques.

3. Cadrage technique

Un point important de votre réflexion en amont sera la vocation de votre site web. À cette étape, vous savez déjà ce que votre site vous permettra d’accomplir. Sera-t-il plutôt commercial, informatif ? Mettra-t-il en relation plusieurs services ? Ceci aidera, au moment venu, à la sélection de la technologie utilisée avec votre prestataire. Le recours aux technologies open-source est de plus en plus courant : il permet de travailler sur une base et de la personnaliser en plus de s’appuyer sur une communauté active de contributeurs.

4. Cadrage graphique et de contenus

Le site web n’est qu’une coquille vide. Qui de mieux que vous pour savoir quoi y mettre ? C’est bien vous qui connaissez sur le bout des doigts la charte graphique, les typos, logos, la manière de parler dans votre industrie / secteur. Autrement dit, avant de vous lancer dans une création de site Internet, il est essentiel de savoir ce qu’on y mettra, et ce que cela implique : un blog nécessite une ou plusieurs personnes chargées de produire du contenu, etc.

5. Penser aux mots-clés

Votre site web a besoin d’exister sur les moteurs de recherche pour obtenir des visites. Pour cela, certains mots-clés sont importants : ils positionnent votre site sur certaines requêtes de recherche. Vous aurez besoin d’être épaulé d’un(e) expert(e) SEO à cette étape, mais si vous connaissez en amont les mots-clés importants que recherchent vos audiences, vous gagnez déjà beaucoup de temps au moment du travail avec le prestataire.

6. Définir les KPIs

Pour vous, ça ressemble à quoi un site web efficace ? Certes, vous pouvez vous dire que votre site vous servira à accroître votre visibilité globale, mais vous devez aussi mesurer le concret : plus de ventes ? plus de demandes de devis ? un maximum de visites sur certaines pages ?

En définissant un ou des Indicateur(s) de Performance(s) (Key Performance Indicator en anglais, d’où le terme KPI), vous vous donnez les moyens de savoir comment mesurer précisément la performance de votre site, et donc de savoir où et pourquoi vous atteignez un objectif business sur votre site.

 

Connaissez-vous d’autres réflexes à avoir avant de créer un site Internet ?

N’hésitez pas à lire notre article : Un projet de site web, ça se passe comment chez acti ?

Commenter cet article Voir les commentaires (1)

Rechercher