Design systems : Bench et reco sur les outilsIdean France
Cette liste d’outils permet de donner une bonne vision d’ensemble de ce qui existe aujourd’hui sur le marché. Les outils de design sont en évolution constante et rapide ces dernières années donc il faut s’attendre à beaucoup d’autres nouveautés. Pour en savoir plus, visionnez cette présentation réalisée par Audrey Hacq, Lead Designer chez Backelite
Design Systems : à votre marque, prêts, partez !Idean France
“Design System”, il semble que ce mot soit sur toutes les lèvres en ce moment… Mais qu’est-ce que cela signifie vraiment ? Quels sont les différents types de Design Systems ? Par où commencer et quelles sont les bonnes questions à se poser ?
Par Audrey Hacq, Lead Designer chez Backelite
Et parce que cohérence et productivité ne doivent pas rimer avec uniformisation, découvrez comment bien démarrer vos projets avec un concept créatif. Une présentation de Florian Cordier, Creative Lead chez Backelite : http://bit.ly/2lTCciA
Nous vous partageons cette présentation sur la recette graphique, réalisée par Aurélie Radom, Directrice Artistique / UI Designer chez Backelite. Au programme :
La collaboration entre Designers et Développeurs
- Qu'est-ce qu'une recette graphique ? - petite définition
- Une check-list non exhaustive (à destination des UI / UX / Dev) des éléments à vérifier lors d'une phase de recette, que vous pourrez étoffer / compléter
- Une liste d'outils (extensions web et apps) facilitant la recette du côté des designers et du côté des devs avec des fonctionnalités inspect, détection de typos, couleurs, superposition de maquettes en overlay, screenshots full page etc.
- Les bonnes pratiques avec le process idéal du côté des UI
Développer en mode Kick-Ass permet de vraiment faire les choses.
Dans cette présentation je montre comment:
- nous utilisons les Pull Requests pour la qualité du code
- collaborer rapidement pour développer vos idées
- éviter les meetings pour être productif
- raccourcir les boucles de retour pour échouer plus rapidement
- raccourcir vos cycles de livraison
- et travailler ensemble à travers différents continents.
Cela peut fonctionner aussi dans votre entreprise.
La gestion d'un projet web passe avant tout par une gestion des coûts saine.
Cette présentation a pour objectif de vous apporter la méthodologie afin d'optimiser votre budget depuis la conception à la réalisation.
Cette présentation est le support de la conférence : "Trucs & astuces pour optimiser son budget web" lors de l'événement Drupagora 2015
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...Flupa
La problématique : les militaires appelés à partir en OPération EXtérieure doivent accomplir une série de tâches administratives précédant leur départ. Ces parcours et leur relation avec les différents services s’avèrent très complexes et irritants dans un contexte déjà stressant. Les personnes touchées par cette problématique étant nombreuses, il a été décidé d’organiser un Design Sprint d’une semaine afin de réunir toutes les parties prenantes, et en particulier les militaires issus des 3 armées afin de les faire participer à la conception de leur futur outil, un portail web. Notre rôle en tant que designers (4 UX designers + 1 directeur artistique) a été d’animer les différents ateliers de conception, de revoir les parcours utilisateurs avec les militaires et de construire progressivement un prototype sous la forme de wireframes et de maquettes graphiques.
Les semaines qui ont suivi ce Design Sprint ont permis d’aboutir à un prototype plus détaillé, la réalisation de l’ensemble des wireframes et d’une planche de composants graphiques qui ont servi de base aux premiers développements.
Ce que nous souhaitons illustrer à travers ce retour d’expérience :
– le processus d’un Design Sprint
– l’approche collaborative avec les utilisateurs et plus largement l’ensemble des parties prenantes (commanditaire, utilisateurs, consultants, designers)
– l’expérience humaine : la rencontre des militaires et des designers, coupés du monde sur une base de défense pendant 5 jours.
Design systems : Bench et reco sur les outilsIdean France
Cette liste d’outils permet de donner une bonne vision d’ensemble de ce qui existe aujourd’hui sur le marché. Les outils de design sont en évolution constante et rapide ces dernières années donc il faut s’attendre à beaucoup d’autres nouveautés. Pour en savoir plus, visionnez cette présentation réalisée par Audrey Hacq, Lead Designer chez Backelite
Design Systems : à votre marque, prêts, partez !Idean France
“Design System”, il semble que ce mot soit sur toutes les lèvres en ce moment… Mais qu’est-ce que cela signifie vraiment ? Quels sont les différents types de Design Systems ? Par où commencer et quelles sont les bonnes questions à se poser ?
Par Audrey Hacq, Lead Designer chez Backelite
Et parce que cohérence et productivité ne doivent pas rimer avec uniformisation, découvrez comment bien démarrer vos projets avec un concept créatif. Une présentation de Florian Cordier, Creative Lead chez Backelite : http://bit.ly/2lTCciA
Nous vous partageons cette présentation sur la recette graphique, réalisée par Aurélie Radom, Directrice Artistique / UI Designer chez Backelite. Au programme :
La collaboration entre Designers et Développeurs
- Qu'est-ce qu'une recette graphique ? - petite définition
- Une check-list non exhaustive (à destination des UI / UX / Dev) des éléments à vérifier lors d'une phase de recette, que vous pourrez étoffer / compléter
- Une liste d'outils (extensions web et apps) facilitant la recette du côté des designers et du côté des devs avec des fonctionnalités inspect, détection de typos, couleurs, superposition de maquettes en overlay, screenshots full page etc.
- Les bonnes pratiques avec le process idéal du côté des UI
Développer en mode Kick-Ass permet de vraiment faire les choses.
Dans cette présentation je montre comment:
- nous utilisons les Pull Requests pour la qualité du code
- collaborer rapidement pour développer vos idées
- éviter les meetings pour être productif
- raccourcir les boucles de retour pour échouer plus rapidement
- raccourcir vos cycles de livraison
- et travailler ensemble à travers différents continents.
Cela peut fonctionner aussi dans votre entreprise.
La gestion d'un projet web passe avant tout par une gestion des coûts saine.
Cette présentation a pour objectif de vous apporter la méthodologie afin d'optimiser votre budget depuis la conception à la réalisation.
Cette présentation est le support de la conférence : "Trucs & astuces pour optimiser son budget web" lors de l'événement Drupagora 2015
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...Flupa
La problématique : les militaires appelés à partir en OPération EXtérieure doivent accomplir une série de tâches administratives précédant leur départ. Ces parcours et leur relation avec les différents services s’avèrent très complexes et irritants dans un contexte déjà stressant. Les personnes touchées par cette problématique étant nombreuses, il a été décidé d’organiser un Design Sprint d’une semaine afin de réunir toutes les parties prenantes, et en particulier les militaires issus des 3 armées afin de les faire participer à la conception de leur futur outil, un portail web. Notre rôle en tant que designers (4 UX designers + 1 directeur artistique) a été d’animer les différents ateliers de conception, de revoir les parcours utilisateurs avec les militaires et de construire progressivement un prototype sous la forme de wireframes et de maquettes graphiques.
Les semaines qui ont suivi ce Design Sprint ont permis d’aboutir à un prototype plus détaillé, la réalisation de l’ensemble des wireframes et d’une planche de composants graphiques qui ont servi de base aux premiers développements.
Ce que nous souhaitons illustrer à travers ce retour d’expérience :
– le processus d’un Design Sprint
– l’approche collaborative avec les utilisateurs et plus largement l’ensemble des parties prenantes (commanditaire, utilisateurs, consultants, designers)
– l’expérience humaine : la rencontre des militaires et des designers, coupés du monde sur une base de défense pendant 5 jours.
Un développeur sachant designer par Audrey HacqIdean France
Une interface équilibrée et compréhensible se doit de respecter certaines règles basiques de mise en page. C’est le métier du designer, pas celui du développeur.
Et pourtant, pour qu’une maquette soit correctement intégrée (et pour éviter ainsi à chacun de longues et pénibles heures de recette graphique), il est primordial que le designer et le développeur puissent se comprendre et parler le même langage.
Sauvez la princesse avec un design sprint Digital SummR17 - b.richy - f.liutBenjamin Richy
Le Design Sprint est une méthode de conception ultra-rapide peaufinée par l’équipe Google Ventures (Jake Knapp) qui a largement puisé dans le Design Thinking. Elle mélange habilement diverses techniques d’idéation et conception, soutenue par l’intelligence collective, et produit un résultat étonnamment riche de sens.
Oh toi preux chevalier (chevalière), empare-toi de l’arme magique pour terrasser le dragon à grand coup de Sprint et sauver ta princesse (ou ton prince), s’il elle (ou il) le vaut bien ! Est-il vraiment possible de réaliser cette quête en 5 jours au lieu de 5 mois ? Comprendre pourquoi et comment ça marche, exemples à l’appui, astuces en bonus !
A quoi sert un design sprint ? Bonne question et merci de l’avoir posée ;)
Un design sprint de rêve… "Le chevalier, la princesse et le dragon", laissez-vous guider au coeur de la méthode pour sauver la princesse !
Pourquoi ça marche ? Décryptage des moments clés, retours d'expériences et cas d'études pour comprendre les mécanismes de la méthode qui transcendent le projet.
(re)Apprendre à travailler ensemble...autrement. Quand le super cerveau du groupe devient plus puissant que la somme des individualités.
FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...Flupa
Dans l’environnement constamment changeant des nouvelles technologies, les designers UX doivent souvent pouvoir communiquer leurs connaissances par d’autres voies que des documents longs à préparer ou trop spécialisés. Quelles autres outils et techniques sont à notre disposition ? Dans quel contexte peut-on les utiliser ?
Il est loin le temps des wireframes et des kilomètres de spécifications fonctionnelles.
Inspiré des méthodes de Lean UX, nous avons souhaité tester et vérifier la faisabilité de la méthode du Rapid Prototyping pour une application tablette avec un de nos clients du milieu bancaire français.
Il s'agira de présenter la méthodologie employée et de partager un retour d'expérience concret sur ce qui nous a permit de réussir à concevoir et à développer, en 10 jours chez le client, un prototype cliquable d'application tablette avec une petite équipe constituée d'une UX, d'une UI designer, de développeurs front et d'un scrum master.
Nous verrons également la manière dont l'équipe a été constituée et ferons un état des lieux de ce qui a fonctionné ou non sur le projet.
Conférence à Paris - Comment designer du nozeswiping Friendly ? L'émergence des nouvelles technologies à généré de nouveaux usages, qui demandent une mutation des métiers.
Bienvenue à l'ère de l'expérience design.
https://www.periscope.tv/w/1jMJgnzBmQYGL
Analyse sur le marché du meuble et comment SolidWorks et les solutions Axemble permettent d’innover, de collaborer et de développer de nouveaux produits.
Unity 3D fait sans doute partie des logiciels de modélisation 3D et de création de jeu vidéo les plus performants actuellement. Il dispose d'une large gamme de fonctionnalités permettant de produire des modélisations 3D et des animations de qualité.
Unity 3D est un logiciel totalement gratuit.
Unity 3D est un puissant logiciel de traitement d'images 3D. Plus précisément, le programme permet de concevoir, de visualiser, et bien entendu de modifier des modélisations 3D. Il a été conçu pour être bien opérationnel et expert dans le domaine de la création de jeu vidéo.
Cette formation Unity 3D vous permettra de faire le tour intégral d’Unity, le logiciel de modélisation 3D dédié à la création de jeu vidéo, utilisé par de nombreux passionnés et professionnels.
Au cours de cette formation Unity 3D, vous aborderez les phases d’un projet concret de modélisation 3D d’un jeu vidéo, avec les fonctions de modélisation 3D, de la création du décor au personnage principal (robot) jusqu’à la programmation en C# des mouvements.
Avec cette formation Unity 3D, vous apprendrez à utiliser le logiciel de manière optimale afin de devenir un Spécialiste sur Unity.
Créer des composants visuels sans faire de composantpprem
Présentation du système de composants de Delphi et de l'utilisation de cadres (type TFrame) afin de simplifier la vie du développeur ne désirant pas tout coder à la main lorsqu'il fait ses propres composants.
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20190222.php
Utiliser des dessins vectoriels à la place d'imagespprem
En multiplateforme comme en desktop Windows classique la question de la résolution d’écran se pose de plus en plus. Delphi permet de gérer un certain nombre de choses de façon transparente et les nouveaux composants d’images multi résolutions pour la VCL présents depuis la version 10.3.3 Rio simplifient encore les choses.
Le problème c’est que si vous avez beaucoup de visuels dans vos projets VCL ou FMX vous devez y embarquer ces images dans plusieurs tailles différentes ce qui apporte des contraintes en terme de volume à déployer et de maintenance.
Il existe une solution : travailler avec des visuels vectoriels.
A l’origine le format SVG a été créé pour afficher des graphiques sur des pages web et les fichiers PDF mais il a bien vite remplacé les différents formats de cliparts utilisés dans les présentations PowerPoint et documents Word des années 90.
Il est possible de les utiliser aussi dans nos projets à l’aide de plusieurs solutions logicielles dont je vous présenterai une sélection.
Les outils utilisés lors de cette session seront : Delphi, Inkspace, Adobe Illustrator, des composants intégrés à Delphi et plusieurs librairies externes (dont les solutions proposées par RiverSoft, Winsoft et TMS Software).
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20200128.php
Conférence de Tanguy Le Duff (Lead UX Designer @Mega International ; Enseignant en UX Design) sur la thématique "ChatGPT : quel impact dans le Design?"
Recette anti-feuille blanche ! MVVM ou pas ? Une librairie ? Des dossiers ? Et si je me trompe ? Nous vous aiderons à bien organiser et architecturer votre projet Windows 8 et Windows Phone 8 et ses sources, à réutiliser votre code source, automatiser certaines tâches. Nous partagerons avec vous des bonnes pratiques et des retours d'expériences
Webinar une journee dans la peau d'un directeur artistiqueJulien Dereumaux
Découvrez le témoignage de Loïck, directeur artistique digital chez Pilot'in. Nous parlerons dans ce webinar des meilleures tendances design pour 2022 et aussi des meilleures et pires expériences d'un webdesigner en agence !
Au som-mer :
1) La journée type d’un designer en agence
2) Quel process et méthodologie utiliser pour garantir la qualité de son design
3) Les bonnes pratiques pour designer un site
4) Les sources d'inspiration
5) Les outils incontournables
Soyez prêt, ça va décoiffer !
Vous savez ce qu'il vous reste à faire, participez en live pour profiter de toutes les meilleures pratiques !
En plus c'est gratuit ! :-)
Bonus : les inscrits auront accès au replay et à la présentation qui sera envoyée directement par e-mail.
Conf 2023 TLD - ChatGPT impact dans le DesignTanguyLeDuff1
Conférence de Tanguy Le Duff (Lead UX Designer @Mega International ; Enseignant en UX Design) sur la thématique "ChatGPT : quel impact dans le Design?"
Utiliser l'EDI pour développer en multiplateformepprem
Ce webinaire vous permettra de découvrir ou redécouvrir les fonctionnalités de l’EDI de RAD Studio / Delphi / C++Builder en matière de conception d’écrans multiplateformes. Pour utiliser pleinement l’EDI avec FireMonkey vous vous devez de les connaître.
Nous aborderons les fonctionnalités du concepteur de fiches pour FireMonkey, la prévisualisation intégrée à l’EDI et la prévisualisation en temps réel sur des appareils mobiles.
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20190423.php
Un développeur sachant designer par Audrey HacqIdean France
Une interface équilibrée et compréhensible se doit de respecter certaines règles basiques de mise en page. C’est le métier du designer, pas celui du développeur.
Et pourtant, pour qu’une maquette soit correctement intégrée (et pour éviter ainsi à chacun de longues et pénibles heures de recette graphique), il est primordial que le designer et le développeur puissent se comprendre et parler le même langage.
Sauvez la princesse avec un design sprint Digital SummR17 - b.richy - f.liutBenjamin Richy
Le Design Sprint est une méthode de conception ultra-rapide peaufinée par l’équipe Google Ventures (Jake Knapp) qui a largement puisé dans le Design Thinking. Elle mélange habilement diverses techniques d’idéation et conception, soutenue par l’intelligence collective, et produit un résultat étonnamment riche de sens.
Oh toi preux chevalier (chevalière), empare-toi de l’arme magique pour terrasser le dragon à grand coup de Sprint et sauver ta princesse (ou ton prince), s’il elle (ou il) le vaut bien ! Est-il vraiment possible de réaliser cette quête en 5 jours au lieu de 5 mois ? Comprendre pourquoi et comment ça marche, exemples à l’appui, astuces en bonus !
A quoi sert un design sprint ? Bonne question et merci de l’avoir posée ;)
Un design sprint de rêve… "Le chevalier, la princesse et le dragon", laissez-vous guider au coeur de la méthode pour sauver la princesse !
Pourquoi ça marche ? Décryptage des moments clés, retours d'expériences et cas d'études pour comprendre les mécanismes de la méthode qui transcendent le projet.
(re)Apprendre à travailler ensemble...autrement. Quand le super cerveau du groupe devient plus puissant que la somme des individualités.
FLUPA UX-Day 2014 - Sophie Henry : "L’UX sans papier, ou comment faire de l’U...Flupa
Dans l’environnement constamment changeant des nouvelles technologies, les designers UX doivent souvent pouvoir communiquer leurs connaissances par d’autres voies que des documents longs à préparer ou trop spécialisés. Quelles autres outils et techniques sont à notre disposition ? Dans quel contexte peut-on les utiliser ?
Il est loin le temps des wireframes et des kilomètres de spécifications fonctionnelles.
Inspiré des méthodes de Lean UX, nous avons souhaité tester et vérifier la faisabilité de la méthode du Rapid Prototyping pour une application tablette avec un de nos clients du milieu bancaire français.
Il s'agira de présenter la méthodologie employée et de partager un retour d'expérience concret sur ce qui nous a permit de réussir à concevoir et à développer, en 10 jours chez le client, un prototype cliquable d'application tablette avec une petite équipe constituée d'une UX, d'une UI designer, de développeurs front et d'un scrum master.
Nous verrons également la manière dont l'équipe a été constituée et ferons un état des lieux de ce qui a fonctionné ou non sur le projet.
Conférence à Paris - Comment designer du nozeswiping Friendly ? L'émergence des nouvelles technologies à généré de nouveaux usages, qui demandent une mutation des métiers.
Bienvenue à l'ère de l'expérience design.
https://www.periscope.tv/w/1jMJgnzBmQYGL
Analyse sur le marché du meuble et comment SolidWorks et les solutions Axemble permettent d’innover, de collaborer et de développer de nouveaux produits.
Unity 3D fait sans doute partie des logiciels de modélisation 3D et de création de jeu vidéo les plus performants actuellement. Il dispose d'une large gamme de fonctionnalités permettant de produire des modélisations 3D et des animations de qualité.
Unity 3D est un logiciel totalement gratuit.
Unity 3D est un puissant logiciel de traitement d'images 3D. Plus précisément, le programme permet de concevoir, de visualiser, et bien entendu de modifier des modélisations 3D. Il a été conçu pour être bien opérationnel et expert dans le domaine de la création de jeu vidéo.
Cette formation Unity 3D vous permettra de faire le tour intégral d’Unity, le logiciel de modélisation 3D dédié à la création de jeu vidéo, utilisé par de nombreux passionnés et professionnels.
Au cours de cette formation Unity 3D, vous aborderez les phases d’un projet concret de modélisation 3D d’un jeu vidéo, avec les fonctions de modélisation 3D, de la création du décor au personnage principal (robot) jusqu’à la programmation en C# des mouvements.
Avec cette formation Unity 3D, vous apprendrez à utiliser le logiciel de manière optimale afin de devenir un Spécialiste sur Unity.
Créer des composants visuels sans faire de composantpprem
Présentation du système de composants de Delphi et de l'utilisation de cadres (type TFrame) afin de simplifier la vie du développeur ne désirant pas tout coder à la main lorsqu'il fait ses propres composants.
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20190222.php
Utiliser des dessins vectoriels à la place d'imagespprem
En multiplateforme comme en desktop Windows classique la question de la résolution d’écran se pose de plus en plus. Delphi permet de gérer un certain nombre de choses de façon transparente et les nouveaux composants d’images multi résolutions pour la VCL présents depuis la version 10.3.3 Rio simplifient encore les choses.
Le problème c’est que si vous avez beaucoup de visuels dans vos projets VCL ou FMX vous devez y embarquer ces images dans plusieurs tailles différentes ce qui apporte des contraintes en terme de volume à déployer et de maintenance.
Il existe une solution : travailler avec des visuels vectoriels.
A l’origine le format SVG a été créé pour afficher des graphiques sur des pages web et les fichiers PDF mais il a bien vite remplacé les différents formats de cliparts utilisés dans les présentations PowerPoint et documents Word des années 90.
Il est possible de les utiliser aussi dans nos projets à l’aide de plusieurs solutions logicielles dont je vous présenterai une sélection.
Les outils utilisés lors de cette session seront : Delphi, Inkspace, Adobe Illustrator, des composants intégrés à Delphi et plusieurs librairies externes (dont les solutions proposées par RiverSoft, Winsoft et TMS Software).
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20200128.php
Conférence de Tanguy Le Duff (Lead UX Designer @Mega International ; Enseignant en UX Design) sur la thématique "ChatGPT : quel impact dans le Design?"
Recette anti-feuille blanche ! MVVM ou pas ? Une librairie ? Des dossiers ? Et si je me trompe ? Nous vous aiderons à bien organiser et architecturer votre projet Windows 8 et Windows Phone 8 et ses sources, à réutiliser votre code source, automatiser certaines tâches. Nous partagerons avec vous des bonnes pratiques et des retours d'expériences
Webinar une journee dans la peau d'un directeur artistiqueJulien Dereumaux
Découvrez le témoignage de Loïck, directeur artistique digital chez Pilot'in. Nous parlerons dans ce webinar des meilleures tendances design pour 2022 et aussi des meilleures et pires expériences d'un webdesigner en agence !
Au som-mer :
1) La journée type d’un designer en agence
2) Quel process et méthodologie utiliser pour garantir la qualité de son design
3) Les bonnes pratiques pour designer un site
4) Les sources d'inspiration
5) Les outils incontournables
Soyez prêt, ça va décoiffer !
Vous savez ce qu'il vous reste à faire, participez en live pour profiter de toutes les meilleures pratiques !
En plus c'est gratuit ! :-)
Bonus : les inscrits auront accès au replay et à la présentation qui sera envoyée directement par e-mail.
Conf 2023 TLD - ChatGPT impact dans le DesignTanguyLeDuff1
Conférence de Tanguy Le Duff (Lead UX Designer @Mega International ; Enseignant en UX Design) sur la thématique "ChatGPT : quel impact dans le Design?"
Utiliser l'EDI pour développer en multiplateformepprem
Ce webinaire vous permettra de découvrir ou redécouvrir les fonctionnalités de l’EDI de RAD Studio / Delphi / C++Builder en matière de conception d’écrans multiplateformes. Pour utiliser pleinement l’EDI avec FireMonkey vous vous devez de les connaître.
Nous aborderons les fonctionnalités du concepteur de fiches pour FireMonkey, la prévisualisation intégrée à l’EDI et la prévisualisation en temps réel sur des appareils mobiles.
La rediffusion de cette présentation est disponible avec ses codes sources et des liens complémentaires sur https://serialstreameur.fr/webinaire-20190423.php
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...SOAT
Plus de 50% des internautes français utilisent un support mobile pour naviguer sur le web. Il est donc temps de repenser votre stratégie mobile et le Responsive Web Design, consistant à ne faire qu’un seul site adapté au périphérique qui l’affiche, constitue une approche possible.
Après une introduction à ses principes, nous verrons qu’au-delà des défis techniques, le RWD suppose de revoir entièrement le processus de développement d’un site web et les méthodes de travail des équipes, que ce soit en phase de conception ou lors des tests.
Cette conférence sera l’occasion de découvrir les nouveaux challenges à relever par vos équipes lors de la conception de vos prochains sites internet.
Have a look to my LinkedIn profile for the english version of this resume : https://www.linkedin.com/in/yannickdupuis/
"The best way to predict the future is to invent it." @AlanKay
But without the ability to execute, a vision will always remain a vision.
My ability to pioneer and quickly acquire new skills has helped me to build and manage complex technical environments for startups and big companies on their critical projects. With my proven experience in web technologies, I have at heart to develop things as a team and focus energies to serve common ambitions because "alone we go faster, together, we go further."
Liste des logiciels et ressources d'autoformation proposés à la Logithèque de la Médiathèque de Lorient.
Ouvert tous les après-midi à partir de 14 h
ouvert à tous - gratuit
Similaire à Meetup langages visuels - Backelite - novembre 2017 (20)
Start with a Concept and Stop Designing like a MachineIdean France
From idea to execution.
The digital industry is moving fast. Creative people need to be more productive as competition is growing up everyday. While many tasks can be more and more automated, conceptualization remains a powerful, efficient and truly human tool to create strong, memorable and engaging experiences.
A keynote by Florian Cordier, Lead Creative @Backelite.
Because a good concept is nothing if it's not share with the teams, you can check this presentation about Design Systems by Audrey Hacq, Lead Designer @Backelite: http://bit.ly/2MNo1qW
From Business to Buttons by Pierre HarléIdean France
What we've learned after going to the "From Business to Buttons" conference in Stockholm on April 27, 2017 :
- Story first : create products that engage ( Donna Lichaw)
- When UX goes offline ( Katie Dill, Director of Experience Design at Airbnb)
- Evolving design systems for flexibility and scale ( Dawn Ressel, Design strategist at Intuit Design System)
- Engaging with compassion ( Eric Meyer, Web legend and author of "Design for Real Life")
- How to fight fascism (Mike Monteiro, Co-founder and Design Director at Mule Design)
A developer who knows how to design by Audrey HacqIdean France
A balanced and understandable interface must follow certain basic page layout rules. This is the job of the designer, not of the developer.
Yet, in order for a mockup to be put together correctly, (and therefore to avoid long and painful hours of revisions), it is vital that the designer and the developer understand each other and speak the same language.
Read on for our guiding principles that will help developers better understand design.
Introduction et présentation de CocoaPods et ses bonnes pratiques. Tout ce qu’il faut savoir sur son fonctionnement, comment et pourquoi écrire ses propres librairies tierces et bien utiliser cet outil (astuces et bonnes pratiques).
Messages Extensions par Nicolas FontaineIdean France
Les Message Extensions, nouveauté iOS10, quelle valeur ajoutée ? Comment ça marche ? Cette présentation répond à vos questions et vous guide sur la manière de créer / architecturer votre extension en swift.
App groups, faire communiquer ses applications {Cocoaheads Montpellier}Idean France
Présentation et live coding - Les apps groups permettent à vos applications de communiquer, d’échanger toutes sortes de données. Une véritable pluvalue pour un écosystème applicatif que vous pourrez appréhender plus sereinement après cette intervention.
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...Idean France
Les UX Days de FLUPA sont l'occasion de revenir sur les sujets UX qui ont marqué l'année. Les 16 & 17 juin, Marie-Amélie Cotillon, Responsable du Studio Créatif chez Backelite, a eu l'occasion de présenter une conférence : "Quand les militaires se prennent au jeu du Design Sprint". Au cours de ce Design Sprint, nous avons eu la chance de travailler avec le personnel des 3 armées pour penser et concevoir un portail ayant pour but de faciliter le départ des militaires en OPEX (Opérations Extérieures). Nous avons réalisé divers ateliers pour trouver la meilleure façon d'optimiser le parcours utilisateur et ainsi simplifier et faciliter l'expérience utilisateur globale. Face au succès rencontré, nous vous proposons de découvrir sa présentation et de vous immerger dans ce projet qui nous a passionnés !
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...Idean France
Suite au dernier meetup CocoaHeads de Montpellier du 12 mai 2016, retrouvez le compte rendu de la conférence "Programmation réactive sur iOS avec Réactive Cocoa" !
How to design forms that deliver a great user experienceIdean France
Everyone can agree: filling out forms can be painful, boring and long! However, forms allow brands and sites to collect vital information and are often a first or key interaction in a service's interface. With this in mind, it's essential to carefully design forms to make sure you are delivering the best possible user experience!
We've compiled a list of a few best practices that can make forms intuitive and playful, creating a more positive relationship between consumers and brands.
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Idean France
Remplir un formulaire, c’est pénible. Tout le monde s’accorde sur ce point. Pourtant, le formulaire permet de collecter des données, d’interagir avec un service, de devenir acteur d’une interface. Il est donc essentiel de soigner vos formulaires pour assurer la meilleure expérience utilisateur possible !
Suivre quelques bonnes pratiques peut rendre un formulaire intuitif et ludique, instaurant ainsi une relation positive entre l’humain et la marque.
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...Idean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine des développeurs iOS, Gilles Grousset, Development Team Manager chez Backelite, a présenté comment les équipes techniques font l'analyse de code statique avec Objective-C et SWIFT.
98. Backelite - Digital Service Design by Capgemini 98
La typo,
ça vous parle ?
La typographie est un language visuel qu’il faut désormais considérer
non plus comme un simple outil de diffusion de l’information mais
comme un moyen d’expression, une matière vivante, interactive,
créative et en mutation constante.
99. Backelite - Digital Service Design by Capgemini 99
Bonsoir,
je m’appelle Montserrat.
100. Backelite - Digital Service Design by Capgemini 100
Je n’ai pas été choisie
par hasard
Contexte
Valeurs véhiculées
Attributs
Disponibilité
101. Backelite - Digital Service Design by Capgemini 101
Je n’ai pas été choisie
par hasard
Présentation Keynote
Elégance et modernité
9 graisses et 18 styles
Open source
102. Backelite - Digital Service Design by Capgemini 102
J’ai un message
de fond à vous
faire passer
BIG
TYPE IS THE
NEXT THING
103. Backelite - Digital Service Design by Capgemini 103
Du coup j’y mets
les formes
BIG
TYPE IS
THE NEXT
THING
104. Backelite - Digital Service Design by Capgemini 104
Aujourd’hui, je prends
de plus en plus de
place sur vos écrans
105. Backelite - Digital Service Design by Capgemini 105
J’ai donc besoin
de suivre
certaines règles
pour me faire
bien comprendre.
https://medium.muz.li/typography-that-sacred-cow-ea7a5909ca70
106. Backelite - Digital Service Design by Capgemini 106
https://www.propublica.org/article/how-typography-can-save-your-life
IL EST TOTALEMENT INUTILE DE
ME FAIRE HURLER SUR PLUSIEURS
LIGNES EN PENSANT QUE JE VAIS
ME FAIRE REMARQUER.
107. Backelite - Digital Service Design by Capgemini
IL EST TOTALEMENT INUTILE DE
ME FAIRE HURLER SUR PLUSIEURS
LIGNES EN PENSANT QUE JE VAIS
ME FAIRE REMARQUER.
107
https://www.propublica.org/article/how-typography-can-save-your-life
108. Backelite - Digital Service Design by Capgemini
Il est totalement inutile de
me faire HURLER sur plusieurs
lignes en pensant que je vais
me faire remarquer.
108
https://www.propublica.org/article/how-typography-can-save-your-life
109. Backelite - Digital Service Design by Capgemini 109
Cela fait longtemps que
les designers ont pris
conscience de mon
potentiel graphique
110. Backelite - Digital Service Design by Capgemini 110
Section Title
Backelite - Digital Service Design by Capgemini
111. Backelite - Digital Service Design by Capgemini 111
J’ai donc été très vite
adoptée par des
sites expérimentaux
119. Backelite - Digital Service Design by Capgemini 119
Certains pensent
même que je
suis l’avenir de
l’interface.
https://www.toptal.com/designers/ui/type-design
120. Backelite - Digital Service Design by Capgemini 120
++-
https://www.fontself.com/
Chez Backelite,
on a eu envie de
me trypoter un peu
121. Backelite - Digital Service Design by Capgemini 121
Chez Backelite,
on a eu envie de
me trypoter un peu
https://www.fontself.com/
122. Backelite - Digital Service Design by Capgemini 122
Avant de vous quitter,
je voulais vous montrer
une dernière chose…
124. Backelite - Digital Service Design by Capgemini 124
https://www.behance.net/gallery/57732371/2017-Brand-New-Conference-Identity
125. Backelite - Digital Service Design by Capgemini 125
Je m’appelle Montserrat.
Et je fais partie des milliers de typos
qui ne demandent qu’à prendre vie
dans vos designs.
Merci.
129. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
129
90’s
Une enfance kikoolol
2000’s
Une adolescence
malmenée par Flash
1987
La naissance du GIF
Le GIF a 30 ans :
L’âge d’or ?
2010’s
Le grand retour grâce
aux réseaux sociaux
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
130. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
dans nos mails
sur les articles
dans nos SMS
sur les réseaux sociaux
et même dans nos claviers !
130
Le GIF
pour s’exprimer
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
133. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
133
Le Pop Art pour les nuls
Icones et célébrités Médias populaires Collages et contexte Répétition
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
134. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
134
Le Pop Art pour les nuls
Icons et célébrités
Backelite - Digital Service Design by Capgemini
Médias populaires Collages et contexte Répétition
Meetup langages visuels
135. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
135Backelite - Digital Service Design by Capgemini
Médias populaires Collages et contexte RépétitionIcons et célébrités
Le Pop Art pour les nuls
Meetup langages visuels
136. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
136Backelite - Digital Service Design by Capgemini
Médias populaires RépétitionIcons et célébrités Collages et contexte
Le Pop Art pour les nuls
Meetup langages visuels
137. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
137Backelite - Digital Service Design by Capgemini
Médias populairesIcons et célébrités Collages et contexte Répétition
Le Pop Art pour les nuls
Meetup langages visuels
138. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
138Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans une volonté de s’inscrire dans cette ère
d’industrialisation, les peintures du mouvement
Pop Art reprennent les codes graphiques des
impressions à grande échelle avec des techniques
très économiques qui vont limiter le nombre de
couleurs et créer une trame.
La compression comme
signature et identité
graphique
139. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Pop Art 2.0 ?
139Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Le GIF emprunte des codes du Pop Art parce qu’ils sont
tous les deux connectés à notre culture populaire. Mais
plus qu’un mouvement artistique, est-ce que le GIF ne
serait pas plutôt un outil artistique ? Au même titre que
la peinture, le cinéma, la photographie, la sculpture ou
l’écriture, le GIF a-t-il sa place auprès de ces techniques
d’expressions ?
Il y a un véritable mouvement artistique autour du
medium qu’est le GIF, de nombreux artistes (des « gifs
artistes ») émergent et de véritables créations artistiques
jouent avec les contraintes du GIF.
140. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
140
Cinemagraphs
http://cinemagraphs.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
141. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
141
davidope
http://dvdp.tumblr.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
142. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
142
Micaël Reynaud
http://dunun-koken.dunun.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
143. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
143
Romain Laurent
http://www.romain-laurent.com/
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
144. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
144
INSA
http://gif-iti.tumblr.com/
https://www.theguardian.com/artanddesign/jonathanjonesblog/2015/jan/26/art-gifs-insa-biggest-animated-technology
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
145. Anna Hrachovec // Bernard Demenge // Cyriak // Erdal Inci // Kiszkiloszki // kyttenjanae // Nicolas Fong // Ori Toor // Said Dagdeviren // Scorpion Dagger // Sholim // Tom Morris
Et tellement d’autres encore, tout ceci n’est qu’un petit échantillon de l’étendue du mouvement qui existe actuellement !
147. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
147Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Ce qui est particulièrement amusant avec ces
usages, c'est que certains ont un tel impact et un
tel succès que l'on ne peut plus voir la scène sans
penser au GIF. L'appropriation et la circulation des
fictions produites par les industries culturelles les
transforment donc et donnent un autre sens au
texte vu dans sa globalité.
Quand l’oeuvre dépasse
la fiction
148. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
148Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Grâce à l’AR Kit d’Apple, les usages de la réalité
augmentée se développent et l’un des premiers
acteurs à se positionner n’est autre que le célèbre
Giphy qui permet de faire vivre les fameuses
animations dans notre quotidien.
Une façon de pour le GIF de se ré-inventer et de
dépasser nos écrans ?
iOS 11 invite le GIF dans
notre réalité (augmentée)
149. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
149Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Depuis 2011, un groupe sur Facebook milite pour
lancer le premier festival international du GIF, qui
se tiendrait naturellement à Gif-Sur-Yvette !
Le Festival international
du GIF
150. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
150Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Début février 2014, la Saatchi Gallery de Londres, s’est
associée à Google+ pour lancer un concours de
photographies en mouvement sous format GIF.
Même si Saatchi présente son initiative comme le
«premier concours international» du genre, elle avait
été un peu précédée par la Tate. En janvier 2014, la
Tate Britain a en effet créé un nouveau prix pour l’art
numérique à l’occasion duquel elle a également invité
le public à créer des GIFs et à les soumettre dans le
cadre d’un concours.
Le GIF s’expose
152. Meetup langages visuelsMeetup langages visuels
En octobre 2015, Instagram lance son application Bommerang qui permet
de générer une courte vidéo en boucle de quelques secondes : un héritage
du GIF qui influence la vidéo ?
Car si le Pop Art emprunte ses matériaux à la culture de masse, celle-ci en
retour profite de ses innovations stylistiques. Et cela se traduit probablement
grâce à des outils comme Boomerang qui permettent de créer soi même
des GIFs non pas depuis une pub, un clip ou un film mais directement
depuis notre vie réelle. Un ancrage du GIF significatif dans notre quotidien et
qui influence notre réalité petit à petit. Que ce soit dans les stories ou votre fil
Instagram, on voit éclore de plus en plus ces nouveaux types de GIF où nous
sommes à la fois acteurs, réalisateurs et metteurs en scène de nos propres
histoires.
Le GIF ne se nourrit plus seulement de la culture populaire : il la crée.
Retour
de boomerang
154. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
154Backelite - Digital Service Design by Capgemini
Meetup langages visuels
https://youtu.be/vlAsabCSJsM
http://www.adweek.com/creativity/bacardi-liberates-a-caribbean-town-from-the-shackles-of-instagrams-boomerang/
155. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
155Backelite - Digital Service Design by Capgemini
Meetup langages visuels
https://youtu.be/leGIvWUFeEw
http://www.adweek.com/creativity/this-crazy-gif-filled-beer-ad-pleads-for-a-break-from-the-insanity-of-gifs/
156. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
http://www.ninaricci.com/larue/
157. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
http://golem13.fr/prada-vahram-muratyan-
printemps-ete-2012/
158. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
https://www.fastcompany.com/1681462/steven-
meisel-shoots-diesels-cinemagraphic-ad-
campaign
159. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la mode
et le luxe
http://www.webandluxe.com/02/2012/burberry-
offre-une-seconde-jeunesse-aux-gifs-animes/
160. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Dans la BD
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
http://stephenvuillemin.com/
161. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Yelle ou encore M.I.A. utilisent le format du GIF
pour composer leurs clips ou jouer avec leur
esthétique en les intégrant avec elles.
Dans la musique
Backelite - Digital Service Design by Capgemini
Meetup langages visuels
YELLE - La Musique
YELLE - Ba$$in
M.I.A - XOXO
M.I.A - 3D GIF
162. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
162Backelite - Digital Service Design by Capgemini
Meetup langages visuels
Une application pour écouter l’album mais pas
seulement. On y trouve notamment entre autres
un générateur de gifs animés. Intéressant pour un
album thématique sur le questionnement du pop
art d’aujourd’hui non ?
https://www.theguardian.com/technology/2013/no
v/11/hands-on-with-lady-gagas-artpop-album-app
Le GIF pour fédérer
sa communauté
163. Backelite - Digital Service Design by Capgemini
Meetup langages visuels
163Backelite - Digital Service Design by Capgemini
Meetup langages visuels
1 2 3LE GIF EST POPULAIRE
Et il se nourrit de cette culture
populaire pour exister.
Il nous sert à communiquer et
à nous exprimer avec une
palette infinie d’émotions.
LE GIF NOUS INFLUENCE
Et après s’être approprié notre
culture populaire, il s’y intègre
et prend une place telle qu’il
influence notre quotidien,
notre culture et tout ce qui
nous entoure.
LE GIF A 30 ANS
Et il vit un peu son âge d’or
après avoir connu des débuts
douteux et difficiles.
Merci les réseaux sociaux.
Le GIF, le Pop Art, les
langages visuels…
166. Backelite - Digital Service Design by Capgemini 166
Meetup langages visuels
Contact
Audrey HACQ
Lead UI Designer
audrey.hacq@backelite.com
Florian CORDIER
Directeur de Création
florian.cordier@backelite.com
Jules MAHÉ
Lead UI Designer
jules.mahe@backelite.com
Backelite - Digital Service Design by Capgemini
https://www.backelite.com/fr/