IHM - HCI interface homme machine version Minority Report - Human–computer interaction

IHM - HCI interface homme machine version Minority Report  - Human–computer interaction (HCI)

Le cinéma de science fiction est toujours une source d'inspiration pour les industriels. De même, les romans de science-fiction sont souvent précurseurs des technologies développées ensuite. Tout le monde se souvient du film Minority Report, tiré du livre de Philip Kindred Dick où l'agent John Anderton, joué par Ton Cruise, utilise une IHM écran/mains pour résoudre les visions futuristes des Précogs. Avec comme objectif final d'arrêter les criminels potentiels avant qu’ils n'aient commis leurs crimes. Voici différentes recherches s'inspirant de l'IHM (Human–computer interaction, HCI) du film Minority Report.

2013 - l'écran matériel en 3D

2010 - L'entreprise So touch propose une IHM avec une solution écran tactile multi-touch

2010 - PlayStation Move

2010 - Toshiba AirSwing Gesture

2009 - BiDi Screen du MIT Media Lab

2008 - L'IHM G-Speak de la société Oblong

Rendons à César ce qui appartient à César

2002- Extrait du film Minority Report avec sa fameuse IHM

Définition des principes et barres de navigation multimédia et web

Définition des types et des principes de barres de navigation multimédia et Web

La navigation en multimédia est l'ensemble des éléments mettant  en œuvre son interactivité. La navigation permet à l’utilisateur de faire varier le contenu des pages avec l'IHM et définie l'interactivité du système d'information. La navigation est le dispositif pour une lecture non linéaire du contenu. Cinq principes ou types de navigation sont utilisés dans les systèmes d'information multimédia.Chaque navigation à une fonction précise et différente.

Les types de navigation en multimédia

Navigation transparente

• Directivité et facilité de navigation. 
• Favorise l’accès à l’information, qui est privilégiée. 
• Information avec cheminement explicite. 
• Boutons et icônes « universels » sont utilisés pour la navigation. 

Exemple de navigation transparente: http://www.lemonde.fr

Navigation interactive

• Déclenchée par l’utilisateur/acteur.
• Logique de manipulation et de personnalisation.
• L'utilisateur se sert d'outils et construit son écran.

Exemple de navigation interactive: http://www.protopage.com/

Navigation exploratrice

• L’utilisateur s’approprie le programme.
• L’utilisateur doit résoudre des épreuves pour avancer dans le système d'information.
• Principe des jeux.

Exemple de navigation exploratrice:

   http://www.ouverture-facile.com/

Les barres de navigation en multimédia

La barre de navigation globale

• Regroupe tous les éléments qui renvoient à des fonctions primaires ou des outils généraux.
• Fonctions primaires: imprimer, quitter …
• Outils généraux: retour à l’accueil, sommaire général, plan, glossaire, index, aide, choix de la langue.
• La barre de navigation globale doit être séparée de la barre de navigation contextuelle afin d'optimiser l'ergonomie du site.

Exemple de barre de navigation globale du site LinkekIn

Barre de navigation contextuelle

• Elle regroupe tous les éléments qui renvoient à des pages développant le contenu du produit.
• Elle est matérialisée par des boutons images ou des liens hypertextes
• Elle est divisée en barre de navigation principale (rubriques) et en barre de navigation secondaire (sous-rubriques).
• Elle structure la navigation et l’interactivité.
• La barre de navigation contextuelle doit être séparée de la barre de navigation globale afin d'optimiser l'ergonomie du site

Exemple de barre de navigation contextuelle du site LinkedIn

Dossier pour la définition d'une idée pour un projet tuteuré (tutoré) Internet

Le contenu d'un dossier pour l'idée d'un projet tuteuré.

La délimitation de l'idée de votre projet tuteuré (tutoré) vous servira à rédiger le cahier des charges de votre besoin. Pour cela, vous pouvez vous aider de cette méthode pour définir un projet (méthode QQOQCCP, pitch).

Il faut utiliser une police avec un corps 12 maximum.

