31
SALUT ! LAURENCE VAGNER UX designer Consultante iKe à Luxembourg @hellgy redisdead.net

Uxdesign & hackathon

Embed Size (px)

Citation preview

Page 1: Uxdesign & hackathon

S A L U T !L A U R E N C E V A G N E R

UX designer Consultante iKe à Luxembourg

@hellgy redisdead.net

Page 2: Uxdesign & hackathon

U X D E S I G N &

H AC K AT H O NU N G U I D E D E S U R V I E

Page 3: Uxdesign & hackathon

C ’ E S T Q U O I ?48 heures pour un projet Site, application, jeu vidéo, etc …Un thème plus ou moins précis

Pourquoi participer ? Challenge, side project, fun, prix/gloire, rencontres, sortir de sa zone de confort et tester de nouvelles choses

H A C K A T H O N / G A M E J A M

Page 4: Uxdesign & hackathon

E X E M P L E S

Page 5: Uxdesign & hackathon

J U M P & P U K EG L O B A L G A M E J A M 2 0 1 2

Page 6: Uxdesign & hackathon

Y E L L E R C OAS T E RG L O B A L G A M E J A M 2 0 1 5

Page 7: Uxdesign & hackathon

À B I C Y C L E T T EH A C K G E N L O R

Page 8: Uxdesign & hackathon

J E V E U X U N E P I Z Z AH A C K G E N M E T Z

Page 9: Uxdesign & hackathon

K R A F T W U R S C H TH A C K M U S I C T E C H

Page 10: Uxdesign & hackathon

G U I D E D E

S U R V I E

Oubliez tout ! (ou presque)

Ça va être intensif et express

H E L L G Y L E S B O N S T U Y A U X

Page 11: Uxdesign & hackathon

U X / U I D U P R O J E T

L E S É TA P ES

Collaboration Brainstorming Maquettage Tests UI Documentation Présentation

Et tout ça en 48 heures !

Page 12: Uxdesign & hackathon

C O L L A B O R E Z

Page 13: Uxdesign & hackathon

A V E C L E S D E V S , D E S I G N E R S , M U S I C I E N S

C O L L A B O R AT I O N

Faire des points régulièrement Choisir les outils et technologies ensemble Optimiser les exports Gestion de version + collaboration : GitHub Clé USB de secours

Page 14: Uxdesign & hackathon

B R A I N S T O R M I N G

Page 15: Uxdesign & hackathon

Mini workshop : écouter TOUTES les idées Au moins 1 persona Lister et limiter les fonctionnalités Définir les priorités Lister les usecases Temps limité, less is more !

T A B L E A U B L A N C , P A P I E R , F E U T R E S…

B R A I N S T O R M I N G

Page 16: Uxdesign & hackathon

M A Q U E T T A G E

Page 17: Uxdesign & hackathon

Rapide sur papier/tableau blanc au départ Dégrossir le projet (Grooming session avec les devs) Définir les écrans et leur fonctionnalités Usecases + maquettage papier => prêt à developper

Outils UX :Sketch / Balsamiq / photoshop + marvelapp…

S I M P L E E T R A P I D E

M A Q U E T TAG E

Page 18: Uxdesign & hackathon

T E S T S

Page 19: Uxdesign & hackathon

Autour de vous : participants, organisateurs Invitez des testeurs ! Guerilla testing depuis le maquettage, avec 1 ou 2 participants (hors équipe), définissez un objectif et observez les. Ajustez si besoin

R E G A R D E Z A U T O U R D E V O U S

T E S T S

Page 20: Uxdesign & hackathon

U I

Page 21: Uxdesign & hackathon

99% de chances qu’il n’y ait pas d’autre designer dans votre équipe Définissez une identité : Guide de style pour les devs Réutilisez ! Librairies Open-source, icônes, fonts … Agile, simple & efficace : proposez, testez, ajustez !

G U I D E D E S T Y L E

U I D E S I G N

Page 22: Uxdesign & hackathon

D O C

Page 23: Uxdesign & hackathon

D O C U M E N TAT I O N

LOL

Et vous allez le regretter

C ’ E S T P O U R L E S F A I B L E S

Page 24: Uxdesign & hackathon

L E P I T C H

Page 25: Uxdesign & hackathon

P R É S E N TAT I O N

Définir dès le début qui va présenter Préparer un pitch de 5 à 10min Soyez clairs et concis Parlez de l’équipe, du concept, des problématiques, des solutions À vous de préparer le support : délivrez un message clairement et simplement

V O T R E P R O J E T E N 5 M I N

Page 26: Uxdesign & hackathon

B O N N E S P R A T I Q U E S

Page 27: Uxdesign & hackathon

B O N N ES P R AT I Q U ES

Less is more : limitez les fonctionnalités Formez votre équipe à l’avance Choisissez ensemble les outils et technologies Dormez, mangez sainement, limitez l’alcool

Débrief une semaine plus tard (suite, idées, doc)

S U R V I V E Z !

Page 28: Uxdesign & hackathon

C O N C L U S I O N

Créer un projet limité en temps et en ressources Super terrain de jeu : équipe motivée, temps dédié à la création, des utilisateurs pour faire des tests 80% du projet en 48h / 20% le reste de l’année Améliorer sa créativité, Sortez de votre zone de confort Résoudre des problèmes funs, échanger, découvrir.

P O U R Q U O I C ’ E S T S U P E R

Page 29: Uxdesign & hackathon

E F F E T S S E C O N DA I R E S

Travail gratuit : choisissez bien ! Fatigue : prenez congé le lundi suivant Déséquilibre alimentaire : vous aimez les pizzas ? Addiction : malgré la fatigue, vous allez recommencer Adaptation : lors du prochain projet « rush », vous saurez vous adapter et mieux gérer le stress.

A T T E N T I O N !

Page 30: Uxdesign & hackathon

E S S AY E Z !Un bon exercice pour un designer Il y en a plein, partout (apps, jeux, bricolage…)

E T M A I N T E N A N T ?

Jeux vidéo 5-6 / 09 / 2015 Metz & Luxembourg

http://bbq.extra-coin.org http://hackathon.telerama.fr

Hackathon 2-4 / 07 / 2015 Paris

Page 31: Uxdesign & hackathon

D ES Q U ES T I O N S ?Suivez moi sur twitter : @hellgy Contactez moi : [email protected]

V O U S A T T E N D E Z Q U O I P O U R P A R T I C I P E R ?