Le document présente un guide sur la participation à un hackathon, mettant en avant l'importance de la collaboration entre designers, développeurs et musiciens. Il souligne les étapes clés du processus, de la définition du concept à la présentation finale, tout en encourageant l'expérimentation et la sortie de sa zone de confort. Le projet doit être réalisé dans un délai de 48 heures avec une attention particulière à la gestion du temps et des ressources.

1. SALUT !
L A U R E N C E V A G N E R
UX designer
Consultante iKe
à Luxembourg
@hellgy
redisdead.net

2. U X D E S I G N
&
HAC K ATH ON
U N G U I D E D E S U R V I E

3. C ’ EST 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

4. E X E M P L E S

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

6. Y E L L E R C OAST E R
G L O B A L G A M E J A M 2 0 1 5

7. À B I CYC L ET T E
H A C K G E N L O R

8. J E V E U X U N E P I Z Z A
H A C K G E N M E T Z

9. K RAF T W U R S CH T
H A C K M U S I C T E C H

10. 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

11. U X / U I D U P R O J E T
L ES É TAP ES
Collaboration
Brainstorming
Maquettage
Tests
UI
Documentation
Présentation
Et tout ça
en 48 heures !

12. C O L L A B O R E Z

13. 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 LABO RATI ON
Faire des points régulièrement
Choisir les outils et technologies ensemble
Optimiser les exports
Gestion de version + collaboration : GitHub
Clé USB de secours

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

15. 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 RAI N STO R M I N G

16. M A Q U E T T A G E

17. 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
MAQU ET TAG E

18. T E S T S

19. 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 ESTS

20. U I

21. 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 DES I G N

22. D O C

23. D O C U M ENTATI ON
LOL
Et vous allez le regretter
C ’ E S T P O U R L E S F A I B L E S

24. L E P I T C H

25. P R É SENTATI ON
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

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

27. BON N ES P RATI QU 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 !

28. C ON C LUS I ON
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

29. E F F ETS SEC ON DAI R ES
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 !

30. ES SAY 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

31. DES QU ESTI ON S ?
Suivez moi sur twitter : @hellgy
Contactez moi : laurence@redisdead.net
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 ?