SlideShare une entreprise Scribd logo
1  sur  45
Télécharger pour lire hors ligne
Que voyez-vous? Systèmes d’Information:  Utilisabilité
Les défis ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
Examples ,[object Object],[object Object],[object Object]
Norauto & Google Maps
Heures d’ouverture
Visas pour la France
Les étapes typiques ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Analyse des besoins ,[object Object],[object Object],[object Object],[object Object]
Création des « personas »  ,[object Object]
Architecture de l'information  ,[object Object]
Maquettage low-fidelity (wireframe)
Design graphique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Les testes d’utilisateurs
 
Methodes de controle ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Focus Groups  ,[object Object],[object Object],[object Object],[object Object],[object Object]
Focus Groups – utile quand: ,[object Object],[object Object],[object Object]
Focus Groups - Risques ,[object Object],[object Object],[object Object],[object Object]
Les Prototypes & Card Sorts ,[object Object],[object Object],[object Object],[object Object]
Controles au laboratoire ,[object Object],[object Object],[object Object],[object Object],[object Object]
Laboratoire - Avantages ,[object Object],[object Object],[object Object],[object Object]
Laboratoire - negatives ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Laboratoire est utile quand: ,[object Object],[object Object]
Eye Tracking ,[object Object],[object Object],[object Object],[object Object]
Accessibilité ,[object Object],[object Object],[object Object],[object Object]
Sondages sur le site ,[object Object]
Avantages des sondages web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Désavantages des sondages ,[object Object],[object Object],[object Object],[object Object],[object Object]
Utilize les sondages quand: ,[object Object],[object Object],[object Object],[object Object]
Statistiques / metriques ,[object Object],[object Object],[object Object]
Commentaires spontanées des clients ,[object Object],[object Object],[object Object],[object Object],[object Object]
Désavantages ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Utilise quand: ,[object Object],[object Object],[object Object]
Testes d’usabilité à distance ,[object Object],[object Object],[object Object],[object Object]
Avantages ,[object Object],[object Object],[object Object],[object Object],[object Object]
Désavantages ,[object Object],[object Object],[object Object]
Quoi faire quand ,[object Object],[object Object],[object Object],[object Object]
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
Révision du site ,[object Object]
Today’s typical shopper ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
Idées? Quéstions?  ,[object Object],[object Object]

Contenu connexe

En vedette

Quand la Fédé offre un iPod touch
Quand la Fédé offre un iPod touchQuand la Fédé offre un iPod touch
Quand la Fédé offre un iPod touchThomas Hermine
 
1 metz presentation_bucarest
1 metz presentation_bucarest1 metz presentation_bucarest
1 metz presentation_bucarestlpjmn2011
 
Automatisation et Gestion de Cluster de Bases de Données MariaDB Roadshow
Automatisation et Gestion de Cluster de Bases de Données MariaDB RoadshowAutomatisation et Gestion de Cluster de Bases de Données MariaDB Roadshow
Automatisation et Gestion de Cluster de Bases de Données MariaDB RoadshowMariaDB Corporation
 
IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7
IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7
IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7Solutions IT et Business
 
Ht lemagicienbet
Ht lemagicienbetHt lemagicienbet
Ht lemagicienbetkelticman
 
Laudon traver e-commerce4_e_chapter01
Laudon traver e-commerce4_e_chapter01Laudon traver e-commerce4_e_chapter01
Laudon traver e-commerce4_e_chapter01rui6
 
L'art de prendre la bonne photo au bon
L'art de prendre la bonne photo au bonL'art de prendre la bonne photo au bon
L'art de prendre la bonne photo au bonOvidiu Slimac
 
République du tchad
République du tchadRépublique du tchad
République du tchadGuarin2011
 
Expert folder Décembre FR
Expert folder Décembre FRExpert folder Décembre FR
Expert folder Décembre FRExpert
 
PASSÉ COMPOSÉ ET IMPARFAIT
PASSÉ COMPOSÉ ET IMPARFAITPASSÉ COMPOSÉ ET IMPARFAIT
PASSÉ COMPOSÉ ET IMPARFAITjuliana muñoz
 
