SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
www.af83.com

af83 France
15 rue poissonnière, 75002 Paris
                                        Les opérations
+33 1 47 72 3332
contact@af83.com                   Less (features) is more (UX)
                                   Présentation UX:des chantiers d’amélioration
                                       Présentation Concevoir lʼexpérience Utilisateur
af83 USA
1436 A Howard St.
                                   Pulse: 15 Juin 2011 Octobre 2010
                                        Plénière: 28
CA 94103 San Francisco                  Alexandre Eisenchteter
                                   Mathilde Maître, designer af83 - @mathildem
United States
Less is more
                             - Mies van der Rohe




http://asdinteriors.files.wordpress.com/2010/07/mies-van-der-rohe1.jpg
Tous les efforts qui tendent à
 l'enjoliver sans raison utile
 doivent être évités. Sa beauté
 doit résulter de la composition
 rationnelle de ses éléments.
- Charlotte Perriand
45%
of a software features
       are never used
20%
              of features
are used always or often
Concevoir
l’expérience utilisateur
Organiser par
                                                              thèmes et tags                                    Faire remonter les
                          Exporter vers un cadre photo
                                                                                                                 photos sur son
                                   numérique
                                                                        Un format membre premium par                 portfolio
                                                                        exemple un package "Road trip"
  Flickr         Suivre des
                gens, créer                                                                                           C'est un peu comme instagram
                des groupes                      Créer sa page privée puis                                            mais on peut partager un flux en
                                                                                                            Une page      invitant des personnes
                                                 la partager avec ses amis
                                                                                                             de profil
                              Une mise en         et leur donner le droit de
                                                                                 ...ou juste de consulter pour public
                               scène d'un                  publier...
                                                                                            certains
L'utilisateur doit être       ensemble de
   notifié sur son                photos                                                                                         La façon dont les
                                                    Le site s'adresse à des                                                    commentaires sont
   smartphone de
                                                  personnes actives dans les               Rechercher dans                   traités sur linkedin est
     nouveaux...
                                                        communautés                         mes photos ou                            pas mal
                    Organiser un                                                               favoris
                     concours                                                                                      API
   Jabber                          Sur la Homepage, je verrais bien
                                     une présentation du service en                  Collaborer
                                                                                                                                 Visuellement ?
                                   slideshows ave cune googlemaps                                    Poster                Aussi simple que Facebook
               Imprimer des albums
                                  pour localiser les dernières photos                                sur un


                                                                            les idées du client
                     photos
                                              postés, et...                                           blog
                                                                                       Mes
            Trier et classer les images                                               photos
                                                       Différents statuts            favorites    Un site de partage de photos dont
                                                         d'utilisateurs                               l'utilisateur gère les droits
                   Collecter
                                                                                                                                Le point de départ
                                             Des                                      Des données techniques sur la
     Je veux les afficher en                                               Des                                                Ne pas supprimer
                                        commentaires                                          prise de vue
      liste, en mozaique, er                                           invitations                                                 mais
                                          bien sûr...
     proposer un slideshows                                                                                                   juste dépublier
           serait en plus
                                                                                                              Fermer son
                                                                                                                compte
                                   Une version
                                   smartphone                          ...et de pouvoir poster sur
                                                                             Facebook aussi !
définir les profils
d’utilisateurs




                    Wired 02-2011- Grifters, Bunco Artists & Flimflam men
organiser et trier
le contenu et ses fonctionnalités




                 http://www.theselby.com/1_15_11_Favorite2010/slides/4_2_09_karl_lagerfeld06407.jpg
1.


     lister



CardSorting - projet interne @af83
2.


classer



CardSorting - projet interne @af83
3.


  Nommer
les groupes


    CardSorting - projet interne @af83
4.


   itérer



CardSorting - projet interne @af83
5.


hierarchiser
   prioriser


     CardSorting - projet interne @af83
du card sorting à
l’arborescence du site




   Sitemap réalisé à partir du card sorting et construit avec http://theleggett.com/2011/05/04/csssitemap-system/
Réduire
          organiser
les fonctionnalités...




           http://www.flickr.com/photos/tinou/453593446
Logo                                                                                         Already a member?    Sign in




                                                                             E-mail adress



                                                                             Password



       explication du service                                                Confirm Password



                                                                             First app's name



                                                                               Sign up




                                 © nomdusite l About l Terms of services l



                        View an app, discover the service                                                        Wireframes

                   Mise en forme
       des éléments fondamentaux
Simplicité dans
la réduction et le raffinement
                        http://lawsofsimplicity.com
Everythings should be
made as simple as
possible, but not simpler

– Albert Einstein
UI
User Interface
Storify
U.C.Engine Meeting
Moins de fonctionnalités
          ==
       UI enrichi
           +
Promesse de la plateforme
     mise en avant
Mais aussi

‣ un code mieux testé, plus stable
‣ temps de développement plus court
‣ une première version qui sort plus vite
‣ des évolutions qui correspondent aux
  retours des utilisateurs