Dans le cadre du projet tuteuré du DUT SRC de l'IUT de Cergy-Pontoise sur le site de Sarcelles, le dossier mise en page sur Indesign pour la définition de l'idée d'un projet tuteuré (imprimé en deux exemplaires) doit comprendre :

Une couverture avec :

• Le titre du projet.
• Le nom du document : idée du projet tuteuré
• Le nom de l'agence.
• Les noms (par ordre alphabétique) des membres de l'équipe.
• Le diplôme préparé, l'année scolaire, le département et l'IUT.
• Les logos de l'IUT de Sarcelles et de l'Université de Cergy-Pontoise.

Un sommaire simple avec pagination.
   
En introduction, le résumé du sujet en un paragraphe maximum.

En développement, une présentation générale et synthétique du projet avec :

• La présentation de l'agence: équipe, objectif,...
• L'environnement du projet.
• Le contexte.
• La problématique du sujet.
• Les objectifs du projet (internes et externes)
• La cible principale (et secondaire) qui en découle.
• La localisation de diffusion (Pays, langue,...) et de production du projet.
• Les forces et faiblesses du projet (analyse SWOT).
• La carte heuristique (Mind Map) de votre projet
• Le contenu général du projet.
• Le support de diffusion envisagé.
• Une arborescence simple avec les rubriques et sous-rubriques.
• Les fonctionnalités simples envisagées selon les objectifs et le public cible et secondaire..
• L'organisation du projet (dates, ressources,...).
• Un planning général simple.
• Les intervenants et partenaires possibles.
• La provenance des sources iconographiques (texte, image, vidéo, son) existants ou à créer.
• Une première approche graphique dessinée (pas d'élément Photoshop, Indesign ou Illustrator).

Un glossaire par ordre alphabétique pour les termes professionnels.

En pages annexes

• une webographie,
•  Une piste bibliographique de livre à lire sur le sujet par ordre alphabétique : titre, auteur, date de l'édition, maison d'édition,...

La soutenance orale dure 15 minutes. Il s'agit de présenter votre projet selon le schéma classique: introduction, développement, conclusion. Chaque membre de l'agence parle, avec le même temps de parole. Vous présentez les grands axes de votre projet, en commençant par une introduction, contexte/objectif sans oublier de faire une conclusion.

Le PowerPoint

Il faut réaliser parallèlement un PowerPoint pour la soutenance. Il doit être simple et lisible (pas de texte long). Il constitue un complément d'information visuelle complémentaire à la soutenance orale. (Captures écrans des sites analysés, tableau des statistiques, etc.).

• Pas trop de texte, juste des mots clés.
• Surtout pas le texte complet que vous allez dire oralement.
• Des images pour illustrer vos propos.
• Pas une seule page pour plusieurs idées ou pas la même page pendant 3 minutes
• Numérotez chacune de vos pages.
• Vidéo intégrée dans le PPT
• Liens Internet dans le PP
• Synchronisez le contenu de la diapo et la parole.

Conseils pour la soutenance orale

• On salut le Jury une seule fois et on se présente une seule fois.
• Faire des transitions de paroles simples: pas de "et maintenant je laisse la parole à ...."
• Ne pas se noyer dans les détails.
• Bien se répartir entre-vous la charge de travail lors de la présentation.
• Commencez par contextualiser votre projet (problématique, objectif, cible) avant de présenter les détails.
• Présenter physiquement les produits, soit en ligne, soit avec des images dans votre PowerPoint, et non uniquement oralement.
• Éviter les redondances et les retours dans la présentation des projets.
• Vérifier le matériel et les installations de vos projets un jour avant la soutenance.
• Regarder le Jury et non l'écran. 
• Ne pas lire le texte du PPT
• Pas de paroles entre-vous, attention à votre attitude, à votre corps lors de l'attente.
• Pas de mot familier, ni d'attitude désinvolte. 

Une carte heuristique (Mind Map)

Une carte heuristique va permettre de

• Structurer la réflexion.
• Avoir une vision d'ensemble d'un projet.
• Mettre en avant des idées.
• Identifier les mots clés.
• Hiérarchiser les informations.
• Lier les idées.
• Présenter visuellement un projet.
• Identifier les freins.

Carte heuristique ou Mind Map. Source Wikimedia Commons Mindmapper4

Les fonctionnalités simples envisagée dans un site Web

• Front office (visible par l'utilisateur)

• CSS pour l'affichage du contenu
• Compte avec login et mot de passe.
• Inscription pour écrire un commentaire.
• Réglage du son.
• Réglage de la tête de lecture vidéo
• Outils de fidélisation: newsletters, Twitter, LinkedIn, facebbok, flux RSS,
• Plan interactif
• Fonction recherche

• Back office (visible uniquement par l'administrateur).

• CMS pour les rubriques.
• Gestion des inscriptions.
• Modération des commentaires.

Planning visuel d'un projet

Planning visuel d'un projet

Arborescence d'un site web

Arborescence d'un site web

Organisation d'un projet web par date et ressources

Organisation d'un projet web par date et ressources

L'analyse SWOTT d'une conférence sur les nouveaux médias

L'analyse SWOTT d'une conférence sur les nouveaux médias

Schéma récapitulatif de la relation entre les publics, les supports et les objectifs

Schéma récapitulatif de la relation entre les publics, les supports et les objectifs

Approche graphique pour une projet Web ou multimédia

Approche graphique pour un projet Web ou multimédia

Carnet ou dossier de liaison d'un projet multimédia

Le contenu d'un carnet ou dossier de liaison d'un projet multimédia

Le dossier de liaison ou carnet de liaison est un dossier à remettre au client à la fin du projet. Ce document est rédigé par le chef de projet (MOE) pour le chef de projet client (MOA). Ce document est le manuel d’utilisation et d’administration du projet. On retrouve toutes les information et les documents de communication nécessaires pour amener au bon fonctionnement du projet. C'est le manuel d’utilisation et d’administration du projet. Il faut utiliser une police avec un corps 12 maximum.
Dans le cadre du projet tuteuré du DUT SRC de l'IUT de Cergy-Pontoise sur le site de Sarcelles, le carnet de liaison mis en page sur Indesign contient les éléments suivants:

Une couverture avec :

• Le titre du projet.
• Le nom du document : carnet de liaison.
• Le nom de l'agence.
• Les noms (par ordre alphabétique) des membres de l'équipe.
• Le diplôme préparé, l'année scolaire, le département et l'IUT.
• Les logos de l'IUT de Sarcelles et de l'université de Cergy-Pontoise.

Un sommaire simple avec pagination

Une introduction, avec un résumé du projet multimédia en un paragraphe maximum.

Une présentation générale et synthétique du projet, avec:

• Les origines du projet : contexte, historique.
• Le concept général du projet.
• La présentation générale du projet.
• Les objectifs de chaque système d’information (Internet, DVD,...).
• Les enjeux du projet.
• Le(s) public(s) cible(s) des systèmes d’information.
• La configuration minimale des différents systèmes d’information.

Un bilan général du projet tuteuré sur :

• le plan de communication avec l'utilisation des réseaux sociaux (couplée avec Google Analytics) et les autres éléments mis en place.
• Le résultat du SEO (Search engine optimization) du site Internet avec le Google Analytics.

Un manuel d’utilisation et d’administration du projet avec:

• La charte graphique du projet: logo, site Internet, DVD.
• L'arborescence détaillée de l’organisation du contenu du site, du DVD, du CD-Rom.
• Le principe de la convention de nommage des fichiers/dossiers.
• L'architecture de la base de données (tables, champs, etc …).
• Le code ftp (adresse/log-in), codes de la page d'administration (adresse/log-in), ...
• La présentation de la gestion administrative de l’hébergement avec un manuel d'utilisation.
• La présentation de la gestion de l’interface administrateur avec un manuel d'utilisation.
• Le principe pour le référencement du site Internet.

Le PowerPoint

Il faut réaliser parallèlement un PowerPoint pour la soutenance. Il doit être simple et lisible (pas de texte long). Il constitue un complément d'information visuelle complémentaire à la soutenance orale. (Captures écrans des sites analysés, tableau des statistiques, etc.).

• Pas trop de texte, juste des mots clés.
• Surtout pas le texte complet que vous allez dire oralement.
• Des images pour illustrer vos propos.
• Pas une seule page pour plusieurs idées ou pas la même page pendant 3 minutes
• Numérotez chacune de vos pages.
• Vidéo intégrée dans le PPT.
• Liens Internet dans le PPT.
• Synchronisez le contenu de la diapo et la parole.

Conseils pour la soutenance orale

• On salut le Jury une seule fois et on se présente une seule fois.
• Faire des transitions de paroles simples: pas de "et maintenant je laisse la parole à ...."
• Ne pas se noyer dans les détails.
• Bien se répartir entre-vous la charge de travail lors de la présentation.
• Commencez par contextualiser votre projet (problématique, objectif, cible) avant de présenter les détails.
• Présenter physiquement les produits, soit en ligne, soit avec des images dans votre PowerPoint, et non uniquement oralement.
• Éviter les redondances et les retours dans la présentation des projets.
• Vérifier le matériel et les installations de vos projets un jour avant la soutenance.
• Regarder le Jury et non l'écran. 
• Pas de paroles entre-vous, attention à votre attitude, à votre corps lors de l'attente.
• Pas de mot familier, ni d'attitude désinvolte. 

Dossier de proposition ou dossier de recommandation d'un projet multimédia

Le contenu d'un dossier de proposition d'un projet multimédia

Le dossier de proposition ou dossier de recommandation d'un projet multimédia est le document qui répond au cahier des charges pour décrire le système d'information que vous proposez. Vous le développerez techniquement en deuxième année. Il doit préciser et expliquer les objectifs, les solutions techniques envisagées, ainsi que la conception graphique générale des différents systèmes d'information envisagés.
Le dossier de proposition propose une solution au problème à résoudre depuis le cahier des charges.

C’est une description précise et argumentée de votre projet tuteuré.

Il faut utiliser une police avec un corps 12 maximum. Votre dossier de proposition mis en page sous Indesign, à rendre en deux exemplaires, est un dossier écrit de 30/50 pages, contenant :

1) Une couverture :

• avec le titre du projet,
• le nom de l'agence,
• les noms (par ordre alphabétique) des membres de l'équipe,
• le diplôme en préparation, l'année, Le logo de l'IUT et de l'Université.

2) Un sommaire simple avec pagination.

3) Une page d’introduction contenant le résumé du projet en un paragraphe de 20/25 lignes maximum.