Laudon traver e-commerce4_e_chapter03
Laudon traver e-commerce4_e_chapter03Laudon traver e-commerce4_e_chapter03
Laudon traver e-commerce4_e_chapter03rui6
 
Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...
Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...
Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...Ismail BADACHE
 
V7 présentation campagne hiver
V7 présentation campagne hiverV7 présentation campagne hiver
V7 présentation campagne hivertourismecharlevoix
 
MALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-french
MALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-frenchMALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-french
MALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-frenchVogelDenise
 

En vedette (20)

Quand la Fédé offre un iPod touch
Quand la Fédé offre un iPod touchQuand la Fédé offre un iPod touch
Quand la Fédé offre un iPod touch
 
1 metz presentation_bucarest
1 metz presentation_bucarest1 metz presentation_bucarest
1 metz presentation_bucarest
 
Le climat a chypre
Le climat a chypreLe climat a chypre
Le climat a chypre
 
Automatisation et Gestion de Cluster de Bases de Données MariaDB Roadshow
Automatisation et Gestion de Cluster de Bases de Données MariaDB RoadshowAutomatisation et Gestion de Cluster de Bases de Données MariaDB Roadshow
Automatisation et Gestion de Cluster de Bases de Données MariaDB Roadshow
 
IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7
IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7
IM France - Avantages d'une mise à niveau vers info sphere datastage 8.7
 
Ht lemagicienbet
Ht lemagicienbetHt lemagicienbet
Ht lemagicienbet
 
Laudon traver e-commerce4_e_chapter01
Laudon traver e-commerce4_e_chapter01Laudon traver e-commerce4_e_chapter01
Laudon traver e-commerce4_e_chapter01
 
L'art de prendre la bonne photo au bon
L'art de prendre la bonne photo au bonL'art de prendre la bonne photo au bon
L'art de prendre la bonne photo au bon
 
République du tchad
République du tchadRépublique du tchad
République du tchad
 
Expert folder Décembre FR
Expert folder Décembre FRExpert folder Décembre FR
Expert folder Décembre FR
 
Intervention ADEME - Festival Icare2011
Intervention ADEME - Festival Icare2011Intervention ADEME - Festival Icare2011
Intervention ADEME - Festival Icare2011
 
Louvre2
Louvre2Louvre2
Louvre2
 
PASSÉ COMPOSÉ ET IMPARFAIT
PASSÉ COMPOSÉ ET IMPARFAITPASSÉ COMPOSÉ ET IMPARFAIT
PASSÉ COMPOSÉ ET IMPARFAIT
 
Laudon traver e-commerce4_e_chapter03
Laudon traver e-commerce4_e_chapter03Laudon traver e-commerce4_e_chapter03
Laudon traver e-commerce4_e_chapter03
 
FEAC
FEACFEAC
FEAC
 
Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...
Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...
Exploitation de signaux sociaux pour estimer la pertinence a priori d’une res...
 
Plenary I - E. Ehouan Ehilé
Plenary I - E. Ehouan EhiléPlenary I - E. Ehouan Ehilé
Plenary I - E. Ehouan Ehilé
 
Sp ws1 nouria benghabrit remaoun
Sp ws1 nouria benghabrit remaounSp ws1 nouria benghabrit remaoun
Sp ws1 nouria benghabrit remaoun
 
V7 présentation campagne hiver
V7 présentation campagne hiverV7 présentation campagne hiver
V7 présentation campagne hiver
 
MALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-french
MALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-frenchMALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-french
MALCOLM X (BUILDING BRIDGES-Getting The DEVIL OFF YOUR BACK)-french
 

Similaire à Usability and design (en francais)

Comment réussir son étude marketing en ligne ?
Comment réussir son étude marketing en ligne ?Comment réussir son étude marketing en ligne ?
Comment réussir son étude marketing en ligne ?AreYouNet.com
 
Comment fonctionne EnqueteFacile.com?
Comment fonctionne EnqueteFacile.com?Comment fonctionne EnqueteFacile.com?
Comment fonctionne EnqueteFacile.com?EnqueteFacile.com
 
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomiqueCours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomiqueElodieDescharmes
 
