FOCUS par Klee Group

Une démarche et des outils pour concevoir des applications modernes et centrées sur vos utilisateurs

FOCUS : une démarche de conception et de réalisation unique & spécifique à Klee Group

FOCUS est un catalyseur de performance centré agilité et design de services.

FOCUS est notre proposition de démarche pour accélérer les projets en injectant de l’agilité et du design de services dans l’ADN des organisations établies. Grâce à FOCUS, Klee Group offre à ses clients une proposition sur-mesure de méthodologie, d’outils et d’état d’esprit pour les aider à relever leurs enjeux stratégiques.

FOCUS est la réponse de Klee Group à l’accélération de l’environnement concurrentiel des entreprises et des organismes publics ou para-publics pour renouer avec une dynamique d’innovation et d’amélioration de la performance.

FOCUS pour booster les projets

FOCUS agit comme un catalyseur sur les projets et permet de réaliser des outils numériques modernes plus rapidement et plus efficacement grâce à des principes fondamentaux :

  • La mise en oeuvre des techniques du design thinking pour comprendre les enjeux et se concentrer sur la réelle proposition de valeur de l'application
  • La concrétisation rapide à tous les stades des projets pour plus d'agilité
  • L'élaboration d'outils méthodologiques pour guider l'animation des workshops pour plus d'efficacité
  • L'amélioration continue pour capitaliser sur les projets

La mise en oeuvre de ces principes fondamentaux permettent d'accélérer les projets sans perdre de vue leurs enjeux principaux.

Pour en savoir plus sur les solutions de développement mis en oeuvre, visitez le site Getfocus.io

Fondations et ADN de FOCUS

Mi-2015, FOCUS, un programme interne destiné à élaborer et mettre à disposition de nos clients une méthode unique & spécifique à Klee, a été lancé pour permettre aux entreprises et aux organismes publics ou para-publics qui le souhaitent d’allier les avancées technologiques actuelles avec les enjeux métiers et business des projets.

Concrètement, FOCUS est une équipe de 8 personnes sélectionnées pour leurs expertises complémentaires (Business, Coaching, UX, UI, IT, Dev), organisée en mode startup et transversale à toute l’activité Conseil et Intégration de Klee.

La direction technique et la direction UX de Klee Group sont parties prenantes de FOCUS sur tous les aspects UX, méthodologiques et accompagnement de la transformation en interne et pour garantir à FOCUS une efficacité et une pérennité optimale.


Philosophie

FOCUS est un catalyseur de performance centré agilité et design de services.

FOCUS est notre réponse à l’accélération de l’environnement concurrentiel des entreprises et des organismes publics ou para-publics pour renouer avec une dynamique d’innovation et d’amélioration de la performance.

Une méthode centrée sur les enjeux business, les enjeux des utilisateurs et les enjeux d’agilité

Cadrage stratégique :

  • L’UX et le Service Design Thinking permettent de se focaliser sur les usages réels pour réinventer la proposition de valeur. C’est aussi l’assurance de mobiliser les parties prenantes et de preparer l’accompagnement au changement et l’adoption du nouveau produit / service.

Design de services :

  • Des compromis et des choix clairs, argumentés et éclairés.

Agilité & Mix de talents :

  • Les méthodes Agile & Scrum nous apportent souplesse et réactivité. Les équipes des projets sont pluridisciplinaires et savent travailler ensemble.

Ecouter les utilisateurs et le métier sécurise le projet

Impliquer les utilisateurs pendant la conception a plusieurs impacts positifs :

  • Une meilleure compréhension de leurs besoins et de leurs attentes
  • Des compromis et des choix clairs, argumentés et éclairés
  • Un accompagnement du changement facilité
  • Des résistances minimisées

Les ateliers permettent à tous de s'exprimer

Dans un projet, il est important que tous les acteurs puissent s’exprimer. FOCUS permet d’écouter les besoins et attentes de chacun pour les confronter aux contraintes du projet et faire les bons compromis.

