Goweb fait peau neuve ! Découvrez notre nouvelle page d'accueil, le reste arrive bientôt ! #StayTuned 😉
Voir le site

Conception des interfaces

-Comment ça marche?-

Des interfaces sur mesure peuvent contribuer à la perfomance de votre entreprise.

Voir plus


Quels sont vos enjeux ?

  • Faciliter l’adoption des outils digitaux (ergonomie, design, simplicité) qui garantit une meilleure utilisation par les collaborateurs ou les clients.
  • Créer de la valeur au travers de la qualité perçue des interfaces.
  • S’assurer d’un code “graphique” de qualité qui puisse être exploitable par vos équipes techniques.

 

Comment les mettre en oeuvre ?

 Une interface est un cheminement qui part de l’écoute du métier à son exécution HTML/CSS/JS en passant par sa traduction graphique et ergonomique.

La phase de recueil
des besoins

Notre constante est de mettre à votre disposition des experts qui sont toujours sensibilisés à votre métier et à vos enjeux économiques.

Chaque dossier est l’objet d’un briefing interne sur vos objectifs macros. Nous sommes persuadés que nos collaborateurs seront d’autant plus efficients qu’ils intègrent vos ambitions.

Sur un plan technique, ils mettront en oeuvre dans ce cadre :

  • Approche AMOA classique avec la rédaction de spécifications.
  • Approche AGILE avec préparation du Backlog, mis en place des Sprints et animations par des chefs de projet dédiés.
  • Animation d’ateliers d’idéation et de co-conception pour cristalliser les besoins et/ou engager vos propres équipes.

 

Quels sont les bénéfices attendus de cette phase

  • Formalisation des besoins.
  • L’engagement de vos équipes métiers à promouvoir votre projet.

Une idée,
un besoin?

cochonou

Le brainstorming

Éléments d'animations (Dot Voting, Mur infini.
On oubli/ on continu/ on tente..)

cochonou
cochonou

La co-conception
d'une arborescence

Créer un organigramme hiérarchique
On oubli/ on continu/ on tente..)

cochonou
cochonou

La phase de recueil
de réalisation

Dans un monde parfait chaque étape doit précéder la suivante, dans le monde réel nous pouvons intervenir isolément à chaque niveau

cochonou

Le dessin

Simple rapide à mettre en oeuvre il sert de "traducteur" entre l'expertise métier et les designers

cochonou
cochonou

Le wireframe

Il reste sobre toujours en noir et blanc. Il raconte l'essentiel et permet à des acteurs différents d'échanger autour du projet

  • Les utilisateurs : en quoi ai-je les bonnes informations?
  • Les informaticiens : Comment j'accède aux données ? Où sont-elles stockées ? Où sont-elles collectées ?
  • Les développeurs : Quelles technologies mobiliser pour atteindre les objectifs ?
cochonou
cochonou

L'interface

Le coeur de toute notre attention, elle donne vie à votre projet. Elle peut s'exprimer dans un contexte d'application métier, d'application mobile, de site web (institutionnel, marchand, intranet...)

cochonou
cochonou

Le code

Plus que des designers, nous intégrons votre environnement de développement pour délivrer les interfaces dans votre contexte technique.

  • HTML / CSS / LESS / SCSS /
    Framework JS (React, Kendo, Angular...)
  • Versionning avec TFS ou Git
  • Suivi avec JIRA, Wrike, Trello

Nous sommes également en mesure, grâce à notre pôle développement, d'intervenir dans l'accès data ou les développements backend sur mesure.

cochonou
cochonou

L'UI Kit

-la Bible-

Il rassemble l'ensemble des bonnes pratiques graphiquesainsi que les règles de nommage HTML. L'UI Kit vise à rationaliser l'usage des objets. Il n'interdit pas les modifications mais incite les utilisateurs et développeurs à penser les évolutions ergonomiques dans un contexte global.

cochonou

Une idée,
un besoin?

cochonou

Le brainstorming

Elements d'animations (Dot Voting, Mur infini.
On oubli/ on continu/ on tente..)

cochonou
cochonou

La co-conception
d'une arborescence

Créer un organigramme hFiérarchique
On oubli/ on continu/ on tente..)

cochonou
cochonou

La phase de recueil
de réalisation

Dans un monde parfait chaque étape doit précéder la suivante, dans le monde réel nous pouvons intervernir isolément à chaque niveau

cochonou

Le wireframe

Il reste sobre toujours en noir et blanc. Il raconte l'essentiel et permet à des acteurs différents d'échanger autour du projet

  • Les utilisateurs : en quoi ai-je les bonnes informations?
  • Les informaticiens : Comment j'accède à la donnée ? Où sont-elles stockées? Où sont-elles collectées
  • Les développeurs : Quelles technologies mobilisés pour atteindre les objectif ?
cochonou
cochonou

Le dessin

Simple rapide à mettre en oeuvre il sert de "traducteur"" entre l'expertise métier et les designers

cochonou
cochonou

L'interface

Le coeur de toute notre attention, elle donne vie à votre projet . Elle peut s'exprimer dans un contexte d'application métier, d'application mobile, de site web (institutionnel, marchand, intranet...)

cochonou
cochonou

Le code

Plus que des designers, nous intégrons votre environnement de développement pour délivrer les interfaces dans votre contexte technique.

  • HTML / CSS / LESS / SASS /
    Frame work JS (React, Kendo, Angular...)
  • Versionning avec TFS ou GitHub
  • Suivi avec KIRA, Wrike, Trello

Nous sommes également en mesure, grâce à notre pôle dev, d'intervenir dans l'acces data ou les développements backend sur mesure

cochonou
cochonou

L'UI Kit

-la Bible-

Il Rassemble l'ensemble des bonnes pratiques graphiques, les règles de nommage HTML. L'UI Kit vise à rationaliser l'usage des objets. Il n'interdit pas les modifications mais incite les utilisateurs et développeurs à penser les évolutions ergonomiques dans un contexte global.

cochonou
Revenir en haut