Mémoire - La digitalisation du marketing du sportMarie BURCKLE
Comment l'événementiel sportif peut-il aider à renforcer l'attractivité d'un territoire alors que la digitalisation change les habitudes de consommation du sport ?
http://www.lecfomasque.com Le CFO masqué vous explique en quoi consiste les langages M et DAX utilisés avec Power Query (M), Power Pivot (DAX) et Power BI desktop (M/DAX).
Pendant ce stage, j'ai développé un tableau de board web (HTML5, CSS3, JavaScript, jquery, ajax, PHP7, ...) assurant le suivi et le monitoring des indicateurs de performance du STP et des différents services implémentés.Ce projet comporte une phase de :
- Développement d'une interface d'authentification des utilisateurs
- Développement d'une interface d'enregistrement ds nouveaux membres
- Développement d'une interface de récupération du mot de passe
- Développement d'une interface administration système assurant la gestion des comptes utilisateurs (validation nouveaux comptes,suppression)
- Développement d'une interface général qui synthétise les KPI des STP
- Développement d'une interface cartes qui synthétise les KPI des cartes
- Développement d'une interface plateformes qui synthétise les KPI des différents link sets associés aux plateformes
Mémoire Professionnel "Le sponsoring sportif face à la crise"Jeremy ABDILLA
Titre du mémoire : Le Sponsoring d’événements sportifs
Sous-titres : Fonctionnement, exploitation et mesure des résultats
Directeur de mémoire : Monsieur Olivier Arifon
Licence professionnelle Activités et Techniques de Communication Option Métiers de la Publicité
Année 2007/2008
IUT Robert Schuman,
Département Information-Communication
Mémoire - La digitalisation du marketing du sportMarie BURCKLE
Comment l'événementiel sportif peut-il aider à renforcer l'attractivité d'un territoire alors que la digitalisation change les habitudes de consommation du sport ?
http://www.lecfomasque.com Le CFO masqué vous explique en quoi consiste les langages M et DAX utilisés avec Power Query (M), Power Pivot (DAX) et Power BI desktop (M/DAX).
Pendant ce stage, j'ai développé un tableau de board web (HTML5, CSS3, JavaScript, jquery, ajax, PHP7, ...) assurant le suivi et le monitoring des indicateurs de performance du STP et des différents services implémentés.Ce projet comporte une phase de :
- Développement d'une interface d'authentification des utilisateurs
- Développement d'une interface d'enregistrement ds nouveaux membres
- Développement d'une interface de récupération du mot de passe
- Développement d'une interface administration système assurant la gestion des comptes utilisateurs (validation nouveaux comptes,suppression)
- Développement d'une interface général qui synthétise les KPI des STP
- Développement d'une interface cartes qui synthétise les KPI des cartes
- Développement d'une interface plateformes qui synthétise les KPI des différents link sets associés aux plateformes
Mémoire Professionnel "Le sponsoring sportif face à la crise"Jeremy ABDILLA
Titre du mémoire : Le Sponsoring d’événements sportifs
Sous-titres : Fonctionnement, exploitation et mesure des résultats
Directeur de mémoire : Monsieur Olivier Arifon
Licence professionnelle Activités et Techniques de Communication Option Métiers de la Publicité
Année 2007/2008
IUT Robert Schuman,
Département Information-Communication
Captez l'attention de vos lecteurs à l'aide de ces 8 règles journalistiques !
Contenu par slide :
2/ « SI TU NE VAS PAS VERS LE LECTEUR... LE LECTEUR NE VIENDRA PAS VERS TOI »
3/ Règle n°1 : le lecteur ne lit pas ! Il regarde « LE CHOC DES ACCROCHES »
4/ Il faut donc donner à regarder... 80% du message passent par des accroches
5/ Graphiques, encadrés, légendes, photos, chapeaux, intertitres, attaques, chutes, citations, titres, rubriques
6/ Règle n°2 : le lecteur parcourt les textes faciles à lire « LE POIDS DU RÉDACTIONNEL »
7/ Il faut donc encourager à lire… 20% du message passent par le texte
8/ Verbes d’action, mots de moins de 3 syllabes, tournures actives, phrases avec 18/20 mots, paragraphes de 8 lignes
9/ Les genres journalistiques : information, opinion, visuel, interactivité, récit, étude
10/ Règle n°3 : le lecteur regarde ce qui l’intéresse « LA LOI DE LA PROXIMITÉ »
11/ Il faut donc rejoindre son interlocuteur
12/ Bénéfice lecteur, information utile, intérêt de l’autre, vulgarisation, interpellation
13/ Règle n°4 : le lecteur veut savoir tout de suite « L’ÉCRITURE JOURNALISTIQUE »
14/ Il faut donc délivrer le message au lecteur le plus vite possible
15/ La pyramide inversée : quoi ? Qui ? Où ? Quand ? Comment ? Combien ?… importance décroissante
16/ Règle n°5 : le lecteur veut comprendre immédiatement « L’ANGLE ET L’ARÊTE D’INFORMATION »
17/ Il faut donc être clair pour ne pas décourager le lecteur
18/ Un article = un angle + un message
19/ Règle n°6 : le lecteur veut respirer « L’ÉQUILIBRE DU JOURNAL »
20/ Il faut donc ne pas étouffer le lecteur
21/ Articles de tailles diverses, brèves assurant l’aération
22/ Règle n°7 : le lecteur s’intéresse au présent et à l’avenir... « LA RÈGLE DE L’ACTUALITÉ »
23/ Il faut donc rendre actuelle l’information au lecteur
24/ Décisions, projets futurs, actualisation, orientations
25/ Règle n°8 : le lecteur est sensible à la dimension humaine « L’HUMANISATION DES ARTICLES »
26/ Il faut donc rendre le lecteur attentif par un traitement humain de l’information
27/ Photos de personnes, interviews, citations de personnes, désignation de groupes
Retrouvez nous sur Viadeo et LinkedIn ou contactez nous à l’adresse agence@quelprogres.fr !
Mon Projet Fin d'étude: Conception et développement d'une application de géol...rim elaire
La localisation et la navigation personnelles sont devenues un domaine d'envergure dans une société de mobilité. Les zones urbaines et, en particulier, les espaces fermés représentent les zones les plus exigeantes pour la navigation personnelle. Des problèmes comme la réception des signaux satellitaires rendent le positionnement impossible à l'intérieur d'un bâtiment. Parallèlement, les infrastructures de télécommunications sont en développement croissant, toutefois le positionnement basé sur ces systèmes sans fils, n'assurent pas la précision nécessaire en localisation et n'offrent pas une couverture complète. Ce projet permit le développement d'un système intelligent de positionnement et de navigation minimisant la consommation énergétique. L'approche présentée ici est basée sur l'utilisation des réseaux locaux, sur l'utilisation des mesures du déplacement de personnes par des capteurs inertiels et sur le contenu d'une base de données géographique qui représente les plans de circulation dans les espaces fermés. En utilisant cet ensemble d'information, on a développé une méthodologie, basée sur l'interaction des données, pour assurer un processus de positionnement et de navigation able.
Présentation agence SOxH factory, agence de communication intégréeSOxH factory
Découvrez la présentation de l'agence SOxH factory, agence de communication intégrée.
SOxH factory est une agence atypique où l’esthétique et la créativité se conjuguent pour rendre votre histoire épique.
SOxH factory, c’est l’histoire d’une collab entre une brand lover et un esthète [SOphie x Harold] qui est née d’un constat fort : COMMENT RÉCONCILIER STRATÉGIE, CREATIVITE ET PROFESSIONNALISME ?
Il existe un lien émotionnel fort entre vos clients, votre marque et leur expérience digitale. Nous avons pour vocation de créer de la valeur autour de votre marque sur le digital (et ailleurs). NOTRE MISSION EST DE CONSTRUIRE DES EXPÉRIENCES DE MARQUE POUR LES CONSOMMATEURS ACTUELS : CONNECTES ET EXIGEANTS.
|| N O S S E R V I C E S ||
STRATÉGIE & ACCOMPAGNEMENT
Comme Mamie Nova, Eco-mobilier, laissez-nous vous accompagner dans la stratégie digitale de votre marque.
Plateforme de marque | Storytelling | Accompagnement stratégique annuel | Acculturation digitale …
CONCEPTION & PRODUCTION
A l’instar de Skema, Vodafone, Le Groupe Figaro ou encore Louis Vuitton, nous sommes en mesure vous accompagner tout au long de la chaîne de valeur de votre communication.
Brand identity | Concept publicitaire |Brand content | Production de film (Pub web & TV, formats réseaux sociaux, motion design, reportages vidéo … )
ACTIVATION DE CAMPAGNES
Aujourd’hui, les campagnes monocanales n’existent plus. Pour accroître sa visibilité, développer sa notoriété et recruter efficacement, il faut opter pour une diffusion omnicanale. Laissez nous vous raconter l’histoire de notre collaboration avec Adecco.
Plan media B2B B2C | Community Management (Facebook, Instagram, Youtube …) | Campagne social media | Analytics
Nous sommes une équipe atypique et expérimentée issue du conseil, du digital et de la publicité. Basés à Paris, nos clients nous amènent à porter des projets partout en Europe (Luxembourg, UK, ...)
Envie de nous challenger sur votre problématique, contactez-nous Hello@soxh-factory.com | 01 73 73 19 99
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
Dans le cadre de notre projet de fin d’étude, nous nous intéressons à
développer une application qui sert à l’achat en ligne des produits de beauté,
reconnu dans le domaine informatique par le nom ” E-commerce ”, cette application
peut être développer sur plusieurs plate-forme notamment : An-
droïd , Mac OS et BlackBerry etc. Les supports de notre application Ecommerce
sont les téléphones portable mené, d’un système d’exploitation
Androïd.
--------------------------
http://nazihhenie.wordpress.com/
Lien du Blog:
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...Madjid Meddah
L’objectif du projet est de concevoir et implémenter un système, en ligne, qui automatise
la gestion et l’affectation des projets de fin d’étude. Le système permettra aux enseignants de
proposer des thèmes pour les projets de fin d’études aux étudiants, ces derniers pourront
choisir ou modifier leurs choix. Le système permettra en outre d’automatiser l’affectation des
PFE aux étudiants, cette tâche se fait actuellement d’une façon totalement manuelle.
Mots-clés: application web, base de données, gestion des PFE
The goal of the project is to design and implement an online system that automates the
management and the assignment of graduation projects. The system will allow teachers to
propose their themes for graduation projects to students, who will be able to choose or modify
their choices. The system will also automate the assignment of the graduation projects to
students; this task is done currently in a manual way.
Keywords : Web Application, Data base, Graduation Project
Captez l'attention de vos lecteurs à l'aide de ces 8 règles journalistiques !
Contenu par slide :
2/ « SI TU NE VAS PAS VERS LE LECTEUR... LE LECTEUR NE VIENDRA PAS VERS TOI »
3/ Règle n°1 : le lecteur ne lit pas ! Il regarde « LE CHOC DES ACCROCHES »
4/ Il faut donc donner à regarder... 80% du message passent par des accroches
5/ Graphiques, encadrés, légendes, photos, chapeaux, intertitres, attaques, chutes, citations, titres, rubriques
6/ Règle n°2 : le lecteur parcourt les textes faciles à lire « LE POIDS DU RÉDACTIONNEL »
7/ Il faut donc encourager à lire… 20% du message passent par le texte
8/ Verbes d’action, mots de moins de 3 syllabes, tournures actives, phrases avec 18/20 mots, paragraphes de 8 lignes
9/ Les genres journalistiques : information, opinion, visuel, interactivité, récit, étude
10/ Règle n°3 : le lecteur regarde ce qui l’intéresse « LA LOI DE LA PROXIMITÉ »
11/ Il faut donc rejoindre son interlocuteur
12/ Bénéfice lecteur, information utile, intérêt de l’autre, vulgarisation, interpellation
13/ Règle n°4 : le lecteur veut savoir tout de suite « L’ÉCRITURE JOURNALISTIQUE »
14/ Il faut donc délivrer le message au lecteur le plus vite possible
15/ La pyramide inversée : quoi ? Qui ? Où ? Quand ? Comment ? Combien ?… importance décroissante
16/ Règle n°5 : le lecteur veut comprendre immédiatement « L’ANGLE ET L’ARÊTE D’INFORMATION »
17/ Il faut donc être clair pour ne pas décourager le lecteur
18/ Un article = un angle + un message
19/ Règle n°6 : le lecteur veut respirer « L’ÉQUILIBRE DU JOURNAL »
20/ Il faut donc ne pas étouffer le lecteur
21/ Articles de tailles diverses, brèves assurant l’aération
22/ Règle n°7 : le lecteur s’intéresse au présent et à l’avenir... « LA RÈGLE DE L’ACTUALITÉ »
23/ Il faut donc rendre actuelle l’information au lecteur
24/ Décisions, projets futurs, actualisation, orientations
25/ Règle n°8 : le lecteur est sensible à la dimension humaine « L’HUMANISATION DES ARTICLES »
26/ Il faut donc rendre le lecteur attentif par un traitement humain de l’information
27/ Photos de personnes, interviews, citations de personnes, désignation de groupes
Retrouvez nous sur Viadeo et LinkedIn ou contactez nous à l’adresse agence@quelprogres.fr !
Mon Projet Fin d'étude: Conception et développement d'une application de géol...rim elaire
La localisation et la navigation personnelles sont devenues un domaine d'envergure dans une société de mobilité. Les zones urbaines et, en particulier, les espaces fermés représentent les zones les plus exigeantes pour la navigation personnelle. Des problèmes comme la réception des signaux satellitaires rendent le positionnement impossible à l'intérieur d'un bâtiment. Parallèlement, les infrastructures de télécommunications sont en développement croissant, toutefois le positionnement basé sur ces systèmes sans fils, n'assurent pas la précision nécessaire en localisation et n'offrent pas une couverture complète. Ce projet permit le développement d'un système intelligent de positionnement et de navigation minimisant la consommation énergétique. L'approche présentée ici est basée sur l'utilisation des réseaux locaux, sur l'utilisation des mesures du déplacement de personnes par des capteurs inertiels et sur le contenu d'une base de données géographique qui représente les plans de circulation dans les espaces fermés. En utilisant cet ensemble d'information, on a développé une méthodologie, basée sur l'interaction des données, pour assurer un processus de positionnement et de navigation able.
Présentation agence SOxH factory, agence de communication intégréeSOxH factory
Découvrez la présentation de l'agence SOxH factory, agence de communication intégrée.
SOxH factory est une agence atypique où l’esthétique et la créativité se conjuguent pour rendre votre histoire épique.
SOxH factory, c’est l’histoire d’une collab entre une brand lover et un esthète [SOphie x Harold] qui est née d’un constat fort : COMMENT RÉCONCILIER STRATÉGIE, CREATIVITE ET PROFESSIONNALISME ?
Il existe un lien émotionnel fort entre vos clients, votre marque et leur expérience digitale. Nous avons pour vocation de créer de la valeur autour de votre marque sur le digital (et ailleurs). NOTRE MISSION EST DE CONSTRUIRE DES EXPÉRIENCES DE MARQUE POUR LES CONSOMMATEURS ACTUELS : CONNECTES ET EXIGEANTS.
|| N O S S E R V I C E S ||
STRATÉGIE & ACCOMPAGNEMENT
Comme Mamie Nova, Eco-mobilier, laissez-nous vous accompagner dans la stratégie digitale de votre marque.
Plateforme de marque | Storytelling | Accompagnement stratégique annuel | Acculturation digitale …
CONCEPTION & PRODUCTION
A l’instar de Skema, Vodafone, Le Groupe Figaro ou encore Louis Vuitton, nous sommes en mesure vous accompagner tout au long de la chaîne de valeur de votre communication.
Brand identity | Concept publicitaire |Brand content | Production de film (Pub web & TV, formats réseaux sociaux, motion design, reportages vidéo … )
ACTIVATION DE CAMPAGNES
Aujourd’hui, les campagnes monocanales n’existent plus. Pour accroître sa visibilité, développer sa notoriété et recruter efficacement, il faut opter pour une diffusion omnicanale. Laissez nous vous raconter l’histoire de notre collaboration avec Adecco.
Plan media B2B B2C | Community Management (Facebook, Instagram, Youtube …) | Campagne social media | Analytics
Nous sommes une équipe atypique et expérimentée issue du conseil, du digital et de la publicité. Basés à Paris, nos clients nous amènent à porter des projets partout en Europe (Luxembourg, UK, ...)
Envie de nous challenger sur votre problématique, contactez-nous Hello@soxh-factory.com | 01 73 73 19 99
Rapport de projet de fin d'étude licence informatique et multimédiaNazih Heni
Dans le cadre de notre projet de fin d’étude, nous nous intéressons à
développer une application qui sert à l’achat en ligne des produits de beauté,
reconnu dans le domaine informatique par le nom ” E-commerce ”, cette application
peut être développer sur plusieurs plate-forme notamment : An-
droïd , Mac OS et BlackBerry etc. Les supports de notre application Ecommerce
sont les téléphones portable mené, d’un système d’exploitation
Androïd.
--------------------------
http://nazihhenie.wordpress.com/
Lien du Blog:
CONCEPTION ET REALISATION D ’ UNE APPLICATION WEB POUR GESTION DE P ROJETS DE...Madjid Meddah
L’objectif du projet est de concevoir et implémenter un système, en ligne, qui automatise
la gestion et l’affectation des projets de fin d’étude. Le système permettra aux enseignants de
proposer des thèmes pour les projets de fin d’études aux étudiants, ces derniers pourront
choisir ou modifier leurs choix. Le système permettra en outre d’automatiser l’affectation des
PFE aux étudiants, cette tâche se fait actuellement d’une façon totalement manuelle.
Mots-clés: application web, base de données, gestion des PFE
The goal of the project is to design and implement an online system that automates the
management and the assignment of graduation projects. The system will allow teachers to
propose their themes for graduation projects to students, who will be able to choose or modify
their choices. The system will also automate the assignment of the graduation projects to
students; this task is done currently in a manual way.
Keywords : Web Application, Data base, Graduation Project
Définition et enjeux de l'Ergonomie Web, interfaces tactiles, web mobile, marketing web... Présentation sur interface tactile, web mobile, multi-écran : responsive... Outils Firefox pour faciliter l'ergonomie de son application web, Support formation.
Auteur : Emmanuelle POULAIN Consultante Formatrice Web 2.0, Webmarketing, NTIC, http://www.idnetinfo.net
Conférence e-Cercle: la conception web expliquée aux entreprises communicantesMatthieu Mingasson
Support de présentation de la conférence donnée dans le cadre du think tank e-Cercle qui réunit les responsables internet des entreprises du CAC40 - Auditorium de l'école des Gobelins, le 3 mars 2011.
Introduction:
La conception web est par nature hybride. Une bonne conception web est la rencontre équilibrée entre des disciplines d'origines différentes mais complémentaires: le contenu (le web est sémantique avant toute chose), la technologie (rien ne vit sur le web sans le support technologique), le design (à l'inverse de l'informatique traditionnelle, le web est une interface grand public). Il est donc impossible de traiter séparément les problématiques qui composent la réalisation d'une plate-forme web (qu'elle soit corporate ou non).
Vouloir les séparer conduit nécessairement à une baisse de qualité : si l'on aborde la conception d'un point de vue purement technologique, on aboutira à une interface informatique inutilisable pour le grand public et sans pertinence sémantique. Une approche purement graphique se fera au détriment du fond et de la fonction. Enfin, lorsque seule les problématiques de l'organisation et de la publication des contenus sont abordées, le résultat est réduit à la mise en ligne d'une base de donnée documentaire.
Cette présentation vise donc à explorer les principes généraux de conception sur les trois grands secteurs que sont le contenu, le design et la technologie. Nous verrons en conclusion que ces trois dimensions doivent en réalité être dirigées vers un double objectif : la viabilité du business (pour l'entreprise) et la qualité du service (pour l'utilisateur).
Téléchargez la présentation: www.adviso.ca/27-conseils-pratiques-en-ergonomie.html
Un guide pratique à l’intention des gestionnaires.
Le but de ce guide est de présenter, d’une part, quelques notions de bases sur l’ergonomie et son impact dans un développement de site Internet, et d’autre part, de fournir un ensemble de règles à prendre en compte lors de la création ou la refonte d’un site Web. Notons que les règles présentées ici sont générales, elles ne peuvent servir que de base à une évaluation plus complète qui devra prendre en considération le contexte particulier ainsi que les utilisateurs cibles de chaque projet.
Les critères présentés servent à illustrer la mise en œuvre de l’ergonomie dans un développement de site Internet et ils pourront, de plus, permettre au lecteur d’analyser succinctement son site afin d’avoir une idée générale de sa convivialité.
La première partie de ce document présente donc un aperçu de ce qu’est l’ergonomie et ses applications. La seconde présente la liste de 27 critères illustrés par différents sites couvrant des besoins variés tels la vente en ligne, des sites corporatifs, des sites informationnels, etc.
Par Thomas Tixier, Jean-François Vigeant et Jean-François Renaud.
Présentation faite au Centre des Jeunes Dirigeants d'entreprise. Retour d'expérience sur les techniques de veille utilisant les réseaux sociaux et le web de façon plus générale.
Count-Min Tree Sketch : Approximate counting for NLP tasksGuillaume Pitel
Count-Min Tree sktech is a variant of the Count-Min Sketch, tailored for Zipfian (or power law) data distribution. With memory footprint improvement of 4 to 8 times against other variants, and on-par performance with native strict counting, the Count-Min Tree sketch can be used in many time-critical situations. It is developped by eXenSa (www.exensa.com)
Il y a aujourd’hui de plus en plus d'applications, de périphériques et plus que jamais de données à gérer au sein du datacenter. Ces évolutions amènent les entreprise à devoir réfléchir sur la transformation de leur Datacenter : privé, public ou hybride. Cette session vous permettra de découvrir l’approche Modern Datacenter proposée par Microsoft et sa mise en œuvre au travers de la mise en place d’un Software Defined Datacenter
Speakers : Fabrice Meillon (Microsoft), Emmanuel Sache (Microsoft)
Les professionnels de l'information face aux défis du Web de donnéesGautier Poupeau
Diaporama pour une communication donnée dans le cadre de la journée d'études ADBS-EDB, "Quel Web demain ?", 7 avril 2009, http://www.adbs.fr/quel-web-demain--57415.htm
Beacon, GRDDL, and Twine... oh my!! Sometimes it is hard to keep track of all the new technology on the web. Which are the ones worth paying attention to? Let's take a look into how the web evolves and where we've came from. (Finally, a field where "evolution" and "intelligent design" can play nice.) We'll dive deep into some of the upcoming trends poised to change the web as we know it.
Web Development on Web Project PresentationMilind Gokhale
Web development on web was part of a project in the final year of Engineering to demonstrate the implementation and application of SaaS using Microsoft Silverlight.
The application facilitated creation of web pages without having a need to install any HTML editor based software.
Résultats de l'étude Digital Trends Morocco 2015, initiée par le Groupement des Annonceurs du Maroc, présentée à l'occasion du premier Moroccan Digital Summit, organisé le 16 décembre 2014, au Sofitel Tour Blanche à Casablanca, Maroc. Cette étude, menée en partenariat avec le Soft Centre (Centre de R&D logiciel présidé par l’ANRT) et l’agence TNC (The Next Clic), se veut être un rendez-vous annuel pour faire l’état des lieux et identifier les tendances des pratiques digitales du côté des annonceurs, leurs besoins en informations et outils, leurs modes d’organisation ainsi que le niveau d’implémentation du digital dans les structures.
Plus d'informations : Le Moroccan Digital Summit dévoilera en exclusivité l’étude sur les Tendances du Digital au Maroc | http://bit.ly/1FRTRtB
www.therollingnotes.com | Feed your brain... Rock your brand !
Modern Web Application Development Workflow - EclipseCon US 2014Stéphane Bégaudeau
People often consider that creating a web application is done by creating a bunch of HTML, Javascript and CSS files together in a text editor and uploading them on the web.
Well, things have changed and in this presentation, you will see how the workflow used to deliver web applications has evolved over the past few years!
We will start by seeing how you can use Yeoman and its generators to kickstart your project. Then you will see how Bower let you manage the dependencies of your project. Downloading the JavaScript and CSS frameworks that you are using for you. After that we will have a look at Chrome Devtools in order to debug and edit our application. We will also see how to use remote debugging to inspect a web application running on a phone or a tablet.
Finally we will see how you can set up your whole continuous integration workflow with Grunt. Compilation, static code analysis, unit tests, integration tests, minification, code coverage, you name it.
This talk has been presented during EclipseCon North America 2014 in San Francisco
Les 10 tendances de la User Experience en 2015Idean France
Avec la multiplication des écrans et des points de contacts entre les utilisateurs et les marques, l’expérience utilisateur est devenue un enjeu central de tout projet digital. Une homogénéisation des expériences utilisateurs sur tous les écrans est désormais stratégique pour les marques. Backelite vous fait découvrir toutes les tendances UX à venir pour 2015
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
Retour d'expérience sur le Responsibe Web Design par l'agence Backelite: spécificités et enjeux du RWD, les best practices, étapes clés d'un projet, approche content first, framework, cas pratique et témoignages des Galeries Lafayette
Aligning people process and technology in km kwt presentationStephanie Barnes
This is the presentation given by Stephanie Barnes at Knowledge Workers Toronto (KWT) on Aug 2, 2011. It is based on her Ark Group report, "Aligning People, Process, and Technology in Knowledge Management" published in May 2011.
Information Architecture: Get Your Blue Prints in OrderBusinessOnline
Information architecture is the most critical component of your site, yet it’s often overlooked. When done correctly, it enables users to navigate logically through a site, confidently find the information they seek, and accomplish their goals. Without defining a website's structure, hierarchy, and navigation, you cannot ensure a consistent user-experience, and run the risk of frustrating visitors, and ultimately, losing them for good.
NON is a brand experience company that helps businesses take advantage of the competitive power of design. Our services consist of helping clients create products, services and even businesses and communicate them through brand expressions.
The New Normal: Predictive Power on the Front LinesInside Analysis
The Briefing Room with Mike Ferguson and Alteryx
Live Webcast on Feb. 12, 2013
Today's savvy organizations know that a streamlined approach to data and applications can put the power of predictive analytics right where it needs to be: in the hands of the user. Sure, training is still required, but a real revolution is underway for the graphic design of such user interfaces. Central to this overhaul of design is the concept of intelligent, simple workflow, which enables users to get things done in an orderly fashion.
Check out the slides for this episode of The Briefing Room to hear analyst Mike Ferguson of Intelligent Business Strategies as he explains why interface design and workflow must go hand-in-hand. He will be briefed by Matt Madden of Alteryx, who will tout his company’s predictive platform, a solution that leverages an array of traditional and Big Data analytics applications, designed for problem solvers and decision makers. Madden will also provide several customer use cases that demonstrate the new normal in predictive analytics.
Law firm knowledge management, an introduction: LawTech Camp 2012Stephanie Barnes
This presentation was delivered at LawTech Camp 2012 in Toronto, ON. It provides a high-level overview of knowledge management activities for law firms.
Similarities in Perfection Between Magic & Design
Ultimately, we want to provide a perfect experience -- one devoid of flaws and full of delight. This is where experience design and professional magic have much in common, as our desire for perfection is behind what's driving us.
What you may not realize, however, is professional magic has a hundred year jump on experience design. That field's drive for perfection started before the time of Houdini, in the late 1800s. The methods, philosophies, and culture behind their drive has gone through many years of refinement and maturation. There's a lot that today's experience designers can learn from how professional magicians approach their craft.
In this one-of-a-kind presentation, Jared Spool (who studies design) and Reed Spool (who studies and practices professional magic) will discuss the similarities of these two fields and their drive for perfection.
Starting a KM strategy? Here's some thoughts and guides to get you on your way. Prepare for some work if you want to get it right. Prepare for some fun and satisfaction if you get it right.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
2. Design d’information pour le web
SOMMAIRE
‣ Introduction : éléments de contexte
‣ 4 axes de conception
‣ 6 questions à se poser
‣ Outils
3. Design d’information pour le web
“Design is the intermediacy
between information and
understanding”
Richard Grefé
Executive director,
American Institute of Graphic Arts (AIGA)
4. Design d’information pour le web
“In order to do a better job
of developing, communicating,
and pursuing a strategy,
you need to learn to think like
a designer”
Tim Brown
CEO Ideo,
Strategy by Design, June 2005
http://www.fastcompany.com/magazine/95/design-strategy.html
6. Design d’information pour le web
INTRODUCTION
‣ Emergence d’une profession
‣ Eléments du design d’information
‣ Eléments de l’expérience utilisateur
7. Design d’information pour le web
1. Introduction / Emergence d’une profession
‣ Emergence d’une profession
‣ Contributeurs
‣ Profils
8. Design d’information pour le web
1. Introduction / Emergence d’une profession
Contributeurs
* Les sciences cognitives regroupent un ensemble
de disciplines scientifiques dédiées à l'étude et la
compréhension des mécanismes de la pensée
humaine, animale ou artificielle, et plus
généralement de tout système cognitif, c'est-à-
dire tout système complexe de traitement de
l'information capable d'acquérir, conserver,
et transmettre des connaissances.
Avec les sciences cognitives* qui établissent les fondamentaux...
9. Design d’information pour le web
1. Introduction / Emergence d’une profession
Contributeurs
...des recherches appliquées dans de multiples domaines...
Design Représentation Design de Communication Typographie et
d’interface de données matériel éducatif visuelle design graphique
Avec les sciences cognitives* qui établissent les fondamentaux...
10. Design d’information pour le web
1. Introduction / Emergence d’une profession
Contributeurs
...et des professionnels qui pratiquent en fonction d’intérêts variés...
Rédacteurs
Analystes et
de manuels Chercheurs Designers Vulgariseurs Collectionneurs Inventeurs Documentalistes
systémistes
d’instruction
...des recherches appliquées dans de multiples domaines...
Design Représentation Design de Communication Typographie et
d’interface de données matériel éducatif visuelle design graphique
Avec les sciences cognitives* qui établissent les fondamentaux...
11. Design d’information pour le web
1. Introduction / Emergence d’une profession
Contributeurs Tiré de : “Information Design”, Robert Jacobson, MIT Press
...une nouvelle profession émerge :
LE DESIGN D’INFORMATION
...et des professionnels qui pratiquent en fonction d’intérêts variés...
Rédacteurs
Analystes et
de manuels Chercheurs Designers Vulgariseurs Collectionneurs Inventeurs Documentalistes
systémistes
d’instruction
...des recherches appliquées dans de multiples domaines...
Design Représentation Design de Communication Typographie et
d’interface de données matériel éducatif visuelle design graphique
Avec les sciences cognitives* qui établissent les fondamentaux...
12. Design d’information pour le web
1. Introduction / Emergence d’une profession
Profils
Management
de l’information
Organisation
Stratégie
Séquençage
Standardisation
13. Design d’information pour le web
1. Introduction / Emergence d’une profession
Profils
Management
de l’information
Organisation
Stratégie
Séquençage
Standardisation
Technologies
Publication
Formats
Portage
Systèmes
d’information
14. Design d’information pour le web
1. Introduction / Emergence d’une profession
Profils
Management Visualisation
de l’information de l’information
Organisation Intégration
Stratégie Design
Séquençage Rédaction
Standardisation Résolution de conflits
Technologies
Publication
Formats
Portage
Systèmes
d’information
15. Design d’information pour le web
1. Introduction / Emergence d’une profession
Profils Inspiré par : http://informationr.net
Management Visualisation
de l’information de l’information
Organisation Intégration
Stratégie Design
Séquençage Rédaction
Standardisation Résolution de conflits
Technologies
Publication
Formats
Portage
Systèmes
d’information
16. Design d’information pour le web
1. Introduction / Emergence d’une profession
Profils
Management PROFIL EN T Visualisation
de l’information de l’information
Systèmes
d’information
17. Design d’information pour le web
1. Introduction / Emergence d’une profession
Profils
PROFILS EN T
Management Visualisation Systèmes Visualisation Management Systèmes
de l’information de l’information d’information de l’information de l’information d’information
Systèmes Management Visualisation
d’information de l’information de l’information
18. Design d’information pour le web
1. Introduction / Eléments du design d’information
‣ Eléments du design d’information
“Information design is the defining, planning, and
shaping of the contents of a message and the
environments it is presented in with the intention of
achieving particular objectives in relation to the
needs of users.”
International Institute for Information Design
http://www.iiid.net/Definitions.htm
19. Design d’information pour le web
1. Introduction / Eléments du design d’information
‣ Eléments du design d’information
‣ Visualisation de données
‣ Visualisation d’information
‣ Visualisation de concept
‣ Visualisation de stratégie
‣ Visualisation métaphorique
‣ Visualisation composée
20. Design d’information pour le web
1. Introduction / Eléments du design d’information
Visualisation de données
Représentation visuelle de données quantitatives sous forme schématique
Histogram chart
Pie chart Table chart + Pie Chart
21. Design d’information pour le web
1. Introduction / Eléments du design d’information
Visualisation d’information
Utilisation d’une représentation interactive de données pour augmenter la cognition.
Network data map Interactive map
22. Design d’information pour le web
1. Introduction / Eléments du design d’information
Visualisation de concept
Elaboration de concepts qualitatifs, d’idées, de plans d’actions et d’analyses.
Concept Map
Gant Chart
23. Design d’information pour le web
1. Introduction / Eléments du design d’information
Visualisation de strategie
Utilisation de représentation visuel dans l’analyse, le développement, la formulation, la communication de
strategie au sein d’une organisation.
Decision discovery diagram
Life Cycle diagram Strategic map
24. Design d’information pour le web
1. Introduction / Eléments du design d’information
Visualisation métaphorique
Utilisation de métaphores visuelles pour véhiculer une vision à partir de la représentation d’information.
25. Design d’information pour le web
1. Introduction / Eléments du design d’information
Visualisation composée
Composition de différents types de représentations au sein
d’un même schéma.
Graphic facilitation
Cartoon
26. Design d’information pour le web
1. Introduction / Eléments de l’expérience utilisateur
‣ Eléments de l’expérience utilisateur
The Elements of User Experience
http://www.jjg.net/elements/
36. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Documentation Conception
Stratégique
37. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Documentation Conception
Etudes
stratégiques
Stratégique
38. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Documentation Conception
Conception
stratégique
Etudes
stratégiques
Stratégique
39. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Design
fonctionnel
Documentation Conception
Conception
stratégique
Etudes
stratégiques
Stratégique
40. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Structuration
de
l’information
Design
fonctionnel
Documentation Conception
Conception
stratégique
Etudes
stratégiques
Stratégique
41. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Structuration
de
l’information
Design
fonctionnel
Spécification
logique
Documentation Conception
Conception
stratégique
Etudes
stratégiques
Stratégique
42. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Structuration
de
l’information
Design
fonctionnel
Spécification
logique
Documentation Conception
Analyses Conception
statistiques stratégique
Etudes
stratégiques
Stratégique
43. Design d’information pour le web
2. 4 axes de conception / Préambule
Tactique
Structuration
de
l’information
Design
fonctionnel
Spécification
logique
Documentation Conception
Analyses Conception
statistiques Stratégique
Etudes
stratégiques
Stratégique
44. Design d’information pour le web
2. 4 axes de conception / Préambule
Structuration Design Spécification
Conception
de fonctionnel logique
Stratégique
l’information
45. Design d’information pour le web
2. 4 axes de conception / Conception stratégique
‣ Conception stratégique
‣ Exploration conceptuelle
‣ Définition du contexte, des besoins, des moyens
46. Design d’information pour le web
2. 4 axes de conception / Conception stratégique
Mind map
✓ Initier la réflexion
✓ Dépasser les limites du projet
“A mind map is a diagram used to represent words, ideas, tasks, or other items linked to and
arranged radially around a central key word or idea. Mind maps are used to generate, visualize,
structure, and classify ideas, and as an aid in study, organization, problem solving, decision making,
and writing.”
http://en.wikipedia.org/wiki/Mind_Map
48. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Mindmap
Ressources
Commandes
Online training
Cahiers d e tendances Previews
Libres blancs
Peclers "Connect" Etudes d e c a s
Articles
Accès conférences fiches
p a r thématiques
Conférences Objets
Evènements Couleurs
Petits-déjeuners Conseil p a r format
Publications
Sons / ambiance
Training / séminaires Extension d e s cahiers
p a r saison
Photos / diapo rama
Accompagnement s ur fiches
missions inspirations
Coaching
PECLERS
Blog "current brieffing"
Ecoles d e design et mod e
Newsletter
Network étudiants Mentoring Veille interactive
Podcasts
Laboratoire participatif
Trend L a b 2.0
Devenez correspondant
("Trend watcher")
Veille
cf. Energie L a b
Etudes
Cahiers sociétaux
Processus d e conception p a r cible
Analyses
p a r marchés
Design
interviews portraits
Métier
Equipe
Index p a r thèmes
Accessibilité
spécialités p a r mot-clés
Référencement Recherche thématique
Visibilité indexation d e s cahiers d e
Périodicité d e s contenus tendance
Missions
Diffusion Questionnaire créatif
testimonials
51. Design d’information pour le web
2. 4 axes de conception / Conception stratégique
Framework
✓ Définir le périmètre de l’expérience utilisateur
✓ Servir de lguide à la conception des fonctions
53. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Framework
Extimate
What I do
Who I meet
Where I go
Who I am
Intimate
1
My account
My profile
My avatar
2
My bedroom
The school
Adventure places
3
Members
Friends
4
Edutainment modules
Media
Games
54. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Cas Peclers Paris
Cas : AFII
55. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Framework
Information &
documentation
Mise en Intégration
relation réseaux
63. INDIVIDUAL
PERSONAL PREFERENCES
EQUIPMENT
USER ENVIRONMENT
MICHELIN
TRAFFIC
COMMUNITY
COLLECTIVE
64. INDIVIDUAL
}
PERSONAL PREFERENCES
USER DATA
} EQUIPMENT
ENVIRONMENT
DATA MICHELIN
TRAFFIC
COMMUNITY
COLLECTIVE
65. My Account Brand website
Brand website
INDIVIDUAL
PERSONAL PREFERENCES
EQUIPMENT
USER MICHELIN
ENVIRONMENT
Dealers input Dealers input
TRAFFIC
COMMUNITY
User AskAsk Michelin,
Michelin,
COLLECTIVE Wikimedia
communities Wikimedia
66. Design d’information pour le web
2. 4 axes de conception / Conception stratégique
Modèle conceptuel
✓ Définir les besoins et les usages
✓ Définir les moyens
✓ Expliquer, éduquer
67. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Schéma conceptuel
68. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Schéma conceptuel
Plateforme Gifted
2D
post-achat
User concept model
Commande Livraisons
achat Produit
Feedbacks
pré-achat
Conseiller
personnel
Ambassadeurs
+ Groupes
Contenus et offres
personnalisées coach
recoit
suit
conseillent des
personnalise nouveautés peut renvoyer
Boutiques en ligne
Interface donne
customisée reçoit 2D
personnalise
crée
Gifted User browse, achète, Wishlist
Profil personnalise des produits
crée
Magazine crée
en ligne consulte Garde ajout de
organise produits
robe
crée 3D
consultent,
conseille essaient
visite partagent
Avatar
Espaces regarde,
virtuelles non- participe
marchands
Gifted Friends
consulte l!avatar
Evénements de ses amis
virtuels
envoie
des cadeaux
conduit à
Service cadeaux
3D
lundi 21 septembre 2009
69. Design d’information pour le web
2. 4 axes de conception / Conception stratégique / Schéma conceptuel
Mum!s experience concept model I WANT TO TELL OTHERS
I WANT TO PERSONALIZE
I WANT TO KNOW MORE
specific answer
specific answer
My
pregnancy
specific answer calendar
I WANT ANSWERS display My
maternity
display checklist
Growth
display curves My
Brand campaigns Food diary
specific answer understand
Product info understand First time & track
display
Mum Guide get
get practical
advices organized
mum
track & learn
Semantic Calculators
want to have product convert user
search
information understand
convert user understand the what my baby
First time what to feed baby needs
ask questions in natural Mum Guide mum
language IFP mum
My
want quick answers convert user convert user baby!s
mum check
get ideas for what to do growth
with baby curve
IFP
want quick answers get help with
give opinion
daily routine
understand trust products
baby track and Nestlé
Healthy start cherish
want to find best milk activities First
Milk milestones
want to retrieve Baby reader / Quality and organize
find solutions for special comparison album
informations about Translator security inspiration
needs
local maternities and trend
Baby spotting
want recipe ideas
QuickFinder routine save
want to save for Infant
money
handbook money
Maternity finder Formula My baby
handbook
inform
eCoupons
Recipe content Baby
drive to a fidelity program
eLoyalty naming tool
share
delegate
share
inform
share
family, friends