4) Une partie introduction, délimitant votre projet général:

• La présentation de l'agence.
• Une description de l'équipe et des affectations de chacun, par pôle de compétence.
• Une définition synthétique du projet : le contexte, votre problématique, votre concept.
• Les conclusions de votre analyse concurrentielle, (si besoins).
• L’analyse des enquêtes clients et utilisateurs (si besoins).
• La description du ou des public(s) cible(s),
• La configuration technique minimale requise : site, CD-Rom ou vidéo:

1. Site/CD/téléphone portable/PDA : résolution écran, plug-in, OS, etc, navigateur, etc…
2. Vidéo : résolution écran, les moyens de diffusion, etc.

5) En développement, le contenu technique et artistique du projet:

• Une description rapide de l’équipe et des affectations de chacun, par pôle de compétence.
• Les objectifs du projet : site, CD-Rom et/ou de la vidéo,en décrivant leur articulation.
• Un diagramme de Gantt du projet complet (site Internet, film, CD-Rom ou DVD vidéo).

5a) Pour le site Internet :

• Le concept du site Internet, le message et les objectifs du site Internet.
• Un descriptif des contenus et de leurs articulations (interactivité, ergonomie),
• La liste des intervenants.
• Les questions et les thèmes abordés dans le web documentaire, la fiction interactive, autre typologies de site
• Une arborescence détaillée des contenus du projet (pages) avec légendes.
• Une approche de la conception graphique (2/3 projets d’écrans légendés),
• Une description précise et argumentée des solutions techniques et des développements complexes pour les besoins fonctionnels en front office, en back-office selon les différents niveaux d'utilisateurs, en s’appuyant sur la description des cibles utilisateurs, de la plate-forme cible et des objectifs et des contraintes du cahier des charges.
• Le principe du référencement naturel pour le site.
• Le principe de la convention de nommage des fichiers.
• La liste des partenaires.

