Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Au travers de la création d'une application Windows 8.1, découvrez comment intégrer efficacement l’ergonomie et le design dans vos développement ainsi que quelques savoir-faire UI & UX indispensables : observation, brainstorming, 6 to 1, prototypage, planches de tendances, grid design, tests utilisateurs.
Speakers : Jocelyn Tricoire (Bewise by Ai3), Axel Nemeth ( Bewise by Ai3)
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Cours de webdesign. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Au travers de la création d'une application Windows 8.1, découvrez comment intégrer efficacement l’ergonomie et le design dans vos développement ainsi que quelques savoir-faire UI & UX indispensables : observation, brainstorming, 6 to 1, prototypage, planches de tendances, grid design, tests utilisateurs.
Speakers : Jocelyn Tricoire (Bewise by Ai3), Axel Nemeth ( Bewise by Ai3)
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Audrey Rhodes nous parle de la méthode de Design Thinking.
https://www.figma.com/community/file/1179810074244677484
----
📝 ARTICLES ET PUBLICATIONS
Beyond double diamond -
Au dela du double diamant du design thinking
https://uxdesign.cc/beyond-the-double-diamond-thinking-about-a-better-design-process-model-de4fdb902cf
Préparer un design sprint -
Comment organiser un design sprint
https://ux.shopify.com/planning-a-design-thinking-workshop-with-constraints-538b8127b8cd
Design thinking, 8 écueils à éviter -
Des astuces pour un bon déploiement d'une
démarche design thinking
https://www.hbrfrance.fr/chroniques-experts/2017/03/14726-8-ecueils-a-eviter-tirer-profit-design-thinking/
Design sprint en 5 jours
Une explication de ce qu'est le design sprint
https://www.media.thiga.co/design-sprint-idee-prototype-5-jours
Design sprint vs Design thinking -
Différence expliquée entre design thinking et design sprint
https://www.exodigital.com.au/academy/design-thinking-vs-design-sprints
👨🏫 PRÉSENTATIONS
Design thinking & Agilité -
Comment combiner Design Thinking et Agilité
dans un projet
https://fr.slideshare.net/Matt_Gio/design-thinking-et-agilit
Good morning UX -
Les 15 grands principes du design thinking
https://www.slideshare.net/NewfluxUXBlog/good-morning-ux-3-grands-principes-du-design-thinking
📕 OUVRAGES & RESSOURCES
Enseigner et pratiquer le design thinking -
Un exemple complet de bonne pratique du
design thinking
https://fr.calameo.com/read/005884190171074bdf9e9
The most complete DT tools ressources -
Une liste de ressources & outils pour le design
thinking
https://soulless.medium.com/the-most-complete-design-thinking-tools-resource-collections-675f40de36f6
------------------
Retrouvez-nous sur https://friends.figma.com/cotonou/
Mtl apptalks ux mobile et ucd - janvier 2014Loic Nunez
Une conférence sur l'expérience utilisateur et la mobilité
Thèmes abordés :
- Conception centrée utilisateur
- Recherche utilisateur
- Bonnes pratiques et astuces
Qu'est-ce que le "Design Thinking" ? On en entend souvent parler.. Surtout quand on a un projet de branding/d'identité visuelle à créer ou à refondre. Le design thinking est une méthode de gestion de projet créative qui peut aider à répondre à plusieurs problématiques : création/refonte d'identité visuelle, retravailler votre positionnement, votre logo, vos valeurs, etc.
Durant ce webinar, nous allons vous présenter tous nos process de design thinking, nos ateliers clients, notre fonctionnement interne et nos astuces pour réussir votre projet.
Vous pensez que les utilisateurs n’y comprennent rien ? Vous croyez que l’Ergonomie, c’est juste du bon sens ? Vous êtes persuadé qu’en Informatique, l’Ergonomie ne concerne que les interfaces graphiques ? Vous avez déjà utilisé votre mère comme cobaye pour tester l’utilisabilité de vos interfaces ?
Si vous avez fièrement répondu « Oui » à au moins une de ces questions, votre situation n’est pas désespérée mais vous devriez lire cette présentation.
Problématique :
Comment augmenter la productivité des utilisateurs dans le cadre d’une utilisation d’applications professionnelles ?
Comment améliorer les taux de conversion et de fréquentation, notamment dans un contexte e-Commerce ?
Comment augmenter la satisfaction générale de vos utilisateurs ?
La réponse est simple, mais trop souvent négligée : l’ERGONOMIE !
Programme :
1. Qu’est-ce que l’Ergonomie ? Qu’apporte t-elle au Web ?
2. Ce que vous pensez savoir et ce que vous savez réellement sur l’Ergonomie.
3. Comment intégrer l’Ergonomie aux phases de conception d’applications ?
4. Problématiques et solutions concrètes.
5. Testez vos connaissances.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Construire et prototyper rapidement un concept d’application mobileStrasWeb
Pour qu’un produit fonctionne, le choix de fonctionnalités qui correspondent aux besoins utilisateur et apportent un avantage concurrentiel est essentiel.
Dans cet atelier de prototypage rapide, nous allons vous montrer qu’avec des techniques simples et adaptées, un peu de papier et stylos et 2 heures, il est possible de construire à plusieurs un prototype d’application mobile qui pourra servir de base de discussion avec par exemple un développeur ou un prestataire externe.
Nous vous donnerons des astuces et bonnes pratiques pour une conception centrée utilisateur efficace et rapide en amont du projet.
Allier UX et Agile : développer un produit de façon itératif tout en intégran...Agile Montréal
C'est à travers l'empathie, la collaboration, la remise en question et l'expérimentation que la pratique de l'expérience utilisateur (UX), au sein des équipes de projet, permet de mieux analyser les besoins des utilisateurs finaux et de s’assurer ainsi que le produit développé soit utile, utilisable et agréable.
Découvrez comment non seulement faire coexister mais aussi prospérer l'expérience utilisateur et le développement agile à travers une série d'outils et de techniques qui permettront de mieux comprendre vos utilisateurs finaux.
Ariane Beauchesne
Romain Pourchon
#Good Morning UX #2 : Grands principes du design thinkingNewflux UX/UI News
Découvrez la méthodologie de design thinking appliquée pour la conception de solutions innovantes. Vous comprendrez les différentes étapes qui constituent cette approche
Audrey Rhodes nous parle de la méthode de Design Thinking.
https://www.figma.com/community/file/1179810074244677484
----
📝 ARTICLES ET PUBLICATIONS
Beyond double diamond -
Au dela du double diamant du design thinking
https://uxdesign.cc/beyond-the-double-diamond-thinking-about-a-better-design-process-model-de4fdb902cf
Préparer un design sprint -
Comment organiser un design sprint
https://ux.shopify.com/planning-a-design-thinking-workshop-with-constraints-538b8127b8cd
Design thinking, 8 écueils à éviter -
Des astuces pour un bon déploiement d'une
démarche design thinking
https://www.hbrfrance.fr/chroniques-experts/2017/03/14726-8-ecueils-a-eviter-tirer-profit-design-thinking/
Design sprint en 5 jours
Une explication de ce qu'est le design sprint
https://www.media.thiga.co/design-sprint-idee-prototype-5-jours
Design sprint vs Design thinking -
Différence expliquée entre design thinking et design sprint
https://www.exodigital.com.au/academy/design-thinking-vs-design-sprints
👨🏫 PRÉSENTATIONS
Design thinking & Agilité -
Comment combiner Design Thinking et Agilité
dans un projet
https://fr.slideshare.net/Matt_Gio/design-thinking-et-agilit
Good morning UX -
Les 15 grands principes du design thinking
https://www.slideshare.net/NewfluxUXBlog/good-morning-ux-3-grands-principes-du-design-thinking
📕 OUVRAGES & RESSOURCES
Enseigner et pratiquer le design thinking -
Un exemple complet de bonne pratique du
design thinking
https://fr.calameo.com/read/005884190171074bdf9e9
The most complete DT tools ressources -
Une liste de ressources & outils pour le design
thinking
https://soulless.medium.com/the-most-complete-design-thinking-tools-resource-collections-675f40de36f6
------------------
Retrouvez-nous sur https://friends.figma.com/cotonou/
Mtl apptalks ux mobile et ucd - janvier 2014Loic Nunez
Une conférence sur l'expérience utilisateur et la mobilité
Thèmes abordés :
- Conception centrée utilisateur
- Recherche utilisateur
- Bonnes pratiques et astuces
Qu'est-ce que le "Design Thinking" ? On en entend souvent parler.. Surtout quand on a un projet de branding/d'identité visuelle à créer ou à refondre. Le design thinking est une méthode de gestion de projet créative qui peut aider à répondre à plusieurs problématiques : création/refonte d'identité visuelle, retravailler votre positionnement, votre logo, vos valeurs, etc.
Durant ce webinar, nous allons vous présenter tous nos process de design thinking, nos ateliers clients, notre fonctionnement interne et nos astuces pour réussir votre projet.
Vous pensez que les utilisateurs n’y comprennent rien ? Vous croyez que l’Ergonomie, c’est juste du bon sens ? Vous êtes persuadé qu’en Informatique, l’Ergonomie ne concerne que les interfaces graphiques ? Vous avez déjà utilisé votre mère comme cobaye pour tester l’utilisabilité de vos interfaces ?
Si vous avez fièrement répondu « Oui » à au moins une de ces questions, votre situation n’est pas désespérée mais vous devriez lire cette présentation.
Problématique :
Comment augmenter la productivité des utilisateurs dans le cadre d’une utilisation d’applications professionnelles ?
Comment améliorer les taux de conversion et de fréquentation, notamment dans un contexte e-Commerce ?
Comment augmenter la satisfaction générale de vos utilisateurs ?
La réponse est simple, mais trop souvent négligée : l’ERGONOMIE !
Programme :
1. Qu’est-ce que l’Ergonomie ? Qu’apporte t-elle au Web ?
2. Ce que vous pensez savoir et ce que vous savez réellement sur l’Ergonomie.
3. Comment intégrer l’Ergonomie aux phases de conception d’applications ?
4. Problématiques et solutions concrètes.
5. Testez vos connaissances.
Cours de webdesign, UX et UCD. Le but de ce cours n'est pas d'apprendre le métier de webdesigner dans sa globalité, mais d'être capable d'avoir un dialogue cohérent avec les acteurs du web. Cela leur permettra aussi de comprendre les codes et le langage du webdesign.
Construire et prototyper rapidement un concept d’application mobileStrasWeb
Pour qu’un produit fonctionne, le choix de fonctionnalités qui correspondent aux besoins utilisateur et apportent un avantage concurrentiel est essentiel.
Dans cet atelier de prototypage rapide, nous allons vous montrer qu’avec des techniques simples et adaptées, un peu de papier et stylos et 2 heures, il est possible de construire à plusieurs un prototype d’application mobile qui pourra servir de base de discussion avec par exemple un développeur ou un prestataire externe.
Nous vous donnerons des astuces et bonnes pratiques pour une conception centrée utilisateur efficace et rapide en amont du projet.
Allier UX et Agile : développer un produit de façon itératif tout en intégran...Agile Montréal
C'est à travers l'empathie, la collaboration, la remise en question et l'expérimentation que la pratique de l'expérience utilisateur (UX), au sein des équipes de projet, permet de mieux analyser les besoins des utilisateurs finaux et de s’assurer ainsi que le produit développé soit utile, utilisable et agréable.
Découvrez comment non seulement faire coexister mais aussi prospérer l'expérience utilisateur et le développement agile à travers une série d'outils et de techniques qui permettront de mieux comprendre vos utilisateurs finaux.
Ariane Beauchesne
Romain Pourchon
#Good Morning UX #2 : Grands principes du design thinkingNewflux UX/UI News
Découvrez la méthodologie de design thinking appliquée pour la conception de solutions innovantes. Vous comprendrez les différentes étapes qui constituent cette approche
3. recherche personas
contenu task model
architecture sitemap
wireflow wireframe
user testing visual design
intégration htmldév. back
contrôle qualité
stratégie
7. les personas sont
Des représentations de
votre public cible basées
sur la recherche et les
interviews.
Ces utilisateurs types
donneront la direction
pour la vision et le design
d’une solution web.
8. un persona de qualité
doit reposer sur de vraies personnes et
un travail de recherche rigoureux
9. et se concentre sur
• les objectifs-clé que les groupes
doivent atteindre
• Les comportements des utilisateurs
10. doit vous permettre de
Comprendre si oui ou non vos
décisions vont aider l’utilisateur.
16. objectifs-clé
Quels sont les objectifs de
l’utilisateur?
Envies, besoins, attentes
Quels sont les besoins et les attentes
identifés pour cet utilisateur
objectifs business
Quels objectifs veut atteindre
l’entreprise avec cet utilisateur?
freins & frustrations
Qu’est-ce qui aujourd’hui freine
l’utilisateur dans sa tâche?
•
•
•
•
•
•Matériel à disposition
informations personnelles
Profession
Lieu
Age
(ordinateur, tablette,
smartphone...)
•
•
•
•
•
•
Nom client nom du projetPrénom
geekiness
Capacités à utiliser le matériel
Scénario: décrire brièvement pourquoi cette et comment cette personne utiliserait votre produit
17. techniques
Interviews poussées:
• Parler à l’utilisateur
Call Center/Service client/Helpdesk:
• Récolter les feedback et des récurrences
Recherches ethnographiques
•Observer l’utilisateur dans son environnement
naturel pendant qu’il utilise l’outil
22. Montre ce que fait l’utilisateur et son
comportement à chaque étape d’une tâche.
23. Destination! Date / heure! Prix! Confirmation!
“Je ne cherche pas
forcément le moins cher.
C’est une combinaison de
choses.”!
Départ!
aéroport!
Spécificités!
Acheter tickets!
“Un siège côté
hublot”!
“Il y a peu d’aéroports d’où
je peux voler”!
“Je suis flexible avec les
horaires, mais je ne veux
pas me lever trop tôt.”!
“Normalement je ne veux
que le vol, mais je vais
regarder si on me propose
des spectacles
intéressants”!
“J’imprimerai mon ticket
juste avant le départ.”!
L’utilisateur doit pouvoir facilement
bouger entre ces différentes options
dans le but de prendre une décision
juste et claire.!
La personne n’est pas toujours
seule à ce stade de discussion!
But: Booker un vol pas cher pour NYC en juillet
34. Content requirements for choosing a boutique dress
How do users want content presented:
Photos – Large high quality photographs showing the front, back, detailing and a model shot. Copy – Clear and non-patronising. Users want to be reassured by the detailing, heritage and ethics.
Summary of core needs:
Pictures – What do the products look like? Price –Price, any applicable offers and easily accessibly delivery charges. Sizing and availability – What sizes are available and what are the
dimensions of our sizing? Do they have my size? Delivery time – When will I get it?
ID Page name What must users do?
The core purpose of the page.
What support do they need?
Include quotes from research.
Required elements and suggestions
Existing, new or amended assets.
1 Homepage Easily be able to locate and select the dresses
category.
If users have been to the site before they want
to get straight into the category listing,
however in testing it was noted that users
“may get side-tracked by other products on the
homepage”.
New users will want to get a sense that the
brand offers the types of clothes they would
buy.
Images of the latest seasons clothing.
Sale and offer information.
Clear navigation into the product categories.
2 Category listing Easily select a product they like the look of. Colour, price and style are all necessary.
An indication of available sizes is useful at this
stage, but can be omitted as long as it’s clear
on the product page.
“I just like looking through everything available
and clicking through to the dresses I like.”
Photos that show the front and back of garments:
Price and discount information.
Alternate color, if applicable
3 Product page Add the dress to their basket. Further images including details and model
shots. Sizing and availability. Delivery and
returns information.
“I often buy two different sizes to try both, so I
need to make sure it’s easy to send the one I
don’t want back”.
Large (fullscreen) photos both on and off models.
Detailed sizing guide with stock levels for each size and color.
Delivery and returns information.
Quantity and add to basket.
Product description including material, detailing information
and the designer.
60. La Maison
Les pièces d’exception
Les instruments d’écriture
Haute Ecriture
La Maison La Maison
Les pièces d’exception Les instruments d’écriture
La Maison
Artistes & professionnels
Loisirs
Les Beaux Arts
Maison
La Maison
Artistes & professionnels
La Maison
Histoire
Savoir-faire
Shops
Contacts
La Maison
afdsdfasdfsdfasdfa
fadsfjalskdf alkdsfj lkaj
lakjdf alkdsjf lakdsjgokv
okmcklmealk jaeiowv
clkml cmaoie aomeoc-
WIREFLOW
Sous-menu pastel / choix des différents
pastels
Switch entre les deux univers:
Haute Ecriture & Beaux Arts
Pastels
Liste roulante de tous les produits du
sous-menu
Catégories: Pastels, Crayons de couleur,
Pinceaux & Peintures
Pastels
61. 35
CHOICE MENU
WHAT’S NEW SHOWROOM SHOP
WHAT’S NEW SHOWROOM SHOP
SHOWROOM 2 SHOP 2
SHOP 3
WHAT’S NEW 2
PHOTO VIEW
DEPENDING
ON NEWS...
MY BASKET +
MY PLANET FIRST
INFOS ABOUT
PROJECTS
SLIDESHOW FULL SCREEN
68. Client « Super créa, vraiment on aime beaucoup, par
contre ça respecte pas vraiment notre charte. »
Nous « En même temps sans l’avoir vue… Vous pouvez
nous l’envoyer maintenant qu’on est votre agence. »
Client « Non, elle sort pas d’ici. »
visual design
viedecom.com