Comment Fonctionne EnqueteFacile.com ?
Comment Fonctionne EnqueteFacile.com ?Comment Fonctionne EnqueteFacile.com ?
Comment Fonctionne EnqueteFacile.com ?EnqueteFacile.com
 
Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion ABES
 
Analyser les données Analytics de mon site
Analyser les données Analytics de mon siteAnalyser les données Analytics de mon site
Analyser les données Analytics de mon siteConcept Image
 
Place des Lices - Prototype et tests utilisateurs
Place des Lices - Prototype et tests utilisateursPlace des Lices - Prototype et tests utilisateurs
Place des Lices - Prototype et tests utilisateursplacedeslices
 
Mettez la puissance de Google Analytics au service de votre projet
Mettez la puissance de Google Analytics au service de votre projetMettez la puissance de Google Analytics au service de votre projet
Mettez la puissance de Google Analytics au service de votre projetBaptiste Legrand
 
Comment (re)créer le site de son association - 26 novembre 2015
Comment (re)créer le site de son association - 26 novembre 2015Comment (re)créer le site de son association - 26 novembre 2015
Comment (re)créer le site de son association - 26 novembre 2015webassoc .fr
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015SADC d'Abitibi-Ouest
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads France
 
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentationRentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation:ratio
 
C'est en testant, que l'on va de l'avant"
C'est en testant, que l'on va de l'avant"C'est en testant, que l'on va de l'avant"
C'est en testant, que l'on va de l'avant"LE ROUZIC Stéphanie
 
Comment améliorer les performances de mon site web grâce à l'UX ?
Comment améliorer les performances de mon site web grâce à l'UX ?Comment améliorer les performances de mon site web grâce à l'UX ?
Comment améliorer les performances de mon site web grâce à l'UX ?Concept Image
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonOlivier Lorrain
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015webschooltours
 
Développement d'un site web pour la promotion de pme 2013 cld au coeur de l...
Développement d'un site web pour la promotion de pme 2013   cld au coeur de l...Développement d'un site web pour la promotion de pme 2013   cld au coeur de l...
Développement d'un site web pour la promotion de pme 2013 cld au coeur de l...MXO | agence totale
 
Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]
Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]
Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]Technologia Formation
 
Optimiser son site grâce au testing A/B ou multivarié et au ciblage
Optimiser son site grâce au testing A/B ou multivarié et au ciblageOptimiser son site grâce au testing A/B ou multivarié et au ciblage
Optimiser son site grâce au testing A/B ou multivarié et au ciblageRaphaël Fétique
 
Google Analytics : bien le comprendre et bien l'utiliser
Google Analytics : bien le comprendre et bien l'utiliserGoogle Analytics : bien le comprendre et bien l'utiliser
Google Analytics : bien le comprendre et bien l'utiliserLe Wagon
 

Similaire à Usability and design (en francais) (20)

Comment réussir son étude marketing en ligne ?
Comment réussir son étude marketing en ligne ?Comment réussir son étude marketing en ligne ?
Comment réussir son étude marketing en ligne ?
 
Comment fonctionne EnqueteFacile.com?
Comment fonctionne EnqueteFacile.com?Comment fonctionne EnqueteFacile.com?
Comment fonctionne EnqueteFacile.com?
 
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomiqueCours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
Cours ergonomie des IHM web - Chapitre 13 - Audit ergonomique
 
Comment Fonctionne EnqueteFacile.com ?
Comment Fonctionne EnqueteFacile.com ?Comment Fonctionne EnqueteFacile.com ?
Comment Fonctionne EnqueteFacile.com ?
 
Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion Jabes 2013 - Poster du SCD de la Réunion
Jabes 2013 - Poster du SCD de la Réunion
 
Analyser les données Analytics de mon site
Analyser les données Analytics de mon siteAnalyser les données Analytics de mon site
Analyser les données Analytics de mon site
 
Place des Lices - Prototype et tests utilisateurs
Place des Lices - Prototype et tests utilisateursPlace des Lices - Prototype et tests utilisateurs
Place des Lices - Prototype et tests utilisateurs
 