5b) Si vous faites un CD-Rom/DVD rom

• Le concept du CD/DVD, le message et les objectifs,
• Un descriptif des contenus et de leur articulation (interactivité),
• Une arborescence visuelle simple,
• Une approche graphique (2/3 projets d’écrans),
• Une description argumentée des solutions techniques et développements complexes envisagés s’appuyant sur la description des cibles utilisateurs, de la plate-forme cible et des objectifs.
• Une description rapide de l’équipe et des affectations de chacun,
• Un planning général.

5c) Si vous faites un film :

• Le dossier scénario de votre film, avec le concept, le message et les objectifs du film, l'argumentaire, le synopsis, le scénario simplifié, le storyboard simplifié, la description de l’équipe artistique, la description de l’équipe technique et un planning général.

5d) Si vous faites un web-documentaire :

• Le concept du produit, le message et les objectifs,
• La liste des partenaires éventuels 
• Un descriptif précis des contenus, des rubriques et de leur articulation (interactivité), 
• Les questions et les thèmes abordés dans le webdocumentaire. 
• La liste de vos intervenants 
• Une arborescence détaillée des contenus du projet. 
• Une approche de la conception graphique (2/3 pages écrans légendées) dans un navigateur. 
• Une description argumentée des solutions techniques et développements complexes pour les besoins fonctionnels :  en front office,  en back office  et en back-up,  

