IFT2905 - Semaine 2 - ✨ Rendre les choses simples pour l'utilisateur ✨


Microdevoir

Remise SUR STUDIUM, à remettre demain (mercredi)

L'interface d'exemple doit obligatoirement être une page d'inscription

Ce n'est pas important si votre remise se fait sur le groupe A ou B, la correction des deux groupes se fait ensemble.

Lien aux instructions du devoir

Si vous n'arrivez pas à trouver vos coéquipier.e.s sur les participants de studium, vous pouvez utiliser outlook de l'UdeM pour chercher les courriels des personnes et leur écrire:

image-20230119122156544

 

Instructions pour créer board miro pour votre équipe

Assurez-vous que vous n'êtes pas déjà dans une équipe MIRO avant de créer la votre (vous ne pouvez en créer qu'une avec le plan payant) - si c'est le cas, vous devez partir de l'équipe courante

image-20230119120949220

Créez une nouvelle équipe

image-20230119121222282

Invitez les membres de l'equipe

image-20230119121304141

Creez un board pour votre equipe

image-20230119121322692

Assurez-vous que lorsque vous partagez votre board avec la correctrice,

image-20230119121435289

Que vous lui donnez les permissions de édit (!!!!)

image-20230119121451233

Plan de la démo

  1. Concepts importants pour aujourd'hui;
  2. Miyamoto et Super Mario Bros: comment bien faire une interface
  3. Please make it stop: les mauvaises interfaces utilisateurs en logiciel
  4. Critiquer une interface: comment?
  5. Miro
  6. 👀

 

Concepts importants pour aujoud'hui

image-20230119021553471

image-20230119021610941

🇫🇷 🇫🇷 pas du tout la même chose mais donc j'utiliserai les termes en anglais car le français les distingue pas 🇫🇷 🇫🇷

L'utilisateur arrive au résultat final avec peu d'effort et/ou dans un délai de temps considéré comme court pour la tâche.

L'interface permet à l'utilisateur d'arriver au résultat final attendu.

L'interface indique à l'utilisateur que son opération/action a été prise en compte

La facilité à voir et comprendre l'état du système (assurez-vous de bien comprendre la définition d'état de système)

Le degré auquel un produit peut être utilisé par des utilisateurs spécifiques, pour accomplir des tâches avec efficacité, efficience et satisfaction

Capacité de l'utilisateur de pouvoir se rappeler de comment utiliser l'interface sans avoir à se réferer à de l'aide ou de la documentation.

Comfort de l'utilisateur + lui faire vivre une expérience positive

La facilité avec laquelle les utilisateurs s'habituent et utilisent l'interface

Mesure de la quantité de ceux-ci, ainsi que leur impact


 

Miyamoto et Super Mario Bros: comment bien faire une interface

 

Efficiency: 2:57

Effectiveness: - 2:58

Feedback: les bruits du jeu; les blocs qui s'activent quand on les frappe correctement; les goomba applatis quand arrive à les tuer; les blocs "vides" qui font un petit bruit sec pour indiquer qu'il n'y a rien qui s'active là

Visibilité du système:

Utilisabilité - 1:41 ; 3:33

Memorabilité - 1:15

Simplicité d'apprentissage - 0:46

Satisfaction - 0:26; 1:02

Erreurs - 2:28


 

Please, make it stop: les mauvaises interfaces utilisateurs

User in yer face (site web) - Ce qu'il ne faut pas faire

 

 

et pourtant...

 

Figure 1: laura qui essaye de changer son mot de passe synchro.

 


Critiquer une interface: comment?

Retour à:

User in yer face (site web) - Ce qu'il ne faut pas faire

 

Votre tour:

http://tiny.cc/demomiro

image-20230119034413897