Faire des choix et les concrétiser

Lors d’un projet, chaque utilisateur, chaque partie prenante a une representation du résultat final en tête. Les ateliers permettent de les partager avant de lancer la realisation.

Des outils maîtrisés pour accélerer le projet

Les librairies JavaScript mises en œuvre dans les projets FOCUS offrent tous les outils pour accélérer et fiabiliser le développement d'une application web SPA :

  • Des outils pour developper facilement et sans risque les comportements récurrents
  • Une librairie d’éléments graphiques, prêts à l'emploi, testés et optimisés

Des composants prêts à être "mis en musique"

Ces composants sont issus d'une recherche du "best of the web" et intègrent une réelle réflexion UX (User Experience).

Une "Developer experience" maximisée

FOCUS optimise au quotidien les outils mis à disposition des développeurs (devtools, documentation, tutoriels...) pour leur faciliter la prise en main et l'utilisation au quotidien.

Démarche

FOCUS apporte une réponse intelligente aux enjeux de votre projet.

La démarche centrée agilité et design de services répond à 4 grands enjeux :

  • Besoin de mise en oeuvre rapide
  • Nécessité d’écouter le Métier
  • Concrétiser et améliorer en continu
  • Objectif zéro formation

Avec FOCUS, les projets bénéficient du meilleur des méthodes actuelles de création, conception et développement (design de services, lean startup, gamestorming, conception centrée utilisateurs…), le tout adapté à vos enjeux.

La démarche design de services appliquée aux applications métier

  • FOCUS permet de profiter des avancées technologiques actuelles pour répondre aux exigences spécifiques des projets métier
  • FOCUS permet d’aller plus vite pour délivrer plus rapidement des solutions clés en main adaptées, performantes & robustes
  • La création et la conception est optimisée grâce à la Conception Centrée utilisateurs
  • La réalisation est accélérée et sécurisée grâce à la mise en oeuvre de technologies maîtrisées

Une démarche mélant apports méthodologiques et mise en application concrète et accompagnement sous forme de workshops

FOCUS agit en "déformatage" des esprits parfois trop habitués à l'exécution de processus rigides :

  • Prise de conscience
  • Apports théoriques ou méthodologiques
  • Mise en application concrète
  • Accompagnement

Cette mise en application concrète requiert de nouveaux outils pour transmettre et rendre pleinement opérationnels les concepts et methodes utilisées au sein de FOCUS.

Ces outils permettent de rapprocher le résultat final du besoin réel des utilisateurs et parties prenantes du projet de façon plus performante et pertinente.

Les ateliers de co-création

Parmi les ateliers usuellement mis en oeuvre, certains sont essentiels et sont organisés sous forme de groupe de travail mélant Acteurs Métier, Designer et Consultant. Ils permettent aux parties prenantes du projet :

  • de rélféchir à de nouveaux services, de nouvelles opportunités "Out of the Box"
  • d'ntégrer les apports des nouveaux usages et des technologies disruptives au projet
  • de générer un grand nombre d'idées
  • de converger efficacement pour concrétiser rapidement.

Les outils mis en oeuvre pendant ces ateliers sont pragmatiques et permettent de se projeter plus facilement dans l'usage concret :

  • des proto-personas pour partager la même vision des utilisateurs cibles du projet
  • Des Parcours utilisateurs (user maps) simplifiés pour se concentrer sur ce qui pose problème (pain points) et ce qui a de la valeur pour les utilisateurs en situation.

Des outils concrets pour transmettre et rendre opérationnelle la philosophie et la méthode FOCUS

Ces outils peuvent être de différente nature : des jeux de cartes pour faire collaborer les partes prenantes, des jeux d’innovation pour identifier les freins et les leviers du projet, des checklists et autres outils pratiques pour guider les opérationnels du projet au quotidien.

