Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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.

10e4e25ef5bb8dde3e46831c48ed97f0?s=128

Gilles Demarty

May 14, 2013
Tweet

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?