Que voyez-vous? Systèmes d’Information:  Utilisabilité
Les défis <ul><li>Programmation  complexe </li></ul><ul><li>Diversité  </li></ul><ul><ul><li>D’objectives (site et utilisa...
 
Examples <ul><li>http://shihtzu.free.fr/index.htm </li></ul><ul><li>http://www.seloger.com   </li></ul><ul><li>http://www....
Norauto & Google Maps
Heures d’ouverture
Visas pour la France
Les étapes typiques <ul><li>Analyse des besoins (discutez et recherchez) </li></ul><ul><li>Recherche et créeation des « pe...
Analyse des besoins <ul><li>Le but du site de notre point de vue </li></ul><ul><li>Les utilisateurs probable/desirés </li>...
Création des « personas »  <ul><li>specifique </li></ul>
Architecture de l'information  <ul><li>Card sorting – ouvert v. fermé </li></ul>
Maquettage low-fidelity (wireframe)
Design graphique <ul><li>Utilizer un professionel </li></ul><ul><li>Erreurs typiques: </li></ul><ul><ul><li>Trop d’informa...
Les testes d’utilisateurs
 
Methodes de controle <ul><li>Focus groups (face-à-face ou en ligne) </li></ul><ul><li>Laboratoire </li></ul><ul><li>Sondag...
Focus Groups  <ul><li>6 – 12 personnes </li></ul><ul><li>Les examplaires des pages, le card-sort, etc </li></ul><ul><li>Cl...
Focus Groups – utile quand: <ul><li>Très tot </li></ul><ul><li>Reactions emotional aux couleurs, images </li></ul><ul><li>...
Focus Groups - Risques <ul><li>Les utilisateurs ne font pas tousjours ce qu’il anticipés </li></ul><ul><li>Inutile pour la...
Les Prototypes & Card Sorts <ul><li>http://www.youtube.com/watch?v=L7oPR2aTGlM   </li></ul><ul><li>Pas cher </li></ul><ul>...
Controles au laboratoire <ul><li>Une à la fois; vocaliser leurs pensées  </li></ul><ul><li>Moderator peut etre présent </l...
Laboratoire - Avantages <ul><li>On peut demander des questions pendant que le testeur utilise le site </li></ul><ul><li>On...
Laboratoire - negatives <ul><li>Stressante; impact sur leur performance </li></ul><ul><li>Des ordinateurs étrange  </li></...
Laboratoire est utile quand: <ul><ul><li>On veut voir / percevoir les subtiltés  </li></ul></ul><ul><ul><li>On a déjà une ...
Eye Tracking <ul><li>http://www.youtube.com/watch?v=xKdOMgu0C5Q&feature=related </li></ul><ul><ul><li>Gauche à droite </li...
Accessibilité <ul><li>http://youtu.be/cWetc7AS37A </li></ul><ul><li>Noms des liens (links) </li></ul><ul><li>Alt tags </li...
Sondages sur le site <ul><li>Sondage apparait soit pour chaque visiteur, soit chaque certain nombre, soit quand ils quitte...
Avantages des sondages web <ul><li>Facile à implementer </li></ul><ul><li>On peut obtenir beaucuoup de reponses très vite ...
Désavantages des sondages <ul><ul><li>Les utilisateurs ont vu trop </li></ul></ul><ul><ul><li>Bias  </li></ul></ul><ul><ul...
Utilize les sondages quand: <ul><ul><li>Le site existe déjà  </li></ul></ul><ul><ul><li>Le site a beaucoup de traffic </li...
Statistiques / metriques <ul><li>On peut analyzer les trajectoires pris par des visiteurs; on les perd ou? </li></ul><ul><...
Commentaires spontanées des clients <ul><li>Plusieurs sources </li></ul><ul><li>Avantages:  </li></ul><ul><ul><li>Pas chèr...
Désavantages <ul><ul><li>Bias </li></ul></ul><ul><ul><li>Ne trouve pas toutes les problèmes </li></ul></ul><ul><ul><li>Ca ...
Utilise quand: <ul><ul><li>Faire des petites ajustements </li></ul></ul><ul><ul><li>Aide a verifier que les employées sont...
Testes d’usabilité à distance <ul><li>Differentes types </li></ul><ul><ul><li>En direct; partage l’ecran </li></ul></ul><u...
Avantages <ul><li>Aucun limitation de géographie ni (selon la méthode) d’heures  </li></ul><ul><li>Beaucoup de détail  </l...
Désavantages <ul><li>Ne peut pas voir les visages </li></ul><ul><li>Pour certains systèmes les testeurs doit etre capable ...
Quoi faire quand <ul><li>Dévelopement de Concept :  focus groups, et commentaires des clients existantes </li></ul><ul><li...
1. Dévelopement de Concept:  focus groups, et commentaires des clients existantes 2. Une fois en ligne :  Laboratoire si o...
Révision du site <ul><ul><li>Don’t throw out the baby with the bathwater!! </li></ul></ul>
Today’s typical shopper <ul><li>Que veut-tu? </li></ul><ul><li>Recherche </li></ul><ul><li>Trouve les vendeurs </li></ul><...
 
 
 
Idées? Quéstions?  <ul><li>[email_address] </li></ul><ul><li>http://emarketingmama.com </li></ul>
Prochain SlideShare
Chargement dans…5
×

Usability and design (en francais)

465 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
465
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Un phoque ou un ours? souvent les gens qui font les modeles et la programmation ne le voit pas le meme que les utilisateurs cést un defi particulierement difficile dans la domaine des systemes d’information, et surtout sur le Web - Raisons? Que pensez vous?
  • Plusieurs raisons Mais il faut quande meme essayer; l’impact de developper les systems dans un facon utilisable est enorme
  • Il insistez sur la simplicite, et a revolutionisé le monde des ordinateurs, des ecouteurs de music, et des telephones cellulaire
  • c’est laide! Utilize les animations seulement s’il y a vraiment un but; c’est une distraction Mais meme des sites professionels Seloger – peut pas telephoner Conforama – trouvez votre magasin (pas d’addresse) 1ere page complique, mais bon pour les plus populaires, et on peut trouvez le lien pour les magasins La carte est bon de montrez les numeros de region Liste alphabetique est bon Choisir ce magasin – non-clickable
  • Bon – beaucoup d’information Pas bon - contradictions
  • Besoins - pourquoi créer cette site Web? qui sont les utilisateurs du site web?  quels sont les principaux défauts du site actuel? (s’il y en a) quels sont les informations et fonctionnalités manquantes ?
  • e.g. – qui veut quoi de la site? (Seloger veut des annonceurs, des agences veulent des locataires, les locataires veulent trouver un maison ou apt
  • Le plus réel que possible Fais de la recherche pour les developper
  • Card sorting – open vs closed Open Card Sorting:  Participants are given cards showing site content with no pre-established groupings. They are asked to sort cards into groups that they feel are appropriate and then describe each group. Open card sorting is useful as input to information structures in new or existing sites and products. Closed Card Sorting:  Participants are given cards showing site content with an established initial set of primary groups. Participants are asked to place cards into these pre-established primary groups. Closed card sorting is useful when adding new content to an existing structure, or for gaining additional feedback after an open card sort.
  • Pas les programmateurs Pas les employees
  • Shoppers were filling out forms partially and then closing To programmers enter = go to next page; TAB to go to next spot; How increase odds of overcoming such problems? Test early and test often
  • Commentaires via appels, lettres, e-mail, twitter, etc Remote often confused with online focus groups
  • Moderator – no bias, bring all out
  • E-g. logo in dessus a gauche Recherche box in top right or top left under logo Navigation premiere en dessus
  • Bias (débutantes ou ceux qui ont des opintions tres fort) Intrusive (ne demande pas avant qu’ils ont passe un peut de temps au site)
  • E-mail, analysis of calls to call-centre, even snail mail, twitter, Since you get it, USE IT !!
  • Respond quickly and well, or will make matters worse Ou exactement etait le probleme?
  • Wide range of computer systems; buggy personal computers
  • Eventually … redesign … test to learn what can be kept…. Designers… want to start clean slate… not always necessary…
  • How would you tackle it? What search terms?
  • Simple mais effective Facile a lire Facile a voire les details du magasin Le photo de l’équipe personalise et donne du confiance Visite virtuelle donne confience Les “plus”
  • he anatomy of good mobile design 1) Putting things in context Understand, respect and design for your users&apos; contexts. These include: • Environmental: don&apos;t make noise when I’m in a meeting; how do you get my attention on a noisy bus; when it’s cold, can I use the touch screen with my gloves on? • Social: when I’m working, don&apos;t distract me with updates from my social network; when I’m playing don’t distract me with work-related stuff. • Technical: I’m on a BlackBerry, so why does this app look and work like an iPhone? • Personal: have you considered that I might not have perfect sight, hearing or coordination. Did you consider that I prefer/need to use the phone one-handed or I may be left-handed? Contributors: Ballard, Hoober, Vonshak 2) The mobile context Mobile means ‘on the go’ and ‘away from my desk’. But I might be on the peak of Kilimanjaro, curled up on the couch or anywhere in-between. • Establish the mobile contexts when I’m most likely to access your app/site. • In this context, what are the potential opportunities for you and distractions for me? • Design with this context in mind. Make it convenient, necessary and easy for me to use. What are the most appropriate features, controls and input methods? • The mobile impulse usually boils down to one of three mindsets: a) I’m micro-tasking. Optimize for quick bursts of activity. Identify the recurring tasks and then polish, polish, polish. b) I&apos;m local. Take advantage of location, audio and video sensors to establish context. c) I&apos;m bored. Distract me by taking me on a journey of discovery. Contributors: Clark, Ballard, Hoober 3) Make the most of the Platform Always design for mobile first – don’t just re-purpose your web site/app. Design/redesign from the ground up to take advantage of the new opportunities that mobile offers which desktop PCs and other channels don’t. • Mobile devices have on-board GPS, compass, camera, accelerometer, microphone and other functions. • Advanced mobile devices are sensor-rich – phones can tell where they are, the direction they&apos;re facing, the angle they’re titled at, what they can hear or see. • Different mobile devices have different capabilities and limitations. Play to the strengths of each and try to avoid watering down the experience on one device because of constraints on another. • If you are designing for a particular device/OS, make sure you know it intimately. Whatever the handset does normally, do that. Inconsistency leads to errors and frustration. So if the handset usually saves changes automatically, don’t expect people to press a save button. Contributors: Nudelman, Homer, Hoober, Pressman, Tifford, Wroblewski But: • Don’t complicate things unnecessarily. Keep the user interface as simple and intuitive, as possible. • Maintain consistency of look and feel across channels. Yes the functionality, capability and visual may vary, but the experience should be intuitive and familiar when switching from PC Web to mobile, for example. Contributors: Nudelman, Homer 4) Mind your fingers and thumbs Many high-end handsets now have touch screens. Rather than being operated/navigated by buttons and cursor, the phone is operated by touch or tapping and movements of the fingers and thumb called gestures. Touch interaction requires careful design. This isn’t just graphic design, it is now industrial design, as you are designing a physical interface to be explored by human hands. • Obey the touch-target rules. The norm for touch-target fields is one centimeter, but all platforms (iPhone, Android, Symbian et• will deviate slightly. If the target field is less than one centimeter – as is often the case with the input fields adjacent to advertising links – it is harder to tap with precision. • Remember fingers and thumbs are imprecise tools. Be forgiving of imperfect input. A touch control, such as a virtual button, shouldn&apos;t perform an action immediately on contact. Indicate the contact with visual feedback and give users a chance to slide their finger away if they touched the wrong control. Only activate the control when the finger lifts off from the button. • The design of your interface is as important as the handset itself, with honest-to-god ergonomic issues. Consider how the interface feels in the hand, where fingers naturally come to rest, where it’s comfortable to tap. Organize the screen for the fingers or, more importantly, the thumb, since that&apos;s the digit that gets the workout when you work a mobile phone one-handed. While a thumb can manage to sweep the entire screen, it can only reach a third of the screen effortlessly – that’s the side of the screen opposite the thumb. All frequently used buttons and tap targets should be in this tap zone. This is why on touch-screen phones the toolbars are always at the bottom. • Don’t overdo gestures. Gestures are a great way to interact with content, but they should be used sparingly and carefully. Some gestures are well-known such the pinch to resize pictures etc, but many users won’t know all gestures, so never make a gesture the only way to perform an action. Contributors: Weiss, Clark, Arthur 5) Accommodate the challenges of mobile Mobile devices have many constraints including small screens, lower processing power, limited battery power, intermittent connectivity, varying connection speeds, in-pocket interaction. • Don’t fight the constraints of mobile, work with them to guide your design to an elegant solution. • Beware of pocket calls – they can be costly. Touch-screen devices have difficulty distinguishing between intentional taps and swipes from fingers and accidental ones from warm body parts even through clothing (especially on hot days). Use physical lock buttons or multi-digit or multi-point gestures to activate. • Minimize the pain. Mobile is unpredictable. Try to minimize the impact on the user experience when the network connection is lost (by using data caching) and keeping the user informed. • Fast load or action times are important, but visual feedback is, perhaps, more important. Use distraction graphics – but don’t use too much processing power – while the app/site loads, and always keep up the illusion that the user is in control of the device. • Just because mobile can do it, doesn’t mean it is best. Take a museum tour, for example, if visitors don’t have ear plugs, will they want to hold their phone to their ear for a 45-minute audio tour, or hold the phone aloft for an augmented-reality (AR) tour? Mobile is great for two-way interaction, but will visitors want to be constantly switching from ear to eye? Contributors: Weiss, Ginsburg, Wroblewski, Proctor 6) Empower your customers • You’d be amazed what people are prepared to do on a mobile phone, as long as it is useful, straight-forward and fun. Yes, even paying taxes. Look for things you couldn’t imagine anyone using their phone to do, research it, then build it. • The content is the interface. Mobile screens are tiny in comparison to desktop computer screens, thus every pixel of UI should add value to the user experience. Make it beautiful, but make it useful. • Make it quick and easy. Remember screens are small, entering information is difficult and mobile users are often multi-tasking, using a phone one-handed, or in a hurry. Minimize errors and make users more efficient, by storing preferences and recent queries, and suggesting matches. Contributors: Tifford, Ginsburg 7) Test, test, test Test the app/site on actual devices, with real customers, using it in the typical and expected real-world contexts/situations. • Emulators are great, but they are not the same thing as real testing on real devices on real mobile networks by real people. • Break the glass barrier when working with users. Be flexible and mobile with your testing strategies. Go to where they are more often. Ensure the entire team engages with users directly even if that means you need to bring them to the labs. • The hardware should always be considered... the handling (or gripping) of a device can change the entire usability of your app [see above]. In the early days of design process, print off the screens and stick them to a plastic model. Contributors: Grigsby, Ballard, Tifford, Vonshak 8) The iconic icon The icon is most commonly associated with the download app. However, increasingly mobile sites and Web apps also use mobile launchers, which are icons that hyperlink to the Web address. • Do not underestimate the importance of this tiny collection of pixels. Give this icon a disproportionate amount of design attention and polish. If you don’t have the design expertise, hire a professional - it is worth it. • The icon – more so than the name or description – is what catches the eye of the customer and encourages them to find out more/download the app. Once downloaded, the icon needs to jump out of the mobile start page/home screen every time the device is switched on. • Make your icon colorful, make it memorable, make it fun, but whatever you do, don&apos;t make it mysterious. The icon is an advertisement, so it has to be clear about what it&apos;s selling. The icon is the product packaging, so it&apos;s great if it’s pretty, but it&apos;s more important to be descriptive and identifiable at a glance. Don’t be too clever or cryptic. Contributors: Clark, Ginsburg
  • Usability and design (en francais)

    1. 1. Que voyez-vous? Systèmes d’Information: Utilisabilité
    2. 2. Les défis <ul><li>Programmation complexe </li></ul><ul><li>Diversité </li></ul><ul><ul><li>D’objectives (site et utilisateurs) </li></ul></ul><ul><ul><li>Equipment et systèmes </li></ul></ul><ul><ul><li>Navigateurs </li></ul></ul><ul><ul><li>Vitesses de connection </li></ul></ul><ul><ul><li>Expériences http://www.idboox.com/ebook/infos-ebooks/un-ipad-une-wii-une-web-cam-et-des-seniors/ </li></ul></ul>
    3. 4. Examples <ul><li>http://shihtzu.free.fr/index.htm </li></ul><ul><li>http://www.seloger.com </li></ul><ul><li>http://www.conforama.fr/ </li></ul>
    4. 5. Norauto & Google Maps
    5. 6. Heures d’ouverture
    6. 7. Visas pour la France
    7. 8. Les étapes typiques <ul><li>Analyse des besoins (discutez et recherchez) </li></ul><ul><li>Recherche et créeation des « personas » </li></ul><ul><li>Architecture de l'information (testez) </li></ul><ul><li>Maquettage low-fidelity (testez) </li></ul><ul><li>Design graphique (testez) </li></ul><ul><li>Implémentation </li></ul><ul><li>Tests utilisateurs </li></ul><ul><li>Ajustements suite aux tests </li></ul><ul><li>Lancement </li></ul><ul><li>Publicité </li></ul>
    8. 9. Analyse des besoins <ul><li>Le but du site de notre point de vue </li></ul><ul><li>Les utilisateurs probable/desirés </li></ul><ul><li>Cherchez l’intersection le plus simple de ceux que vous voulez et ceux que vos utilisateurs voudront </li></ul><ul><li>E.g. http://www.seloger.com/ - qui veut quoi du site? </li></ul>
    9. 10. Création des « personas » <ul><li>specifique </li></ul>
    10. 11. Architecture de l'information <ul><li>Card sorting – ouvert v. fermé </li></ul>
    11. 12. Maquettage low-fidelity (wireframe)
    12. 13. Design graphique <ul><li>Utilizer un professionel </li></ul><ul><li>Erreurs typiques: </li></ul><ul><ul><li>Trop d’information / de messages sur la page </li></ul></ul><ul><ul><li>Information important sous la première vue (below the fold) </li></ul></ul><ul><ul><li>Trop de mouvement / d’animation </li></ul></ul><ul><ul><li>Manque d’images / mauvais images / images trop utilisés </li></ul></ul><ul><ul><li>Manque de contraste de couleurs </li></ul></ul><ul><ul><li>Photos ou videos non-optimisés </li></ul></ul>
    13. 14. Les testes d’utilisateurs
    14. 16. Methodes de controle <ul><li>Focus groups (face-à-face ou en ligne) </li></ul><ul><li>Laboratoire </li></ul><ul><li>Sondage au site web </li></ul><ul><li>Analyse des statistiques d’utilisation </li></ul><ul><li>Commentaires des consumateurs </li></ul><ul><li>Testes d’utilisation à distance </li></ul>
    15. 17. Focus Groups <ul><li>6 – 12 personnes </li></ul><ul><li>Les examplaires des pages, le card-sort, etc </li></ul><ul><li>Client derrière un mirroir </li></ul><ul><li>Besoin d’un bon moderateur </li></ul><ul><li>Assurez que les participants sont vraiment comme vos clients desirés </li></ul>
    16. 18. Focus Groups – utile quand: <ul><li>Très tot </li></ul><ul><li>Reactions emotional aux couleurs, images </li></ul><ul><li>Une idée général du contenu desiré </li></ul>
    17. 19. Focus Groups - Risques <ul><li>Les utilisateurs ne font pas tousjours ce qu’il anticipés </li></ul><ul><li>Inutile pour la navigation </li></ul><ul><li>“ Groupthink”; faible moderation </li></ul><ul><li>Limitation de geographie, geography, et la disponabilité - Bias </li></ul>
    18. 20. Les Prototypes & Card Sorts <ul><li>http://www.youtube.com/watch?v=L7oPR2aTGlM </li></ul><ul><li>Pas cher </li></ul><ul><li>Pas compliqué </li></ul><ul><li>Mais pas assez toute seul </li></ul>
    19. 21. Controles au laboratoire <ul><li>Une à la fois; vocaliser leurs pensées </li></ul><ul><li>Moderator peut etre présent </li></ul><ul><li>Souvent videographié </li></ul><ul><li>Client peut regarder derríère un mirror </li></ul><ul><li>Minimum 5 - 6 utilisateurs; plus est mieux, mais chèr </li></ul>
    20. 22. Laboratoire - Avantages <ul><li>On peut demander des questions pendant que le testeur utilise le site </li></ul><ul><li>On peut voir leur visage, leurs hesitations </li></ul><ul><li>Pas necessaire de coordiner toute une groupe en meme temps </li></ul><ul><li>Peut mesurer le temps que ca prend pour completer les taches. </li></ul>
    21. 23. Laboratoire - negatives <ul><li>Stressante; impact sur leur performance </li></ul><ul><li>Des ordinateurs étrange </li></ul><ul><li>Les testeurs doivent avoir le temps et la capacité de venir au labo </li></ul><ul><li>Limitation geographiques </li></ul><ul><li>Très peu de testeurs </li></ul><ul><li>Peut etre très cher </li></ul>
    22. 24. Laboratoire est utile quand: <ul><ul><li>On veut voir / percevoir les subtiltés </li></ul></ul><ul><ul><li>On a déjà une site disponible sur l’ordinateur pour tester </li></ul></ul>
    23. 25. Eye Tracking <ul><li>http://www.youtube.com/watch?v=xKdOMgu0C5Q&feature=related </li></ul><ul><ul><li>Gauche à droite </li></ul></ul><ul><ul><li>Visages / photos </li></ul></ul><ul><ul><li>Placements “traditionel” </li></ul></ul>
    24. 26. Accessibilité <ul><li>http://youtu.be/cWetc7AS37A </li></ul><ul><li>Noms des liens (links) </li></ul><ul><li>Alt tags </li></ul><ul><li>http://www.w3.org/ (traductions francais à http://www.yoyodesign.org/doc/w3c/index.php ) </li></ul>
    25. 27. Sondages sur le site <ul><li>Sondage apparait soit pour chaque visiteur, soit chaque certain nombre, soit quand ils quittent une certain page </li></ul>
    26. 28. Avantages des sondages web <ul><li>Facile à implementer </li></ul><ul><li>On peut obtenir beaucuoup de reponses très vite </li></ul><ul><li>Des vrai visiteurs </li></ul><ul><li>Facile à faire et d’obtenir grandes nombres vite </li></ul><ul><li>Pas chèr </li></ul><ul><li>Facile à changer les questions </li></ul>
    27. 29. Désavantages des sondages <ul><ul><li>Les utilisateurs ont vu trop </li></ul></ul><ul><ul><li>Bias </li></ul></ul><ul><ul><li>Intrusive </li></ul></ul><ul><ul><li>Très peu de questions </li></ul></ul><ul><ul><li>Indique pas les défis de navigation </li></ul></ul>
    28. 30. Utilize les sondages quand: <ul><ul><li>Le site existe déjà </li></ul></ul><ul><ul><li>Le site a beaucoup de traffic </li></ul></ul><ul><ul><li>Veut simplement des réactions genérales </li></ul></ul><ul><ul><li>Rapidité est plus important que la profondeur </li></ul></ul>
    29. 31. Statistiques / metriques <ul><li>On peut analyzer les trajectoires pris par des visiteurs; on les perd ou? </li></ul><ul><li>Quels pages sont populaires? </li></ul><ul><li>Utile comme suplément, mais on doit déduire les motivations </li></ul>
    30. 32. Commentaires spontanées des clients <ul><li>Plusieurs sources </li></ul><ul><li>Avantages: </li></ul><ul><ul><li>Pas chère </li></ul></ul><ul><ul><li>Des vrais clients </li></ul></ul><ul><ul><li>Opportunité de régler le problème </li></ul></ul>
    31. 33. Désavantages <ul><ul><li>Bias </li></ul></ul><ul><ul><li>Ne trouve pas toutes les problèmes </li></ul></ul><ul><ul><li>Ca peut etre cher (grandes entreprises) </li></ul></ul><ul><ul><li>Il faut répondre vite et bien </li></ul></ul><ul><ul><li>(NB: Dangers des auto-répondeurs) </li></ul></ul><ul><ul><li>Souvent pas assez de détail </li></ul></ul>
    32. 34. Utilise quand: <ul><ul><li>Faire des petites ajustements </li></ul></ul><ul><ul><li>Aide a verifier que les employées sont en accord avec les promesses du site </li></ul></ul><ul><ul><li>Des idées quand on veut refaire le site </li></ul></ul>
    33. 35. Testes d’usabilité à distance <ul><li>Differentes types </li></ul><ul><ul><li>En direct; partage l’ecran </li></ul></ul><ul><ul><li>Video (e.g. Morae http://www.techsmith.com/morae.asp ) </li></ul></ul><ul><ul><li>Grandes échantillons (e.g. Loop 11 http://www.loop11.com/ ) </li></ul></ul>
    34. 36. Avantages <ul><li>Aucun limitation de géographie ni (selon la méthode) d’heures </li></ul><ul><li>Beaucoup de détail </li></ul><ul><li>Qualitative et quantitative </li></ul><ul><li>Endroit normal pour l’utilisateur </li></ul><ul><li>Validité statistique </li></ul>
    35. 37. Désavantages <ul><li>Ne peut pas voir les visages </li></ul><ul><li>Pour certains systèmes les testeurs doit etre capable de suivre les instructions écrits et d’expliquer leurs actions en écrivant </li></ul><ul><li>Peut seulement le faire si le site est déjà montée </li></ul>
    36. 38. Quoi faire quand <ul><li>Dévelopement de Concept : focus groups, et commentaires des clients existantes </li></ul><ul><li>Une fois en ligne : Laboratoire si on doit voire les visages. Si non, considère les utils à distance </li></ul><ul><li>Continuelle: Sondages parfois; statistiques/metriques, commentaires des clients; peut utiliser des techniques a distance pour étudier la concurrance </li></ul><ul><li>Révision du site: Techniques à distance avec des grandes nombres d’utilisateurs, plus autre information de l’étape continuelle. </li></ul>
    37. 39. 1. Dévelopement de Concept: focus groups, et commentaires des clients existantes 2. Une fois en ligne : Laboratoire si on doit voire les visages. Si non, considère les utils à distance 3. Continuelle: Sondages parfois; statistiques/metriques, commentaires des clients; peut utiliser des techniques a distance pour étudier la concurrance 4. Révision du site: Techniques à distance avec des grandes nombres d’utilisateurs, plus autre information de l’étape continuelle
    38. 40. Révision du site <ul><ul><li>Don’t throw out the baby with the bathwater!! </li></ul></ul>
    39. 41. Today’s typical shopper <ul><li>Que veut-tu? </li></ul><ul><li>Recherche </li></ul><ul><li>Trouve les vendeurs </li></ul><ul><li>Opinions des autres </li></ul><ul><li>Décision </li></ul><ul><li>Achète en ligne ou au magasin </li></ul>
    40. 45. Idées? Quéstions? <ul><li>[email_address] </li></ul><ul><li>http://emarketingmama.com </li></ul>

    ×