www.af83.com

af83 France
15 rue poissonnière, 75002 Paris
+33 1 47 72 3332
contact@af83.com                   Less (features) is more (UX)
af83 USA                           Présentation UX: Concevoir lʼexpérience Utilisateur
1436 A Howard St.                  Pulse: 15 Juin 2011
CA 94103 San Francisco             Mathilde Maître, designer af83 - @mathildem
United States

Contenu connexe

En vedette

Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam. Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam. SocialMixCity
 
Exemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUMExemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUMAgile Tour 2009 Québec
 
Devoxx france 2015 livrer chaque jour ce qui est prêt
Devoxx france 2015   livrer chaque jour ce qui est prêtDevoxx france 2015   livrer chaque jour ce qui est prêt
Devoxx france 2015 livrer chaque jour ce qui est prêtbeastiefurets
 
La chasse aux investisseurs
La chasse aux investisseursLa chasse aux investisseurs
La chasse aux investisseursSwapcard
 
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015Loïc Knuchel
 
MatchConnect Pitch Deck (Startup Victoria)
MatchConnect Pitch Deck (Startup Victoria)MatchConnect Pitch Deck (Startup Victoria)
MatchConnect Pitch Deck (Startup Victoria)Dominic Soh
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
 
De la pensée projet à la pensée produit
De la pensée projet à la pensée produitDe la pensée projet à la pensée produit
De la pensée projet à la pensée produitOCTO Technology Suisse
 
Formation Accélérer le time to market
Formation Accélérer le time to marketFormation Accélérer le time to market
Formation Accélérer le time to marketGrain Incubation
 
Loci formation d'architecte
Loci formation d'architecteLoci formation d'architecte
Loci formation d'architecteSami Sahli
 
Git Flow: un processus de développement Agile
Git Flow: un processus de développement AgileGit Flow: un processus de développement Agile
Git Flow: un processus de développement AgileXavier Hausherr
 
Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceAlexandre Jubien
 
Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...
Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...
Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...MK (Mary Kathryn) Tantum
 
Pitch deck Goodrive
Pitch deck Goodrive Pitch deck Goodrive
Pitch deck Goodrive Damien Martin
 
Le journal d'une tortue qui sprinte autour du monde - Vincent Cleroux
Le journal d'une tortue qui sprinte autour du monde - Vincent ClerouxLe journal d'une tortue qui sprinte autour du monde - Vincent Cleroux
Le journal d'une tortue qui sprinte autour du monde - Vincent ClerouxAgile Montréal
 
How Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeksHow Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeksWealthsimple
 
AdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First PitchAdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First Pitchadpushup
 
Zenpayroll Pitch Deck Template
Zenpayroll Pitch Deck TemplateZenpayroll Pitch Deck Template
Zenpayroll Pitch Deck TemplateJoseph Hsieh
 

En vedette (20)

Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam. Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
Comment construire sa communauté en partant de zéro : l'exemple Youmiam.
 
Exemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUMExemples et solutions : Difficultés de l’implémentation de SCRUM
Exemples et solutions : Difficultés de l’implémentation de SCRUM
 
Devoxx france 2015 livrer chaque jour ce qui est prêt
Devoxx france 2015   livrer chaque jour ce qui est prêtDevoxx france 2015   livrer chaque jour ce qui est prêt
Devoxx france 2015 livrer chaque jour ce qui est prêt
 
La chasse aux investisseurs
La chasse aux investisseursLa chasse aux investisseurs
La chasse aux investisseurs
 
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
Ionic, ce n'est pas que de l'UI, meetup PhoneGap le 25-05-2015
 
MatchConnect Pitch Deck (Startup Victoria)
MatchConnect Pitch Deck (Startup Victoria)MatchConnect Pitch Deck (Startup Victoria)
MatchConnect Pitch Deck (Startup Victoria)
 
Mouvement moderne
Mouvement moderneMouvement moderne
Mouvement moderne
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
De la pensée projet à la pensée produit
De la pensée projet à la pensée produitDe la pensée projet à la pensée produit
De la pensée projet à la pensée produit
 
Formation Accélérer le time to market
Formation Accélérer le time to marketFormation Accélérer le time to market
Formation Accélérer le time to market
 
Loci formation d'architecte
Loci formation d'architecteLoci formation d'architecte
Loci formation d'architecte
 
Git Flow: un processus de développement Agile
Git Flow: un processus de développement AgileGit Flow: un processus de développement Agile
Git Flow: un processus de développement Agile
 
Lean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork AxanceLean & Agile UX - afterwork Axance
Lean & Agile UX - afterwork Axance
 
Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...
Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...
Startup Pitch Deck - Sample Presentation Design by MK Tantum - TuneBash Music...
 
Pitch deck Goodrive
Pitch deck Goodrive Pitch deck Goodrive
Pitch deck Goodrive
 
Le journal d'une tortue qui sprinte autour du monde - Vincent Cleroux
Le journal d'une tortue qui sprinte autour du monde - Vincent ClerouxLe journal d'une tortue qui sprinte autour du monde - Vincent Cleroux
Le journal d'une tortue qui sprinte autour du monde - Vincent Cleroux
 
