La culture du metier de l'UX/UI designer d'aujourd'hui.

1. Culture design

2. About
Kévin Tonon
www.roulartamedia.be/en
UX/UI DESIGNER @Roularta Media Group

3. SOMMAIRE
Quel mindset adopter pour être un bon designer ?
UX Design
Dribbble & Sketch & Visibilité
A/B testing & tracking & Data analyse
Les KPI et les métriques

4. Quel mindset à
adopter pour être un
bon designer ? Guy Ligertwood - article medium

5. Arrêter de croire que
vous pouvez régler les
problèmes seuls

6. Ne travaillez pas avec
une entreprise qui ne
comprend pas l’UX

7. Ne cherchez pas à suivre
tout ce qui se passe dans le
monde de la technologie

8. Soyez sain !
“The mind and body are not seperate. What affects one
affects the other”

9. Gardez un oeil sur les outils
qui sortent chaque jour,
ils pourraient vous faciliter la vie.

10. Prenez votre temps dans l’UX,
vous y gagnerez dans l’UI.

11. Le moment ou vous faites des
erreurs vous apprenez, sachez-le.

12. Arrêter de travailler avec des
gens toxiques. Vous devez vous
entourer des gens inspirants.

13. Vous apprenez VRAIMENT lorsque
vous sortez de votre zone de
confort

14. UX Design

15. Qu’est ce que
l’ UX ?

17. UXUI

20. NE JAMAIS SE LANCER À L’AVEUGLE

22. La bonne
méthodologie UX
(en interne)

23. Planification & Analyse
Research
Competitors
User story
User knowledge
data analysis
List of all features
1
Exploration
Good flow & Bad flow
Wireframing
Idea prototype
3
Definition
2
Identify & prioritize
the problem

24. Conception
UI Design & Guidelines
HTML5/CSS3
4
Evaluation
5
Validation Or iteration

25. 1 32 4 5
Planification
& Analyse
Définition Exploration Conception Evaluation

26. 1
3 2
Build
MeasureLearn

28. La bonne
méthodologie UX
(pour un client)

29. Comment amener l’UX à un client ?
Les clients ne comprennent jamais bien l’UX
Les clients ont des problèmes et attendent des solutions
Ils vous choisissent parce que vous allez résoudre leur problème d'UX.
Ils vous choisissent parce que vous allez livrer.

30. Raisonner toujours en termes de problèmes / solutions
Quels sont les problèmes que nous allons résoudre ?
Les solutions proposées
(que proposez-vous de faire pour résoudre ces problèmes ou créer de
nouvelles opportunités?)
Résultat attendu
(qu'attendons-nous de ce résultat [mesure du succès] suite à cela?

31. “À partir de datas, nous obtenons des idées qui
créent des croyances.
Basés sur nos croyances, nous créons des paris.”
Product Designer @spotify

32. USER
EXPERIENCE
est...

33. Their benefits
Fast
No heavy deliverable
Iterate
Learn about users
Scalable
Fewer unnecessary feedback

34. Dribbble <3
Behance
Tumblr
Linkedin
Angel.co
Medium.com Guy Ligertwood - article médium

35. Dribbble <3
Communauté élitiste pour les designers !
Avoir une invitation
Travail de qualité
Le premier shot est TRÈS important

36. Behance & Tumblr

37. Linkedin
Angel.co
Medium.com

38. Sketch
Zeplin
Principle

39. Material design
Flat design
ModernUI
VUI
UX
Interactivité
IA

40. Ressources
Comment conduire une recherche UX comme un pro ?
careerfoundry.com/en/blog/ux-design/how-to-conduct-user-experience-research-l
ike-a-professional/
https://uxdesign.cc/
https://www.nngroup.com
http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/
https://www.uxpin.com/studio/ebooks/
http://uxchecklist.github.io/
Chaîne youtube :
https://www.youtube.com/channel/UCnpdR3kXJgs2y8o_PNddZxQ

41. A/B TestingSource : unbounce.com/a-b-testing/shocking-results/

42. Test 1: Trial Sign-Ups
Version A Version B

43. Test 1: Trial Sign-Ups
Version B increased sign-ups by
38%

44. Test 2: Which Landing Page Got 24% More Lead Generation Form Submissions
Version A Version B

45. Test 2: Which Landing Page Got 24% More Lead Generation Form Submissions
Version A was the page that got
the 24% increase in submissions,
simply by removing the image from
the page

46. Which Radically Redesigned Form Increased B2B Leads By 368.5%?
Version A Version B

47. Which Radically Redesigned Form Increased B2B Leads By 368.5%?
The overall result is that the user feels it is
less of a chore to complete the form over
version B.

48. Does Matching Headline & Body Copy to Your Initial Ad Copy Really Matter?
Version A Version B

49. Does Matching Headline & Body Copy to Your Initial Ad Copy Really Matter?
Version B looks as if it should be better:
the headline copy is snappier, the
sub-head clearer, but in tests version A
increased leads by 115%.

50. Rétention
Objectif : Regarder les cohortes
Faire en sorte que l’utilisateur reviennent régulièrement.
Il est actif sur le site.

52. Data Analysis

53. MixPanel

54. Hotjar
Screen recording, funnels, heatmaps

55. Prenez toujours des décisions
en étant focus sur vos datas

56. La rétention est le plus
important, plus que
l'acquisition

57. Etudiez vos cohortes

58. Les KPI et les Métriques

59. Définitions
KPI : Key Performance Indicator
Et un KPI est une métrique mais une métrique n’est
forçemment une KPI

60. Métriques
Un langage commun qui permet de guider les décisions

61. Exemple de métriques
Active users (Utilisateurs Actifs)
Average lifespan in months ( durée de vie des utilisateurs)
Customer lifetime value (CLV)
Cost per acquisition (CPA)

62. La métrique d’instagram
Le nombre de partage de photos par mois
KPI Fréquence

63. Parlez à vos utilisateurs
Identifier comment cet utilisateur a connu votre service.
Identifier si l’utilisateur comprend ce que vous faites.
Déterminer l’utilisation du produit. (et la fréquence)
Déterminer si cet utilisateur a déjà recommandé votre
service à une personne extérieure et dans quel contexte.

64. Parlez à vos utilisateurs
Et sortez des sentiers battus :
N'hésitez pas à les rencontrer dans la vie

65. Do you have any questions ?

66. Tu as de quoi t’amuser aujourd’hui
Identifier et trouver la friction (le problème utilisateur)
sur un onboarding:
Exemple : levif.be/info/abonnements/
Proposer plusieurs prototypages d’amélioration UX en
justifiant les choix.

67. Insane growth hacking :)
Partage des meilleures astuces de growth hacking et en français