Portfolio 101 for UX Designers : How to make portfolio that does not s**k

A presentation I did during the Behance Portfolio Review 2013 in Geneva.

Transcript

1. AGENCY
2. © 2013 SQLI GROUP / 2013-05-13 AGENCY WHO THE F**K IS THIS GUY ? 2 Gilles DEMARTY USER EXPERIENCE DESIGNER @gillesdemarty
3. © 2013 SQLI GROUP / 2013-05-13 AGENCY ANY UX DESIGNERS HERE? 3
4. © 2013 SQLI GROUP / 2013-05-13 AGENCY PORTFOLIOS IN 5 TIPS 4 * for UX Designers
5. © 2013 SQLI GROUP / 2013-05-13 AGENCY DESCRIBE THE PROCESS 5 1
6. © 2013 SQLI GROUP / 2013-05-13 AGENCY WHAT IS IMPORTANT IS THE JOURNEY 6
7. © 2013 SQLI GROUP / 2013-05-13 AGENCY NOT THE DESTINATION 7 COPYRIGHT SUPRIYA BAG
8. © 2013 SQLI GROUP / 2013-05-13 AGENCY REVEAL THE BEHIND THE SCENE 8 COPYRIGHT MAILCHIMP
9. © 2013 SQLI GROUP / 2013-05-13 AGENCY 9 REVEAL THE BEHIND THE SCENE
10. © 2013 SQLI GROUP / 2013-05-13 AGENCY REVEAL THE BEHIND THE SCENE 10 COPYRIGHT RATIO
11. © 2013 SQLI GROUP / 2013-05-13 AGENCY TELL A STORY 11 2
12. © 2013 SQLI GROUP / 2013-05-13 AGENCY I WANT MY FUTURE BOSS TO FEEL LIKE THIS 12
13. © 2013 SQLI GROUP / 2013-05-13 AGENCY NOT LIKE THAT 13 COPYRIGHT ALEXXX ANTONELLI
14. © 2013 SQLI GROUP / 2013-05-13 AGENCY TELL AS MUCH A STORY AS POSSIBLE 14
15. © 2013 SQLI GROUP / 2013-05-13 AGENCY PROVE THE BENEFITS 15 3
16. © 2013 SQLI GROUP / 2013-05-13 AGENCY HOW CAN WE TRUST YOU 16
17. © 2013 SQLI GROUP / 2013-05-13 AGENCY IT’S NOT ONLY ABOUT TEASING 17
18. © 2013 SQLI GROUP / 2013-05-13 AGENCY READ IN A PORTFOLIO 18 « From a dollar standpoint, the challenge was to save at least 30 seconds per interaction... we’re currently saving over 60 seconds »
19. © 2013 SQLI GROUP / 2013-05-13 AGENCY TAILOR IT TO YOUR IDEAL JOB 19 4
20. © 2013 SQLI GROUP / 2013-05-13 AGENCY FAKE IT UNTIL YOU KNOW IT 20
21. © 2013 SQLI GROUP / 2013-05-13 AGENCY MAKE IT PRETY USABLE 21 5
22. © 2013 SQLI GROUP / 2013-05-13 AGENCY DEMONSTRATE YOUR STRENGTHS, FROM MINUTE 1 22
23. © 2013 SQLI GROUP / 2013-05-13 AGENCY BALANCE QUALITY WITH EXTENSIVENESS 23
24. © 2013 SQLI GROUP / 2013-05-13 AGENCY WHAT I HAVE IN STOCK 24 * My “ portfolio”
25. © 2013 SQLI GROUP / 2013-05-13 AGENCY PROJECT 1 RÉVOLUTIONNER LA FACTURE D’ÉNERGIE 25 ? × 1 CLIENT × 6 MOIS × 130 000 FOYERS IMPACTÉS × 2 À 3M D’ÉCONOMIES ATTENDUES « LE CLIENT POURRA SURVEILLER ET CONTRÔLER EN LIGNE ET À DISTANCE LA CONSOMATION DE SON DOMICILE»
26. © 2013 SQLI GROUP / 2013-05-13 AGENCY SCÉNARISER L’EXPÉRIENCE 26 © SQLI GROUP – 2012 10 11 10 Il découvre qu’il y a un problème électrique avec la chaîne hi-fi de sa fille. Il explique à Gaïa qu’il doit éteindre la prise associée le temps que l’appareil soit réparé. Il lui montre sur son iPhone les chi res et l’impact que cette consommation a sur l’environnement… 11 Quelques jours plus tard, Gaïa demande à son père si elle peut voir sa consommation. Il lui montre les données qui sont presque les mêmes entre les 3 chambres. Ils sont contents de savoir que tout est rentré dans l’ordre ! MAISON 65 USER STORY 4 En famille 4 MAURICE CONSOMME MOINS & MIEUX Proposition SQLI × PREMIÈRE ÉTAPE EN SCÉNARISANT L’HISTOIRE DE L’UTILISATEUR FINAL LES PERSONAS ÉTAIENT DÉJÀ CRÉÉS × L’INSPIRATION VENAIT DE CES POSTERS
27. © 2013 SQLI GROUP / 2013-05-13 AGENCY CATALOGUER LE CONTENU 27 USER STORY 1 - Préalables Inscription & installation Maurice est averti par mail de l’existence d’un nouveau service SIG lui permettant de moins et mieux consommer. En cliquant sur le lien présent dans le mail, il accède à la page de présentation des services. La page de recommandation lui permet de savoir quelle est l’o re qui lui convient le mieux : l’o re essentiel avec trois multiprises lui est conseillée. Il décide de commander. On lui propose alors de faire un diagnostic approfondi pour adapter l’o re de services à sa situation. Quelques jours plus tard, il reçoit ses prises et sa box. Il utilise l’aide pas-à-pas pour e ectuer l’installation et accède en n au dashboard. USER STORY 1bis - Sensi Inscription Maurice est averti par mail de l’existence d’un nouveau service SIG lui permettant de moins et mieux consommer. En cliquant sur le lienpré- sent dans le mail, il accède à la page de présentation des services. La page de recommandation lui permet de savoir quelle est l’o re qui lui convient le mieux : l’o re sensi lui est conseillée. Il décide de s’inscrire. Il accède au dashboard. USER STORY 2 - Découverte des fondamentaux Suivi de consommation & rapprochement avec le suivi des objectifs Maurice reçoit par mail une noti ca- tion l’invitant à faire le relevé de son compteur. Un lien l’amène directe- ment sur la page de saisie du relevé. Après validation, une pop-up l’informe que sa saisie est bien enregistrée. Il est ensuite renvoyé vers la page «Suivi conso» depuis laquelle il peut observer la mise à jour de ses informations de consommation. Il décide ensuite d’aller sur l’écran «Suivi de mes objec- tifs et économies» pour véri er son avancement par rapport à l’objectif initial. SIG_FutFut_UserStories_V0R4 Espace client Présentation des services Essentiel et Sensibilisation Home ... ... Commande en ligne (essentiel) ... 00 01 02 01.1 Conseils écogestes (génériques et perso pour Essentiel uniquement) Aide à l’utilisation outils sensibilisation/essentiel Suivi consommation Suivi de mes objectifs et économies Suivi et gestion de mes appareils 02.17 02.16 02.11 Saisie relevé 02.113 02.12 Suivi conso et gestion/ paramétrage des prises 02.121 02.13 Mon pro l sensibilisation/essentiel 02.14 02.15 Marketplace Dashboard ... ... 02.1 Fiche conseil écogeste 02.161 Challenges & missions 02.131 Fiche produit 02.151 Inscription (sensi) 01.2 Diagnostic approfondi après souscription essentiel Programmation & pilotage modes économie énergie (création/modif/suppr) 02.122 02.2 Recommandation personnalisée o re Fut-Fut 01.3 ... 1 2 3 5 4 Espace client Présentation des services Essentiel et Sensibilisation Home ... ... Commande en ligne (essentiel) ... 00 01 02 01.1 Conseils écogestes (génériques et perso pour Essentiel uniquement) Aide à l’utilisation outils sensibilisation/essentiel Suivi consommation Suivi de mes objectifs et économies Suivi et gestion de mes appareils 02.17 02.16 02.11 Saisie relevé 02.113 02.12 Suivi conso et gestion/ paramétrage des prises 02.121 02.13 Mon pro l sensibilisation/essentiel 02.14 02.15 Marketplace Dashboard ... ... 02.1 Fiche conseil écogeste 02.161 Challenges & missions 02.131 Fiche produit 02.151 Inscription (sensi) 01.2 Diagnostic approfondi après souscription essentiel Programmation & pilotage modes économie énergie (création/modif/suppr) 02.122 02.2 Recommandation personnalisée o re Fut-Fut 01.3 ... 1 2 3 Espace client Présentation des services Essentiel et Sensibilisation Home ... ... Commande en ligne (essentiel) ... 00 01 02 01.1 Conseils écogestes (génériques et perso pour Essentiel uniquement) Aide à l’utilisation outils sensibilisation/essentiel Suivi consommation Suivi de mes objectifs et économies Suivi et gestion de mes appareils 02.17 02.16 02.11 Saisie relevé 02.113 02.12 Suivi conso et gestion/ paramétrage des prises 02.121 02.13 Mon pro l sensibilisation/essentiel 02.14 02.15 Marketplace Dashboard ... ... 02.1 Fiche conseil écogeste 02.161 Challenges & missions 02.131 Fiche produit 02.151 Inscription (sensi) 01.2 Diagnostic approfondi après souscription essentiel Programmation & pilotage modes économie énergie (création/modif/suppr) 02.122 02.2 Recommandation personnalisée o re Fut-Fut 01.3 ... 1 2 3 × PRENDRE L’ENSEMBLE DU CONTENUS DU CAHIER DES CHARGES × ET LE MAPPER AU SCÉNARIOS
28. © 2013 SQLI GROUP / 2013-05-13 AGENCY WIREFRAME TIME 28 × PRENDRE L’ENSEMBLE DU CONTENUS DU CAHIER DES CHARGES
29. © 2013 SQLI GROUP / 2013-05-13 AGENCY SUMMARY 29 × TELL A STORY × DESCRIBE THE PROCESS × PROVE THE BENEFITS × TAILOR IT TO YOUR IDEAL JOB × MAKE IT NICE
30. AGENCY QUESTIONS?