Dès le début de FOCUS en juin 2015, nous avons travaillé sur des jeux de cartes thématiques, outils à la fois visuels et ludiques, pour stimuler la créativité des workshops et renforcer l’ancrage mémoriel de cette nouvelle façon de penser les projets.

Ces travaux ont permis de mettre à disposition de nos clients 4 premiers outils méthodologiques.

D’autres travaux sont en cours pour compléter notre bibliothèque d’outils.

FOCUS Deck Cards Basic - Maquettage

Un outil simple et pratique pour aider la conception de votre projet FOCUS avec les utilisateurs.

Focus Deck Cards - Proto-Persona

Ces cartes permettent aux participants des ateliers de conception de se glisser plus facilement dans la peau des différents types d’utilisateurs et donc d’utilisation de l’application ou du service en cours de définition. chaque carte identifie un type d’utilisateur (on parle de Proto-persona car il ne s’agit pas de personnages réels) avec ses objectifs, ses grands traits de personnalité, son moteur interne, ses peurs et ses leviers de motivation et les dispositifs (mobile ou non par exemple) qu’il a à sa disposition dans le contexte du projet.

Focus Deck Cards Priorités

Ces cartes, issues des méthodes Agiles, permettent aux participants des ateliers de conception de se mettre d’accord sur des priorités.

Focus Deck Cards Evaluation

Ces cartes, issues des méthodes Agiles, permettent aux participants des ateliers de conception de se mettre d’accord sur des évaluations (de charges, de complexité, etc.). Elles sont beaucoup utilisées pour évaluer par exemple la complexité de conception ou de développement d’une fonctionnalité.

Les technologies utiliseés par Focus

Cette section répertorie les technologies clés au coeur des développements FOCUS. Voici des points d'entrée intéressants pour les développeurs.

React (by Facebook)

Elle est construite autour de principes très simples:

  • React ne sert qu'à créer des composants graphiques
  • Les composants sont par définition composables à l'infini. (un peu comme des Lego)
  • les composants graphques disposent de deux informations les props qui sont fournies par un composant parent et qui sont non mutables, le state qui est mutable et qui traduit de l'état interne du composant.
  • Habituellement les composants graphiques sont rendu directrement dans le Document Object Model aussi appellé DOM. Ce dernier, lié au navigateur est assez lent et possède de nombreuses informations liée au navigateur rendant complexe l'interaction avec ce dernier. En s'inspirant des moteurs de jeux video, React s'appuie sur un DOM Virtuel, à chaque changement d'état de l'application les composants concernés sont rendus à nouveau dans DOM virtuel. React a construit un pont entre le DOM réel et le DOM virtuel, chaque changement dans le DOM virtuel est reporté efficacement dans le DOM réel. Les gains en fiabilité et en performance sont concidérables sur une application.
  • React apporte également la syntaxe JSX qui permet de combiner un style d'écriture à la HTML pour les composants tout en utilisant le JavaScript. Cette syntaxe a grandement contribué au succès de React

Material Design Lite (by Google)

Focus prend le parti de s'appuyer sur les codes Material Design, dont les spécifications sont proposés par Google (qui adopte également ces recommandations sur l'ensemble de ses plateformes web). C'est la librairie CSS Material Design Lite réalisée également par Google qui a été choisie pour FOCUS.

Un bon nombre des composants "Material" sont déjà intégrés dans les libs Focus mais n'hésitez pas à parcourir la documentation de Google (qui est très bien réalisée) si vous avez d'autres besoins.

opacity

Business cases

à venir

Vous souhaitez nous rejoindre et intégrer un projet FOCUS ?

De nombreux postes autour des technologies Javascript, React, Material Design sont disponibles. Bosser sur ces technos vous intéresse ?

Rejoignez nous !

Développeur Frontend

Intégré au sein des équipes KLEE, vous travaillerez au coeur des projets FOCUS en co-création avec :

  • des UX Designers
  • des UX Developers
  • des architectes techniques

Stage Marketing FOCUS

Fiche de poste bientôt disponible !