Architectural structures
Architectural structuresArchitectural structures
Architectural structures
 
How Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeksHow Wealthsimple raised $2M in 2 weeks
How Wealthsimple raised $2M in 2 weeks
 
AdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First PitchAdPushup Fundraising Deck - First Pitch
AdPushup Fundraising Deck - First Pitch
 
Zenpayroll Pitch Deck Template
Zenpayroll Pitch Deck TemplateZenpayroll Pitch Deck Template
Zenpayroll Pitch Deck Template
 

Pulse by af83 - LESS (features) IS MORE (UX)

  • 1. www.af83.com af83 France 15 rue poissonnière, 75002 Paris Les opérations +33 1 47 72 3332 contact@af83.com Less (features) is more (UX) Présentation UX:des chantiers d’amélioration Présentation Concevoir lʼexpérience Utilisateur af83 USA 1436 A Howard St. Pulse: 15 Juin 2011 Octobre 2010 Plénière: 28 CA 94103 San Francisco Alexandre Eisenchteter Mathilde Maître, designer af83 - @mathildem United States
  • 2. Less is more - Mies van der Rohe http://asdinteriors.files.wordpress.com/2010/07/mies-van-der-rohe1.jpg
  • 3. Tous les efforts qui tendent à l'enjoliver sans raison utile doivent être évités. Sa beauté doit résulter de la composition rationnelle de ses éléments. - Charlotte Perriand
  • 4. 45% of a software features are never used
  • 5. 20% of features are used always or often
  • 7. Organiser par thèmes et tags Faire remonter les Exporter vers un cadre photo photos sur son numérique Un format membre premium par portfolio exemple un package "Road trip" Flickr Suivre des gens, créer C'est un peu comme instagram des groupes Créer sa page privée puis mais on peut partager un flux en Une page invitant des personnes la partager avec ses amis de profil Une mise en et leur donner le droit de ...ou juste de consulter pour public scène d'un publier... certains L'utilisateur doit être ensemble de notifié sur son photos La façon dont les Le site s'adresse à des commentaires sont smartphone de personnes actives dans les Rechercher dans traités sur linkedin est nouveaux... communautés mes photos ou pas mal Organiser un favoris concours API Jabber Sur la Homepage, je verrais bien une présentation du service en Collaborer Visuellement ? slideshows ave cune googlemaps Poster Aussi simple que Facebook Imprimer des albums pour localiser les dernières photos sur un les idées du client photos postés, et... blog Mes Trier et classer les images photos Différents statuts favorites Un site de partage de photos dont d'utilisateurs l'utilisateur gère les droits Collecter Le point de départ Des Des données techniques sur la Je veux les afficher en Des Ne pas supprimer commentaires prise de vue liste, en mozaique, er invitations mais bien sûr... proposer un slideshows juste dépublier serait en plus Fermer son compte Une version smartphone ...et de pouvoir poster sur Facebook aussi !
  • 8. définir les profils d’utilisateurs Wired 02-2011- Grifters, Bunco Artists & Flimflam men
  • 9. organiser et trier le contenu et ses fonctionnalités http://www.theselby.com/1_15_11_Favorite2010/slides/4_2_09_karl_lagerfeld06407.jpg
  • 10. 1. lister CardSorting - projet interne @af83
  • 12. 3. Nommer les groupes CardSorting - projet interne @af83
  • 13. 4. itérer CardSorting - projet interne @af83
  • 14. 5. hierarchiser prioriser CardSorting - projet interne @af83
  • 15. du card sorting à l’arborescence du site Sitemap réalisé à partir du card sorting et construit avec http://theleggett.com/2011/05/04/csssitemap-system/
  • 16. Réduire organiser les fonctionnalités... http://www.flickr.com/photos/tinou/453593446
  • 17. Logo Already a member? Sign in E-mail adress Password explication du service Confirm Password First app's name Sign up © nomdusite l About l Terms of services l View an app, discover the service Wireframes Mise en forme des éléments fondamentaux
  • 18. Simplicité dans la réduction et le raffinement http://lawsofsimplicity.com
  • 19. Everythings should be made as simple as possible, but not simpler – Albert Einstein
  • 23. Moins de fonctionnalités == UI enrichi + Promesse de la plateforme mise en avant
  • 24. Mais aussi ‣ un code mieux testé, plus stable ‣ temps de développement plus court ‣ une première version qui sort plus vite ‣ des évolutions qui correspondent aux retours des utilisateurs
  • 25. www.af83.com af83 France 15 rue poissonnière, 75002 Paris +33 1 47 72 3332 contact@af83.com Less (features) is more (UX) af83 USA Présentation UX: Concevoir lʼexpérience Utilisateur 1436 A Howard St. Pulse: 15 Juin 2011 CA 94103 San Francisco Mathilde Maître, designer af83 - @mathildem United States