Mettez la puissance de Google Analytics au service de votre projet
Mettez la puissance de Google Analytics au service de votre projetMettez la puissance de Google Analytics au service de votre projet
Mettez la puissance de Google Analytics au service de votre projet
 
Comment (re)créer le site de son association - 26 novembre 2015
Comment (re)créer le site de son association - 26 novembre 2015Comment (re)créer le site de son association - 26 novembre 2015
Comment (re)créer le site de son association - 26 novembre 2015
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateursCocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
CocoaHeads Toulouse - so!use - Faites vos propres tests utilisateurs
 
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentationRentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
Rentrer dans la tête de vos utilisateurs grâce aux statistiques de fréquentation
 
C'est en testant, que l'on va de l'avant"
C'est en testant, que l'on va de l'avant"C'est en testant, que l'on va de l'avant"
C'est en testant, que l'on va de l'avant"
 
Comment améliorer les performances de mon site web grâce à l'UX ?
Comment améliorer les performances de mon site web grâce à l'UX ?Comment améliorer les performances de mon site web grâce à l'UX ?
Comment améliorer les performances de mon site web grâce à l'UX ?
 
Introduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal LyonIntroduction à l'ergonomie - Drupal Lyon
Introduction à l'ergonomie - Drupal Lyon
 
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
"Réussir son projet web... ou pas !" - Webschool Tours, 09/2015
 
Développement d'un site web pour la promotion de pme 2013 cld au coeur de l...
Développement d'un site web pour la promotion de pme 2013   cld au coeur de l...Développement d'un site web pour la promotion de pme 2013   cld au coeur de l...
Développement d'un site web pour la promotion de pme 2013 cld au coeur de l...
 
Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]
Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]
Préparez votre recherche utilisateur (UX) pour convertir plus! [webinaire]
 
Optimiser son site grâce au testing A/B ou multivarié et au ciblage
Optimiser son site grâce au testing A/B ou multivarié et au ciblageOptimiser son site grâce au testing A/B ou multivarié et au ciblage
Optimiser son site grâce au testing A/B ou multivarié et au ciblage
 
Google Analytics : bien le comprendre et bien l'utiliser
Google Analytics : bien le comprendre et bien l'utiliserGoogle Analytics : bien le comprendre et bien l'utiliser
Google Analytics : bien le comprendre et bien l'utiliser
 

Usability and design (en francais)

Notes de l'éditeur

  1. 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?
  2. Plusieurs raisons Mais il faut quande meme essayer; l’impact de developper les systems dans un facon utilisable est enorme
  3. Il insistez sur la simplicite, et a revolutionisé le monde des ordinateurs, des ecouteurs de music, et des telephones cellulaire
  4. 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
  5. Bon – beaucoup d’information Pas bon - contradictions
  6. 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 ?
  7. 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
  8. Le plus réel que possible Fais de la recherche pour les developper
  9. 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.
  10. Pas les programmateurs Pas les employees
  11. 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
  12. Commentaires via appels, lettres, e-mail, twitter, etc Remote often confused with online focus groups
  13. Moderator – no bias, bring all out
  14. E-g. logo in dessus a gauche Recherche box in top right or top left under logo Navigation premiere en dessus
  15. 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)
  16. E-mail, analysis of calls to call-centre, even snail mail, twitter, Since you get it, USE IT !!
  17. Respond quickly and well, or will make matters worse Ou exactement etait le probleme?
  18. Wide range of computer systems; buggy personal computers
  19. Eventually … redesign … test to learn what can be kept…. Designers… want to start clean slate… not always necessary…
  20. How would you tackle it? What search terms?
  21. 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”
  22. he anatomy of good mobile design 1) Putting things in context Understand, respect and design for your users' contexts. These include: • Environmental: don'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'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'm local. Take advantage of location, audio and video sensors to establish context. c) I'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'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'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'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't make it mysterious. The icon is an advertisement, so it has to be clear about what it's selling. The icon is the product packaging, so it's great if it’s pretty, but it's more important to be descriptive and identifiable at a glance. Don’t be too clever or cryptic. Contributors: Clark, Ginsburg