> en fonction des contraintes du cahier des charges

5e) Si vous réalisez une communication :

• Analyse Swott
• La stratégie générale
• Organisation et articulations des messages et des actions
• Échéancier des actions dans le temps en lien avec les outils et les supports utilisés  
• Évaluation des actions
• Acteurs internes et externes 

6) En général :

• Un planning général des grandes tâches
• Les droits et exploitation du produit multimédia et du système d'information.

7/ En conclusion

• Le rappel des données principales du projet (périmètre).

8) Pages annexe du dossier de proposition

• Une bibliographie (par ordre alphabétique),
• Une webographie,
• L’ensemble des documents présentant le travail effectué.(analyses concurrentielles, résultats de l'enquête client si faites)
• Un glossaire par ordre alphabétique pour les termes techniques utilisés.
• Tout élément complémentaire qui vous paraît utile pour donner un éclairage complémentaire à votre projet.

La soutenance de présentation du projet 

La soutenance orale dure 20 minutes. Il s'agit de présenter votre projet selon le schéma classique: introduction, développement, conclusion. Chaque membre de l'agence parle, avec le même temps de parole.

Il faut réaliser parallèlement un PowerPoint pour la soutenance. Il doit être simple et lisible (pas de texte long) et il constitue un complément d'information par rapport à la soutenance orale. Avoir une vision synthétique et globale de votre projet.

Le PowerPoint

Il faut réaliser parallèlement un PowerPoint pour la soutenance. Il doit être simple et lisible (pas de texte long). Il constitue un complément d'information visuelle complémentaire à la soutenance orale. (Captures écrans des sites analysés, tableau des statistiques, etc.).

• Pas trop de texte, juste des mots clés.
• Surtout pas le texte complet que vous allez dire oralement.
• Des images pour illustrer vos propos.
• Pas une seule page pour plusieurs idées ou pas la même page pendant 3 minutes
• Numérotez chacune de vos pages.
• Vidéo intégrée dans le PPT
• Liens Internet dans le PPT
• Synchronisez le contenu de la diapo et la parole.

Conseils pour la soutenance orale

• On salut le Jury une seule fois et on se présente une seule fois.
• Faire des transitions de paroles simples: pas de "et maintenant je laisse la parole à ...."
• Ne pas se noyer dans les détails.
• Bien se répartir entre-vous la charge de travail lors de la présentation.
• Commencez par contextualiser votre projet (problématique, objectif, cible) avant de présenter les détails.
• Présenter physiquement les produits, soit en ligne, soit avec des images dans votre PowerPoint, et non uniquement oralement.
• Éviter les redondances et les retours dans la présentation des projets.
• Vérifier le matériel et les installations de vos projets un jour avant la soutenance.
• Regarder le Jury et non l'écran. 
• Pas de paroles entre-vous, attention à votre attitude, à votre corps lors de l'attente.
• Pas de mot familier, ni d'attitude désinvolte. 

Définition des différentes interactivité dans le multimédia : surface, profondeur et structure

Définition des différentes interactivités dans le multimédia : interactivité de surface, de profondeur et de structure

Dans la théorie des systèmes, l’interactivité est un dialogue entre 2 systèmes qui fait que le comportement de l’un modifie celui de l’autre.

Dans un système d’information multimédia, l'interactivité est la partie du programme qui permet à l'utilisateur de contrôler les données du système d’information. C'est le dialogue entre deux systèmes, le programme et l'utilisateur qui fait que le comportement de l'un (l’utilisateur) modifie celui de l'autre (le système d’information). On utilise pour cela des IHM pour développer ces différentes types de navigation.

L’interactivité d’un produit multimédia, d’un système d’information est donc tout ce qui peut être modifiée par l’action de l’utilisateur, ainsi que la réaction perceptible provoquée par cette action.

On appelle « retour d’interactivité » justement la réaction perceptible du programme à une action utilisateur : changement d’état d’un bouton (rollover), changement d'état de la souris, déclenchement d’un son, d’une animation, apparition d’un élément…

Les spécificités du multimédia

• Création d'une interactivité dans le système d'information.
• Dialogue entre l'utilisateur et le programme.  
• Addition et combinaison de sources hétérogènes, (médias/IHM) assemblées sur un support informatique.
• Propose une lecture non-linéaire.
• Liberté du parcours pour l'utilisateur.  
• Cheminement de l'utilisateur non prédéterminé.  

Trois types d'interactivités sont utilisés dans le multimédia :

• l’interactivité de surface.
• l’interactivité de profondeur
• l’interactivité de structure.

Interactivité de surface

L’interactivité de surface est tout ce qui provoque un retour d’interactivité ou une apparition de média tout en restant à l’intérieur de la page-écran. C’est l’ensemble des éléments interactifs actifs dans la page-écran. On reste dans la page du système d’information. L'interactivité de surface déclenche alors un son, une apparition de texte, d’image,... le principe des rollovers.

Interactivité de profondeur

L’interactivité de profondeur ou de structure est tout ce qui permet de circuler dans le système d’information. Avec l'interactivité de profondeur, on change de niveau (inférieur ou supérieur).

Interactivité de structure

Avec l'interactivité de structure, on change de rubrique. C'est à dire que l'on change de branche dans l’arborescence et dans la structure du système d’information.

Généralement l’interactivité de structure et de profondeur regroupent la navigation globale, la navigation contextuelle, ainsi que les liens extérieurs.

Voici un exemple de site Internet mélangeant ces deux types d’interactivités:

 http://histography.io/

Creative Commons : BY - NC - SA - Vincent Gruyer

Foursquare outil et jeu de réseau social pour la communication d'entreprise

Utilisation de Foursquare pour une communication entreprise.

Foursquare est une application pour téléphone mobile développée depuis 2009 par Dennis Crowley, Naveen Selvadurai, Harry Heymann, Nathan Folkman et Mike Singletonau. Utilisant le principe de la géolocalisation proposé par les téléphones portables,  Foursquare est un véritable outil pour développer son réseau social professionnel à travers un jeu. Sans oublier l'image de marque de son entreprise.

La volonté initiale est de créer un guide social des différents lieux des villes. Foursquare utilise le principe de faire gagner des points aux personnes se déclarant au réseau et aux personnes proposant de nouveaux lieux, de nouveaux bons plans à sa communauté. Foursquare indique au réseau ce que je fais et où je suis. L'application précise la position géographique de nos amis. Cette application comportera certainement des risques et nous verrons très rapidement des dérapages en matière de traçage dans la vie professionnelle et d'étalage de la vie privée. 

Pour l'entreprise, l'objectif commercial sera d'utiliser ce réseau social afin de créer du trafic et du flux vers les magasins afin de vendre plus de produits. L'objectif en communication sera de fédérer les utilisateur autour de notre marque et de notre entreprise afin su(il devienne des relais et des vecteurs de communication.

Voici une présentation PowerPoint de Gregory Pouy nous expliquant le principe et les enjeux de cette nouvelle application pour téléphone portable.

Méthode QQOQCCP et le PITCH pour définir l'idée d'un projet tuteuré multimédia

La méthode QQOQCCP  pour définir le contenu d'un PITCH ainsi que diverses questions pour définir un projet. Ou, comment transformer une idée en problématique?

Voici une méthodologie et une liste de questions pour définir l'idée d'un projet tuteuré. La délimitation de l'idée de votre projet tutoré vous servira ensuite à rédiger le cahier des charges. Ces questions sont pertinentes pour définir n'importe quel projet : multimédia, film, communication ou pour le développement de n'importe quel produit industriel: entreprise, voiture, avion, objet,.... Ces questions pourront vous aider à définir les typologies de site à mettre en place pour le développement de votre système de communication.

Pour cela nous allons utiliser la règle QQOQCCP dans laquelle on ajoute un C pour les contraintes, une analyse SWOT, une enquête client et des questions à se poser.

La méthode QQOQCCP C pour délimiter un projet 

Qui? Quelle est la cible du produit?

• Néophyte/Expert
• Âge
• Pays

Quoi? Quel est le sujet principal? Quel est la typologie?

Sujet :

•  présentation d'un produit, d'une entreprise 
• développement d'une application 
• développement d'une problématique

Typologie du produit multimédia

• Institutionnel
• Webdocumentaire
• liste des typologies du site

Où? Où sera diffusé le produit?

• Pays
• Continent

Quand? Quelle est la date de lancement du produit?

• Date de livraison du produit
• Date de mise en ligne.
• Durée de vie du produit

Comment? Sur quel support il sera diffusé?

• Internet
• CD-Rom
• Téléphone portable
• Application téléphone
• ...

Combien ?

• Le nombre d'exemplaire
• le budget

Pourquoi? Quel est l’objectif du produit?

• Connaissance
• Commercial
• Vente en ligne
• Image de marque

Contrainte : Quelles sont les contraintes?

• Techniques, 
• Artistiques, charte graphique...

Le contenu d'un PITCH pour définir un projet.

• Nom de l'agence
• Description de l'agence :  direction, organisation, équipe, référence, clients,...
  
• Environnement du projet : pour une association, une entreprise privée avec un historique et un bilan actuel.
• Contexte du projet: gestion de crise, lancement d'une marque, promotion d'un produit,... Avec un bilan de la concurrence (analyse concurrentielle), une analyse SWOT, et l'évolution du projet.
• Thème général du projet
• Analyse de la concurrence sur le thème du projet
• Problématique
• Objectif(s) du projet : connaissance? Commercial? Vente en ligne? Image de marque? Parts de marché?...
• Attente(s) et contenu du projet: thématiques abordées, rubriques,...
• Cibles : principales, secondaires et relais
• Acteurs internes et externes : 

• interne: équipe avec compétences pour le projet
• externe : intervenants, partenaires, sponsors, ...

• Contraintes : techniques, artistiques, date, charte graphique?...
• Éléments existants: contenu, produits, sources iconographiques, bibliographie..
• Éléments à créer : conception graphique, contenu, éléments techniques,...
• Délai : date de livraison, les étapes de production
• Budget : coût humain, matériel et financier, avec charges sociales

 

L'analyse SWOT pour définir un projet.

L'analyse SWOT sera utile afin de définir l'environnement ainsi que les forces et les faiblesses de votre projet en interne et en externe. C'est une analyse sur l'étude concurrentiel de votre projet.

Exemple d'une analyse SWOT

Les enquêtes clients pour établir le profil de la cible principale et secondaire. 

L'objectif est de réaliser une première étude de marché afin de connaitre et d'estimer les attentes des futurs utilisateurs. Ces critères sont à adapter en fonction des projets. On n'est pas obligé de tous les intégrer dans l'enquête client. Cela servira ensuite à définir les cibles principales et secondaires et trouver les facteurs de différenciation du projet. Attention de ne pas oublier de déclarer votre fichier à la CNIL

Critères généraux et sociaux:

• sexe
• tranche d'âge
• situation familiale
• catégorie socio-professionnelle
• niveau de connaissance du sujet
• niveau pré-requis technique
• localisation géographique
• cadre de vie
• plage de revenu (dans le cas d'un site de vente en ligne)
• handicap
• goûts généraux
• etc

Critères techniques

• type de connexion
• lieu de connexion
• type OS
• type de machine
• type de navigateur
• plug-in utilisé
• fréquence de consultation (gestion des cookies)
• etc

Les attentes par rapport aux projet

• niveau de connaissances de départ
• niveau de connaissances finales
• les lacunes à combler

Diverses questions pour préciser le projet

Pour définir une problématique

Il faut réaliser dans un premier temps un brainstorming et noter les mots clés pour délimiter le sujet. Ensuite il faut transformer en question, en débat le sujet.

Pour définir le sujet du projet.

Unité : vous devez résumer votre projet en un seul message, en une seule phrase simple.
Contenu : il faut définir tout ce qui peut entrer dans le sujet.
Limite(s) : on définit précisément les frontières, les limites du sujet pour éviter les hors sujets, les digressions.

Pour définir les objectifs du projet.

La réponse à ces questions va définir le projet.

• Que va apporter votre projet à l'utilisateur et à quoi votre projet va t-il lui servir?
• Quel est l'environnement marketing de votre projet?
• Que vais-je apporter de plus et de différent par rapport aux produits concurrents?
• Quelles lacunes (manque) vais-je combler?
• A quels besoins de l'utilisateur vais-je répondre?

Ces réponses seront issues de la synthèse de vos grilles d' analyse concurrentielle

Pour définir la cible du projet. 

A qui est destiné votre projet?

Il faut donc définir la cible principale, et les cibles secondaires et les cibles relais. Les cibles seront issues de la synthèse de vos analyse concurrentielles, et de votre enquête client.

Pour définir le genre de votre projet

Quelle typologie de site sera intégrée dans le site ? (jeux ludo-éducatif, web documentaire, web TV, web radio, site communautaire, informationnel, web 2.0, web 3.0...)

Pour définir la diffusion et la communication du projet

Comment va t-on atteindre la cible de votre projet. Quelle sera la stratégie de communication dans les grands axes

Quel type de diffusion envisager pour votre projet?

On line/Off line?

Sur quel support ?

Téléphone portable?  Tablettes? Site Internet? Site Intranet? CD-Rom? DVD vidéo? Borne interactive?

Pour définir les acteurs du projet (interne et externe)

• Acteurs internes et fonctions pour le projet. Pôle contenu et pôle développement.

• Acteurs externes et fonctions pour le projet. Pôle contenu et pôle développement.

Pour définir les sources iconographiques (photos, vidéos, sons, dessins, textes)

Il faut classer les sources en deux catégories :

• les sources originales (photos, dessins, texte, son, vidéo,..) créées spécifiquement pour votre projet.

• les sources reproduites (photos, dessins, texte, son, vidéo,..) libre de droit/achetées pour votre projet.

Pour définir les contraintes du projet: techniques, dates, artistiques,...

Retroplanning pour l'organisation du projet

Pour définir les grands axes de votre communication d'entreprise.

Contenu de votre plan de communication, date des différentes actions,...