Interagir avec pain

, par Pierre

Interactions à la souris

Au delà des liens normaux (menu du haut, service d’un enseignant, lien dans un commentaire) l’interface comporte plusieurs éléments qui réagissent au simple clic.

Le plus important est certainement le triangle bleu à gauche permettant de déplier une ligne.

Certaines cellules sont conçues pour recevoir des données qui prennent du temps à produire côté serveur (typiquement les statistiques). Leur contenu n’est pas chargé automatiquement mais remplacé par le mot "voir" sur dun fond hachuré. Un simple clic charge les données (une nouvelle fois avec la version la plus actuelle si une ancienne version était déjà affichée).

Le double-clic permet de passer une cellule en mode édition. Sur les touchscreen (smart phone, tablettes) il est possible de déverrouiller un mode édition d’un simple clic pour remplacer l’absence de double-clic. Ce déverrouillage se fait en haut à gauche.

En plus de quoi la souris permet d’accéder à des menus contextuels et des boutons divers.

Complétion automatique

Certaines cellules font une liste de suggestions de complétion lors de la saisie, même si la liste est réduite à un seul élément et si le nom saisi est complet, il est nécessaire de cliquer sur la suggestion pour que le changement de valeur puisse être pris en compte.

Utilisation du clavier

lorsqu’une cellule est en mode édition et possède le focus (elle contient le curseur d’insertion), il est possible :
 de passer à la cellule suivante en la basculant en mode édition avec la touche tabulation,
 passer à la cellule précédente avec maj-tab,
 annuler l’édition de la ligne avec esc
 enregistrer les modifications de la ligne avec entrée.

Rafraîchir un affichage

Certains éléments affichés ne sont pas entièrement mis à jour après une édition. Par exemple après avoir inséré une nouvelle ligne, l’ordre d’affichage des lignes n’est pas modifié. De même le compte des lignes au niveau supérieur, tel qu’affiché à côté du triangle de dépliage, n’est pas mis à jour (non plus en cas d’effacement, de duplication etc). Pour que l’affichage prenne en compte les modifications, il est nécessaire de plier et déplier la ligne, au niveau supérieur.

Bluehats & UnivMobile , Présentation de la démarche design employée pour UnivMobile faite à la rencontre bluehats du 11 décembre 2019. [pdf, jpg]
Mon université en 2030, Texte d'une intervention que j'ai faite dans le cadre d'une soirée Cap 2030, organisée par le EdFab à Cap Digital le 27 février (...)
des QCM en ligne grâce à org-mode (et jQuery, et MathJax), org-mode Logo org-mode en free software [org, html, css]
Revenu et logement, Je livre ici quelques éléments de comparaison concernant mon niveau de vie, pour couper court à quelques idées reçues, et un condensé de nombreuses (...)
Revenu et travail d’un enseignant-chercheur, Cet article complète l'article Revenu et logement, en détaillant un peu le budget de mon ménage, mon parcours d'enseignant-chercheur en terme de (...)
Cybersyn (el systemo synco), Au café, mardi 5 avril 2011, j'ai bien vu que, mis à part Antoine Allombert, personne ne connaissait l'histoire de l'extraordinaire projet chilien (...) [jpg, jpg, png]