Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #e
  • #er
  • #erg
RSS: #ergonomie

#ergonomie

  • #ergonomie_éditoriale
0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200
  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 3/12/2020
    2
    @rastapopoulos
    @baroug
    2

    Tous les articles sur le Calendrier de l’Avent du Web sont très bien mais celui sur les formulaires est parfait, et devrait être lu par tous les développeurs Web :

    ▻https://www.24joursdeweb.fr/2020/l-homme-qui-hululait-a-l-oreille-des-formulaires

    #HTML #formulaire #contrôle_des_données_en_entrée

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/12/2020

      #ergonomie #conception #web #UX

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @hlc
    Articles repérés par Hervé Le Crosnier @hlc CC BY 20/10/2020
    4
    @simplicissimus
    @marielle
    @colporteur
    @02myseenthis01
    4

    Assassinat de Samuel Paty : “Il faut trouver un moyen de limiter les partages pulsionnels sur les réseaux sociaux” | Interview d’Olivier Ertzscheid
    ▻https://www.telerama.fr/idees/assassinat-de-samuel-paty-il-faut-trouver-un-moyen-de-limiter-les-partages-

    https://www.telerama.fr/sites/tr_master/files/styles/968x546/public/lgeai-conflans-hommage-17-oct21.jpg?itok=wYvYBHqn

    Spécialiste en sciences de l’information et de la communication, Olivier Ertzscheid pointe l’incapacité politique à comprendre les enjeux des échanges numériques, et la propension structurelle des réseaux sociaux à diffuser la haine. Il appelle à une réflexion large, des concepteurs aux régulateurs et aux utilisateurs des outils de communication virtuels.

    Huit jours. C’est le temps qui s’est écoulé entre l’allumage de la mèche et l’explosion de la charge. Entre le virtuel et le réel. Entre la vidéo d’un parent d’élève prenant nommément à partie Samuel Paty, le professeur d’histoire-géo de sa fille, et l’assassinat barbare de celui-ci, décapité près de son collège de Conflans-Sainte-Honorine par un individu qui, il y a deux semaines encore, ignorait jusqu’à son existence.
    Abonné Assassinat de Samuel Paty : “Être musulman, c’est respecter l’autre dans sa dignité absolue” Youness Bousenna 8 minutes à lire

    Pendant ces huit jours, jusqu’à leur épouvantable culmination, l’enseignant a été la cible d’une campagne de dénigrement, à l’intensité centuplée par les réseaux sociaux, en public et en privé, en messages et en boucle. Avec l’aide de Facebook, WhatsApp ou Snapchat, la vindicte populaire a même franchi les frontières géographiques pour arriver jusqu’en Algérie. On n’en a rien su. Ou trop tard. Qu’aurait-il fallu faire pendant ces huit jours, aussi courts qu’interminables ?

    Dans cet embrasement, le problème n’est pas l’anonymat, déjà pris pour cible par certains responsables politiques désarmés, mais la foule et son viatique numérique. Comme un précipité des passions les plus tristes de l’époque, cet attentat vient rappeler que la raison voyage toujours moins vite que le bruit, et repose, dans les pires conditions possibles, cette question aussi vitale qu’indémêlable : comment rendre vivables nos conversations en ligne ? Comment faire pour que, a minima, on n’en meure pas ?

    Pour Olivier Ertzscheid, maître de conférences en sciences de l’information et de la communication à l’université de Nantes, auteur du Monde selon Zuckerberg (éditions C&F, 2020), la solution s’écrit lentement : à l’urgence omnipotente des plateformes, il faut réussir à opposer un peu de friction et une certaine lenteur.

    En de pareilles circonstances, pourquoi accuse-t-on systématiquement les réseaux sociaux ?
    Il y a un effet de visibilité sur les réseaux sociaux, particulièrement dans la temporalité d’un attentat : ce que les gens disent de l’événement en ligne est immédiatement observable. Par un effet de raccourci intellectuel paresseux, il est facile de se raconter cette fable selon laquelle les réseaux sociaux seraient seuls responsables. C’est ainsi qu’on remobilise en catastrophe la loi Avia contre les discours de haine, alors qu’elle a été censurée par le Conseil constitutionnel et ferait plus de mal que de bien.
    Hommage à Samuel Paty : un pays sur une ligne de crête
    Valérie Lehoux 3 minutes à lire

    Quel regard portez-vous sur les déclarations de certains responsables politiques, notamment Xavier Bertrand, qui saisissent ce moment pour réclamer la fin de l’anonymat en ligne ?
    Il faut d’abord rappeler qu’il est totalement hors sujet de convoquer l’anonymat par rapport à ce qui s’est passé à Conflans-Sainte-Honorine. En dehors du compte Twitter qui a publié la photo de la tête décapitée de Samuel Paty, tous les acteurs de la chaîne sont identifiés. En vérité, ce réflexe pavlovien traduit deux choses : une incapacité politique à comprendre ce qui se joue sur les espaces numériques, et la tentation d’un discours liberticide, la volonté d’une prise de contrôle, d’une hyper-surveillance. À cet égard, certains de nos responsables politiques ne sont visiblement pas sortis du syndrome sarkozyste, qui décrivait Internet comme un « Far West » à civiliser.

    Difficile toutefois d’escamoter la part de responsabilité des réseaux sociaux. Le problème ne se situe-t-il pas dans leur architecture ?
    La finalité de ces espaces est de générer une rente attentionnelle, d’être un réceptacle publicitaire pour déclencher des actes d’achat, qu’il s’agisse de produits ou d’opinions. Je considère aujourd’hui les réseaux sociaux comme des espaces « publicidaires », c’est-à-dire qu’ils tuent toute possibilité d’un discours qui ne soit pas haineux. Tant qu’on ne changera pas ce modèle, économique et politique, on ne résoudra rien. Revenons vingt ans en arrière : quand Sergey Brin et Larry Page, les fondateurs de Google, ont créé PageRank, l’algorithme de leur moteur de recherche, ils ont expliqué leur démarche, en arguant que les autres moteurs – contrairement au leur – étaient biaisés et dangereux pour la démocratie. Regardons où ça nous a menés…
    “La vidéo du parent d’élève qui a déclenché cette spirale infernale a été partagée par de grands comptes, très suivis. Pas nécessairement parce qu’ils adhèrent au fond, mais parce que c’était facile.”

    Qu’aurait-il fallu faire pendant les huit jours qui ont séparé la mise en ligne de la première vidéo d’un parent d’élève et l’assassinat de Samuel Paty ?
    Dans un monde idéal, où les plateformes seraient soucieuses de produire des espaces de discours régulés, nous aurions pu mettre en place des mécanismes de friction afin de briser les chaînes de contamination. La vidéo du parent d’élève qui a déclenché cette spirale infernale a été partagée par de grands comptes, très suivis. Pas nécessairement parce qu’ils adhèrent au fond, mais parce que c’était facile. Ça ne coûte rien cognitivement et ça rapporte beaucoup socialement.

    Ces partages sont perdus dans un brouillard d’intentionnalité. Prenons l’exemple de la mosquée de Pantin : elle a d’abord diffusé la vidéo du père de famille puis, quelques heures après l’attentat, l’a finalement supprimée en exprimant ses regrets et en appelant aux rassemblements de soutien. Le temps de l’éditorialisation a complètement disparu, plus personne ne sait pourquoi tel ou tel contenu est relayé. Or les réseaux sociaux mettent en proximité des communautés qui ne s’entendent pas. Et parfois, ce mécanisme d’hystérisation déclenche chez quelqu’un une pulsion.
    “Dans une démocratie de deux milliards d’habitants comme Facebook, il n’est pas normal qu’il n’y ait pas de haltes, de ralentissements.”

    Faudrait-il renvoyer les discours de haine dans la sphère privée, au risque de favoriser un phénomène de balkanisation, de morcellement, qui nous empêcherait de repérer les départs d’incendie ?
    Facebook et consorts ont fait le choix de mettre en avant le partage privé dans ce qu’on appelle le « dark social » [c’est-à-dire le trafic de l’ombre, constitué d’informations échangées hors de la sphère publique, NDLR]. Il y a chez les plateformes une volonté de capter les moments d’agitation de surface pour alimenter des conversations privées.

    Il y a une clé pour comprendre le problème de la hiérarchisation entre espaces publics et interpersonnels : le design d’interface. Comme le formulait Lawrence Lessig [professeur de droit à Harvard et théoricien de l’Internet libre, NDLR] en 1999, « le code, c’est la loi », et ceux qui le fabriquent ne peuvent pas faire l’économie d’une profonde réflexion éthique. Ce n’est pas anodin de voir aujourd’hui un très grand nombre d’ingénieurs de la Silicon Valley regretter leurs créations, qu’il s’agisse du bouton j’aime ou du scrolling infini.

    On le voit, ce débat oppose l’urgence de la réaction à la lenteur, salutaire. Comment les réconcilier ?
    Dans une démocratie de deux milliards d’habitants comme Facebook, il n’est pas normal qu’il n’y ait pas de haltes, de ralentissements. Je ne dis pas qu’il faut rationner le nombre de contenus qu’on peut relayer quotidiennement sur les réseaux sociaux, ou qu’il faut instaurer un permis à points, mais il faut trouver un moyen de limiter les partages pulsionnels. Dans mes cours, j’oblige par exemple mes étudiants à recréer des liens hypertextes pour qu’ils produisent un effort intellectuel même minime avant de les envoyer. Pour autant, on ne peut pas uniquement blâmer l’utilisateur.

    Nous sommes dans un espace-temps qui nous sort de notre posture lucide, et personne ne se regarde en train d’utiliser les réseaux sociaux, pas plus qu’on ne s’observe en train de visionner un film au cinéma. Il faut travailler sur un cycle, qui va de la conception des plateformes – le premier levier – à l’éducation, en passant par la régulation. À condition de ne pas tout attendre du design (design utilisateur, ou UX design, ndlr), du politique ou de l’internaute, on peut y arriver.

    #Olivier_Ertzscheid #Samuel_Paty #Médias_sociaux

    Articles repérés par Hervé Le Crosnier @hlc CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 20/10/2020

      où comment l’ergonomie et la conception fonctionnelle, c’est politique

      #conception #ergonomie #politique

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 24/07/2020
    1
    @sandburg
    1

    « Des #émojis accessibles »

    "La synthèse vocale de mon téléphone le lit ainsi : « Singe qui se cache les yeux main avec index et majeur croisé teint clair main avec index et majeur croisé teint clair main avec index et majeur croisé teint clair okok bon bah bon courage visage envoyant un baiser visage envoyant un baiser visage envoyant une baiser »."

    ▻https://blog.hello-bokeh.fr/2020/07/23/des-emoji-accessibles

    #accessibilité #a11y #Unicode

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 24/07/2020

      En 2003, un pote écrivait un mémoire sur les pauses dans la synthèse vocale… apparemment, c’est pas implémenté ici.

      #ergonomie #ux

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire

  • @monolecte
    Agnès Maillard @monolecte CC BY-NC-SA 30/03/2020
    15
    @mad_meg
    @rezo
    @sombre
    @7h36
    @gonzo
    @tintin
    @sinehebdo
    @simplicissimus
    @gastlag
    @biggrizzly
    @colporteur
    @arno
    @coronamonamour
    @etraces
    @touti
    15

    La policière, l’attestation, et « les gens comme ça » - Libération
    ►https://www.liberation.fr/debats/2020/03/30/la-policiere-l-attestation-et-les-gens-comme-ca_1783580

    https://medias.liberation.fr/photo/1303833-prodlibe-2020-0411-confinement-a-marseille.jpg?modified_at=1585583296&picto=fb&ratio_x=191&ratio_y=100&width=1080

    Par naïveté sans doute, et parce que je considérais la démarche légitime, je suis saisie par l’absence absolue de discussion possible, la condescendance méprisante envers les patients. Le verdict est évidemment sans appel, rien à faire, « Je fais mon travail ». Je suis tellement sidérée par cette phrase que j’ai un mouvement de recul, je demande par la même occasion à l’agent de bien vouloir respecter la distance de sécurité, et également de me parler correctement. J’aurais dû m’y attendre, elle me répond : « C’est à vous de me parler correctement. » Je me résigne, mais avant de partir, je lui demande son RIO, elle dit d’abord, « bien sûr vous pouvez l’avoir ! » puis se ravise « et puis non, vous me parlez tellement mal, je ne vous le donnerai pas ! »

    Elle ne m’a pas touchée, elle ne m’a pas insultée, mais il y a une telle violence dans son attitude, dans son refus, dans son autorité injuste, que je finis par m’adresser à l’un des deux agents qui l’accompagnent, et qui reste silencieux, « Comment pouvez-vous laisser faire cela ? » Il ignore ma question. Je repars avec mon patient.

    Agnès Maillard @monolecte CC BY-NC-SA
    • @mad_meg
      mad meg @mad_meg CC BY 30/03/2020

      Quelle merde, pauvre patient et pauvre médecin.
      J’ai une question sur ces attestations.
      Je les fait aussi à la main, car j’ai pas d’imprimante et la boutique près de chez moi est fermé. Du coup je ne recopie pas les mention inutiles de motifs de déplacements qui ne me concernent pas, ni les cases à cocher. Est-ce que ca me coutera aussi 135€ pour ne pas avoir recopié à la main les mentions inutiles et les petits carrés que je doit cocher comme une débile volaille ? J’imagine que ce patient puisqu’il doit se taper le recopiage à la main à mis deux motifs pour recyclé son papier, ce qui me semble être du bon sens, mais le bon sens des poulets...
      edit - en fait j’ai ma réponse, il faut tout copier même les petits carrés et bien cocher le bon car les poulets saisirons tous les prétextes y compris ceux qu’illes inventent eux même.
      #dictature #état_policier #leur_travail_de_nazi

      mad meg @mad_meg CC BY
    • @sombre
      Sombre @sombre CC BY-SA 30/03/2020

      Toujours se méfier des gens qui te disent, pour se justifier, qu’ils « font leur travail ». M’est avis qu’ils ne sont pas très fiers de le faire, ce travail. Et partant, ils vont te faire chier par pure frustration.
      Autre hypothèse : ce sont des pourritures qui n’en n’ont rien à foutre de la relation aux autres, le curseur de l’empathie dans nos société, toussa...
      Oui, du coup, j’opte pour la deuxième. Parce que l’empathie pour ce genre de « boloss », faut pas exagérer non plus.

      Sombre @sombre CC BY-SA
    • @mad_meg
      mad meg @mad_meg CC BY 30/03/2020

      C’est pas obligé d’exclure l’une de tes options, c’est des pourritures frustrés qui se défoulent sur celleux qui ne sont rien et en plus y a des riens qui osent avoir un caducée, et là ca énerve grave ces étrons assermentés.

      mad meg @mad_meg CC BY
    • @sinehebdo
      Dror@sinehebdo @sinehebdo 30/03/2020

      #coronavirus #fascistovirus #France #le_sens_des_priorités

      Voir compile des effets délétères indirects de la pandémie :
      ►https://seenthis.net/messages/832147

      Dror@sinehebdo @sinehebdo
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 31/03/2020
      @mad_meg

      Nope @mad_meg en manuscrit c’est marqué officiellement que dans ce cas on ne recopie que le motif du moment (par contre faut bien recopier le paragraphe qui précède « autorisé par l’article 3 blabla »).
      ▻https://www.service-public.fr/particuliers/vosdroits/R55781

      Si vous n’avez pas d’imprimante, vous pouvez rédiger l’attestation sur papier libre. Vous devez recopier la partie correspondant à votre identité, la mention « Certifie que mon déplacement est lié au motif suivant autorisé par l’article 3 du décret du 23 mars 2020 prescrivant les mesures générales nécessaires pour faire face à l’épidémie de Covid19 dans le cadre de l’état d’urgence sanitaire » et la ligne correspondant au motif. Vous devez inscrire le lieu, la date et vous devez apposer votre signature.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 31/03/2020

      Sauf qu’on a bien vu que les contrôles, comme toujours en France républicaine, contiennent une dose d’#arbitraire qui fait que la protection du droit ne tient pas quand un·e flic a choisi de se repaître de violence pour se faire un petit plaisir aux dépens du maintien de l’ordre et de l’État de droit. Il faut respecter le droit et plus que le droit, avoir une tête qui revient à la flicaille, etc.
      Et puis ne pas oublier la mention de l’heure qui est devenue obligatoire entre temps, me semble-t-il.

      Antonin @antonin1 CC BY-NC-SA
    • @mad_meg
      mad meg @mad_meg CC BY 31/03/2020

      Oui les flics n’ont plus aucun cadre et j’ai vu passé que certain·es n’acceptent pas les formulaires fait à la main qu’illes jugent non réglementaire. A cela le gouvernementeur à répondu qu’il faut faire #konfiansss aux flics.

      mad meg @mad_meg CC BY
    • @mad_meg
      mad meg @mad_meg CC BY 31/03/2020

      C’était hier ;

      Romain_Pigenel

      Bonjour @prefpolice @gouvernementFR @Place_Beauvau, je viens d’être verbalisé car je n’avais pas recopié TOUS les motifs sur mon attestation de déplacement sur papier libre, en plus de celui de ma sortie. Confirmez-vous qu’il s’agit d’un motif valable ? #Covid_19
      2 381
      11:57 - 30 mars 2020

      ►http://www.leparisien.fr/societe/coronavirus-doit-on-recopier-tous-les-motifs-sur-l-attestation-30-03-2020

      mad meg @mad_meg CC BY
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 31/03/2020

      Oui, je sais : j’ai passé un certain temps sur cette histoire. C’est du pur #arbitraire.
      Après, c’est rude pour un élu bourgeois de découvrir ainsi le quotidien les gueux de banlieue…

      Agnès Maillard @monolecte CC BY-NC-SA
    • @touti
      touti @touti 31/03/2020

      leparisien :

      vous n’avez pas le droit d’utiliser de crayon à papier qui soit effaçable

      A ajouter aux dommages collatéraux de leur incurie criminelle de la catastrophe : une forêt entière qui va disparaitre à coup d’attestations à refaire absurdement durant 3 mois x 60 millions de personnes qui sortent à minima une fois par jour = 90 jours x 60 millions = 5400000000 de feuilles A4 …
      Un arbre = max15000 feuilles A4 -> il faudra donc détruire 360.000 arbres pour leurs saloperies de merde de pourriture de flicage.

      ▻https://www.rts.ch/decouverte/sciences-et-environnement/environnement/6556650-combien-un-arbre-produit-il-en-moyenne-de-feuilles-a4-.html

      #déforestation

      touti @touti
    • @mad_meg
      mad meg @mad_meg CC BY 31/03/2020

      Je trouve aussi super polluant et perso j’ai pas que ca à faire que de recopier cette punition comme une victime de Blanquer. Et si on fait une faute d’orthographe ou de dislexie on n’est pas non plus à l’abri d’un coup de taser ou d’une sodomie à la matraque télescopique.

      mad meg @mad_meg CC BY
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 31/03/2020

      #violences_policières, donc.

      Antonin @antonin1 CC BY-NC-SA
    • @touti
      touti @touti 31/03/2020

      Après je ne comprends pas que ce soit les médias mainstream qui édicte le fait que tu ne peux pas utiliser de crayon à papier vu que je n’en ai trouvé nulle part mention sur le site du gouvernement où tu dois télécharger l’attestation.

      Une taxe covid-19, avec un prélèvement direct sur le compte bancaire des plus riches, plutot que de taxer les pauvres en les obligeant à écrire ces conneries. Mais comment font les analphabèt·es et les personnes n’écrivant pas le français ?
      #exclusion_sociale #on_y_est #it_has_begun #fascitovirus

      Moi à qui on a souvent reproché le pessimisme, qui me fait violence pour puiser un peu d’espoir dans de petits signes de bonheur, je me suis souvent surprise à me demander comment on avait réussi à ne pas encore tous crever de leurs saloperies. Du coup, je suis pas extrêmement étonnée de ce qui arrive, c’est assez logique, pour les tenants du pouvoir j’entends, de stranguler les plus faibles. La continuité nazie ne fait aucun doute.

      touti @touti
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 31/03/2020
      @touti

      @touti, une dame qui enseigne le français langue étrangère à des réfugiés dont certains sont illettrés ou alphabétisés dans d’autres systèmes d’écriture leur a envoyé une photo de l’attestation écrite en capitales pour les aider à tout recopier comme ils peuvent. Comme ils peuvent. Sachant que de toute façon la plupart sont des jeunes hommes Noirs déjà en faute d’être Noirs...

      Antonin @antonin1 CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 31/03/2020
      @touti

      @touti trouvé là :
      ►https://www.service-public.fr/particuliers/actualites/A13952

      Elle doit être renseignée à l’aide d’un stylo à encre indélébile et doit être renouvelée pour chaque déplacement. Il n’est donc pas possible d’écrire au crayon à papier et de gommer.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @touti
      touti @touti 31/03/2020
      @antonin1 @rastapopoulos

      merci @antonin1 et @rastapopoulos pff, télécharger d’un côté l’attestation et avoir son mode d’emploi sur un autre site, c’est encore une vaste saloperie pour piéger n’importe qui

      touti @touti
    • @sombre
      Sombre @sombre CC BY-SA 31/03/2020

      Avec ça, j’ai bon ?

      https://dl.dropbox.com/s/iosgp9skmfazv40/Sans%20titre%204.jpg?dl=0

      Sombre @sombre CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 31/03/2020
      @touti

      c’est exactement ce que je me suis dit @touti, que TOUTES les infos nécessaires (comment le remplir, avec quel stylo, etc), soit pas sur la même page que celle contenant les documents, c’est totalement n’importe quoi en terme d’ergonomie/navigation/accessibilité

      et ça peut tout aussi bien être voulu (ça ne serait pas si étonnant) que totalement dû à l’incompétence bureaucratique de l’administration (ça ne serait pas non plus étonnant)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @mad_meg
      mad meg @mad_meg CC BY 31/03/2020

      C’est bien leur style de choisir les incompétent·es pour ce genre de tâches, comme pour le RIC. Et en même temps les gentes compétentes se sont barré depuis longtemps pour échapper à la zombifiction en marche.

      mad meg @mad_meg CC BY
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 31/03/2020

      #ergonomie #accessibilité

      Antonin @antonin1 CC BY-NC-SA
    • @sinehebdo
      Dror@sinehebdo @sinehebdo 31/03/2020

      #stratégie_du_choc #contrôles_kafkaïens

      Dror@sinehebdo @sinehebdo
    • @touti
      touti @touti 1/04/2020

      L’autre truc bien dégueulasse des #portevomis de macron a été de hurler contre les bureaus de tabac qui osaient proposer à ceux qui ne pouvaient pas la recopier facilement de se procurer l’attestation pour 50cts. C’est vrai que ça ne leur rapportaient rien à ces salopards du gvt, alors que les timbres fiscaux ou le tabac taxé, c’est le bien.

      touti @touti
    Écrire un commentaire

  • @bastamag
    Basta ! @bastamag CC BY-NC 29/11/2019
    7
    @reka
    @la_feuille
    @rastapopoulos
    @touti
    @suske
    @rezo
    @7h36
    7

    Pour « bien vieillir », des retraités conçoivent leur propre habitat coopératif et écologique
    ▻https://www.bastamag.net/maison-de-retraite-cooperative-bien-vieillir-habitat-ecologique-chamarel-v

    Elle est la première coopérative d’habitants pour personnes vieillissantes en France : Chamarel-les-Barges, dans la banlieue de Lyon. Cette expérience pionnière ouvre la voie à une autre vision du vieillissement... et de la propriété. « Vous ne croyez pas qu’à la place des placards dans la cuisine, on pourrait mettre des tiroirs ? A nos âges, ce serait plus pratique. » Jean et Hélios hochent la tête. « Ça fait partie des choses qu’il faut discuter avec les autres », confirment-ils à Madeleine. Et (...) #Inventer

    / #Habitat_écologique_et_social, #Reportages, #Retraites, #Logement, Economie partagée et gratuité, A la (...)

    #Economie_partagée_et_gratuité

    https://www.bastamag.net/IMG/jpg/le_batiment_de_chamarel_les_barges-credit_sophie_chapelle.jpg https://www.bastamag.net/IMG/jpg/chamarel_les_barges_cooperative_dhabitants-credit_sophie_chapelle.jpg https://www.bastamag.net/IMG/jpg/basta_en_discussion_avec_les_habitants_de_chamarel_les_barges.jpg https://www.bastamag.net/IMG/jpg/jean_et_maryline-credit_sophie_chapelle.jpg https://www.bastamag.net/IMG/jpg/chantal_et_helios-credit_malik_zoubeiri-page-001-1.jpg https://www.bastamag.net/IMG/jpg/logement_de_chamarel-les-barges-credit_sophie_chapelle2.jpg https://www.bastamag.net/IMG/jpg/les_coursives_larges_et_les_bibliotheques_collectives-credit_sophie_chapelle.jpg https://www.bastamag.net/IMG/jpg/local_a_velos-credit_sophie_chapelle.jpg https://www.bastamag.net/IMG/jpg/regles_de_fonctionnement_de_l-atelier-credit_sophie_chapelle-page-001_copie.jpg https://www.bastamag.net/IMG/jpg/gestion_en_commun_de_la_buanderie-page-001_copie.jpg https://www.bastamag.net/IMG/jpg/gestion_de_la_chambre_d-amis-page-001_copie.jpg https://www.bastamag.net/IMG/jpg/jean_a_l-entree_de_chamarel_les_barges-credit_sophie_chapelle_copie.jpg

    Basta ! @bastamag CC BY-NC
    • @reka
      Reka @reka CC BY-NC-SA 29/11/2019

      #génial je voudrai volontiers y aller. #notre_futur

      Reka @reka CC BY-NC-SA
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 29/11/2019

      #architecture #vrais_besoins #vieillesse #ergonomie

      Antonin @antonin1 CC BY-NC-SA
    • @touti
      touti @touti 29/11/2019

      #aïeuilles (hihi) #Babayagas (voir Maison des Babayagas, Thérèse Clerc) #autonomie

      touti @touti
    Écrire un commentaire

  • @supergeante
    Supergéante @supergeante 29/09/2019
    3
    @antonin1
    @rastapopoulos
    @sinehebdo
    3

    I’m so sorry, says inventor of endless online scrolling
    ▻https://www.thetimes.co.uk/article/i-m-so-sorry-says-inventor-of-endless-online-scrolling-9lrv59mdk

    ▻https://www.bbc.com/news/amp/technology-44640959

    Supergéante @supergeante
    • @supergeante
      Supergéante @supergeante 29/09/2019

      #mea_culpa_gafam

      Supergéante @supergeante
    • @sinehebdo
      Dror@sinehebdo @sinehebdo 29/09/2019

      En même temps, et cet article le prouve, la solution au scrolling infini est... le #paywall

      Dror@sinehebdo @sinehebdo
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 29/09/2019

      #ergonomie #web #mauvaise_pratique

      RastaPopoulos @rastapopoulos CC BY-NC
    • @supergeante
      Supergéante @supergeante 30/09/2019
      @sinehebdo

      @sinehebdo :))

      Supergéante @supergeante
    • @supergeante
      Supergéante @supergeante 30/09/2019

      Stop building websites with infinite scroll!
      ▻https://blog.logrocket.com/infinite-scroll

      Supergéante @supergeante
    • @b_b
      b_b @b_b PUBLIC DOMAIN 30/09/2019

      In 2006 Mr Raskin, a leading technology engineer himself, designed infinite scroll , one of the features of many apps that is now seen as highly habit forming. At the time, he was working for Humanized - a computer user-interface consultancy.

      The take away? Don’t force the user to ask for more content: just give it to them.

      ↑ so nice...

      ▻https://web.archive.org/web/20120606053221/http://humanized.com/weblog/2006/04/25/no_more_more_pages

      b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 23/09/2019
    6
    @cy_altern
    @spip
    @rastapopoulos
    @mukt
    @biggrizzly
    @baroug
    6

    Where to put #buttons on #forms
    ▻https://adamsilver.io/articles/where-to-put-buttons-in-forms

    https://adamsilver.io/assets/images/button-placement/alignment.png

    Align the primary button to the left edge of the inputs

    illuminate a clear path to completion. Aligning inputs and actions with a strong vertical axis clearly communicates how to go about completing a form."

    This layout also helps screen magnifier users to see it without having to pan across.

    Les boutons des formulaires de #SPIP seraient mal placés ?

    b_b @b_b PUBLIC DOMAIN
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 23/09/2019

      exemple de résultats du « Eye tracking » pour le premier point : ▻https://www.lukew.com/ff/entry.asp?571

      #eye_tracking #zoom

      cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 23/09/2019

      #ergonomie #web #UX #bouton #formulaire #bonnes_pratiques #accessibilité

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 17/09/2019
    7
    @mukt
    @monolecte
    @cy_altern
    @biggrizzly
    @jeanmarie
    @b_b
    @7h36
    7

    Priority Guides : A Content-First Alternative to Wireframes – A List Apart
    ►https://alistapart.com/article/priority-guides-a-content-first-alternative-to-wireframes

    Une manière de commencer l’ergonomie uniquement sur une liste de contenus ordonnés, hiérarchisés. On se focalise sur la hiérarchie du contenu, sans préjuger du placement (je ne parle même pas des styles mais bien même pas du placement, layout, maquettes filaires). En plus c’est directement mobile-first, puisque juste en une longue colonne.

    Du coup, en allant même plus loin que ce que montre l’article, cela peut se faire uniquement en texte amélioré (markdown par ex), et donc dans un pad commun à plusieurs. Cela permet de valider avec les propriétaires du site/clients le « qu’est-ce qu’on décide de mettre dans chaque page », sans du tout passer des heures à discuter de l’affichage.

    https://alistapart.com/wp-content/uploads/2018/05/detailed-digital-priority-guide.png

    #ergonomie #content-first #mobile-first #conception

    RastaPopoulos @rastapopoulos CC BY-NC
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 17/09/2019

      #web_design

      Agnès Maillard @monolecte CC BY-NC-SA
    Écrire un commentaire

  • @monolecte
    Agnès Maillard @monolecte CC BY-NC-SA 19/08/2019
    6
    @jacotte
    @odilon
    @reka
    @cy_altern
    @rastapopoulos
    @jeanmarie
    6

    The Guardian digital design style guide
    ▻https://design.theguardian.com

    https://uploads.guim.co.uk/2018/02/07/Wide_grid_on.png

    The Guardian a sorti son « guide de digital #design » (refonte de sa homepage, continuité entre site & version papier, choix des typo, des couleurs, logos ...).

    Et pour qui se passionne pour l’#UI, c’est une pépite.

    Agnès Maillard @monolecte CC BY-NC-SA
    • @odilon
      odilon @odilon CC BY-NC-ND 19/08/2019

      #charte_graphique

      odilon @odilon CC BY-NC-ND
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 19/08/2019

      #organisation_éditoriale #maquette #Guardian

      cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 19/08/2019

      #ergonomie #conception #web

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @omgubuntu
    OMG ! Ubuntu ! @omgubuntu CC BY 16/08/2019
    2
    @monolecte
    @cy_altern
    2

    The Best App Launchers for Ubuntu & Linux Mint
    ▻https://www.omgubuntu.co.uk/2019/08/best-app-launcher-for-ubuntu-linux

    https://1175654.v1.pressablecdn.com/wp-content/uploads/2019/06/app-launchers-ubuntu-406x232.jpg

    Ubuntu’s default app launcher is the GNOME Shell Applications Overview — but this full-screen grid of icons doesn’t suit everyone’s tastes. We share our favourite Linux app launchers, all of which work on Ubuntu & […] This post, The Best App Launchers for Ubuntu & Linux Mint, was written by Joey Sneddon and first appeared on OMG! Ubuntu!.

    OMG ! Ubuntu ! @omgubuntu CC BY
    • @sandburg
      Sandburg @sandburg CC BY-SA 16/08/2019

      Et Unity ?

      Sandburg @sandburg CC BY-SA
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 17/08/2019

      #linux #mint #lanceur #ergonomie #menu

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @af_sobocinski
    AF_Sobocinski @af_sobocinski CC BY-NC-ND 31/07/2019

    « #Mozilla est décentralisée, comme le Web des origines » | L’Humanité
    ▻https://www.humanite.fr/mozilla-est-decentralisee-comme-le-web-des-origines-675370

    https://www.humanite.fr/sites/default/files/images/67146.HR.jpg

    La #numérisation, le #télétravail et les collectifs éclatés sur plusieurs continents sont souvent propices à une fracturation des #conditions_de_travail. Mozilla s’efforce d’allier une certaine culture de la Silicon Valley et le respect des travailleurs.

    #ergonomie #droit_du_travail #management #travail #internet #santé_au_travail

    AF_Sobocinski @af_sobocinski CC BY-NC-ND
    Écrire un commentaire

  • @rezo
    Rezo @rezo 4/07/2019
    2
    @ericw
    @biggrizzly
    2

    User Inyerface - A worst-practice UI experiment
    ▻https://userinyerface.com

    Hi and welcome to User Inyerface, a challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible. Source: Relevé sur le Net...

    Rezo @rezo
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 4/07/2019

      #lol #interface #mauvaises_pratiques #UI #UX #ergonomie

      RastaPopoulos @rastapopoulos CC BY-NC
    • @ericw
      EricW @ericw CC BY-SA 4/07/2019

      #informatique #nuisance_sociale

      EricW @ericw CC BY-SA
    Écrire un commentaire

  • @rezo
    Rezo @rezo 15/05/2019
    2
    @cy_altern
    @02myseenthis01
    2

    2019 vote EU
    ▻http://2019vote.eu

    Rezo @rezo
    • @fil
      Fil @fil 15/05/2019

      Note pour mes camarades abstentionnistes : c’est une #visualisation assez bien foutue des positions de toutes les listes de tous les pays européens, sur un même socle de questions transversales.

      Fil @fil
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 16/05/2019

      J’ai pas réussi à tomber sur LFI... A croire qu’ils ne se présentent pas.

      BigGrizzly @biggrizzly CC BY-NC-SA
    • @simplicissimus
      Simplicissimus @simplicissimus 16/05/2019

      En fait le système fonctionne par filtres successifs, en éliminant les listes dont la position ne coïncide pas avec celle qu’on exprime.

      La méthode ne permet pas de trouver la liste la plus proche de ses propres choix parmi les 22 questions, mais oriente vers une liste en fonction des choix successifs. Le résultat dépend donc fondamentalement de l’ordre dans lequel on répond aux questions.

      Ainsi, si je commence par la question de la libéralisation de l’euthanasie et que j’exprime une position « neutre », il ne me reste plus que la seule liste de l’UDI et donc mes 21 autres choix sont déterminés ; en revanche, si je réponds « favorable », il y a 4 listes admissibles qui partagent au total 14 des 22 opinions, il me reste les 8 autres (avec leurs interdépendances) pour « choisir » entre ces 4 listes.

      Simplicissimus @simplicissimus
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 16/05/2019

      C’était en effet mon second ou troisième essai, démarrer par en bas... Et je suis tombé sur une liste inconnu.

      BigGrizzly @biggrizzly CC BY-NC-SA
    • @biggrizzly
      BigGrizzly @biggrizzly CC BY-NC-SA 16/05/2019

      J’ai trouvé ! A la question sur la monnaie unique, ils sont neutres, et seuls à l’être !

      BigGrizzly @biggrizzly CC BY-NC-SA
    • @simplicissimus
      Simplicissimus @simplicissimus 16/05/2019
      @biggrizzly

      @biggrizzly cf. mon commentaire ci-dessus.

      Si tu veux tomber sur LFI du premier coup, il te suffit de commencer par exprimer une position « neutre » sur la question : The single European currency (Euro) is a bad thing
      Pour LFI, c’est la seule question avec réponse en 1 coup.

      Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 16/05/2019

      ah, t’es prem’s de 15 secondes !

      Simplicissimus @simplicissimus
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 16/05/2019

      point de vue ergonomie le fait de ne pas pouvoir changer un choix autrement qu’en faisant un « Clear selection » qui impose donc de repartir de zéro semble assez moyen...
      (et effectivement @aude_v les intitulés des questions ne paraissent pas géniaux...)

      #ergonomie

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire

  • @sandburg
    Sandburg @sandburg CC BY-SA 6/04/2019
    6
    @rastapopoulos
    @simplicissimus
    @unagi
    @line_d_
    @monolecte
    @7h36
    6

    Vers des variantes plus ergonomiques de claviers français.
    Perso, je suis en Bépo depuis 9 ans, donc je suis mal placé pour comprendre la nouveauté qu’il y a la dessous. Mais apparemment, tant qu’aucun institut de normalisation ne s’intéressait à la question, cela restait un truc de geeks.
    Maintenant, c’est bien engagé pour devenir le standard de demain : le BÉPO.

    Fini les lamentables collages de gommettes sur de vieux claviers !

    ▻https://www.futura-sciences.com/tech/actualites/informatique-voici-clavier-anti-fautes-orthographe-75598

    https://fr.cdn.v5.futura-sciences.com/buildsv6/images/largeoriginal/d/8/e/d8ed7b0598_50148732_clavier-bepo.jpg

    Ce n’est évidemment pas la première fois que nous en parlons ici, puisque nous avions déjà retourné le sujet il y a 2 ans :

    Tout le monde participe :
    ►https://seenthis.net/messages/605030
    Les dispositions de claviers comparées :
    ►https://seenthis.net/messages/482633
    #clavier #azerty #bépo #disposition #ergonomie

    Sandburg @sandburg CC BY-SA
    • @unagi
      unagi @unagi CC BY-NC 8/04/2019

      Ai trouvé un clavier sous android MessagEase.
      ▻https://www.exideas.com/ME/index.php

      https://s14-eu5.startpage.com/cgi-bin/serveimage?url=https:%2F%2Fthenextweb.com%2Fwp-content%2Fblogs.dir%2F1%2Ffiles%2F2012%2F03%2Fphoto-27.png&sp=955857a0d59f43681d08acbaecb34b3f

      unagi @unagi CC BY-NC
    • @sandburg
      Sandburg @sandburg CC BY-SA 9/04/2019

      Sur mon 1er smartphone (2014), j’avais réinstallé un clavier T9… mes doigts sont trop gros pour un clavier complet sur un petit écran. C’était un 2"5… même pour des doigts fins, c’est pas bien grand. Le T9, j’ai appris la téléphonie mobile avec, alors je maîtrise.
      J’avais tenté des variantes à touches glissée (clic+mouvement), c’était insupportable. Leur gros défaut, c’est qu’il faut bien tenir son téléphone. Alors que T9 tu peux taper n’importe comment, c’est résiliant.
      En faisant mes recherches qui m’avaient conduites à remettre un T9, j’avais aussi vu que sur Android, il existe pleins de dispositions de clavier. Dont certaines sont pensées pour une écriture mono-main (droite ou gauche, au choix).

      Le plus relou, c’est quand même de bouger les pouces latéralement. tandis que plier les pouces, ça passe.
      #ux

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire

  • @b_b
    b_b @b_b PUBLIC DOMAIN 7/03/2019
    6
    @rastapopoulos
    @mukt
    @baroug
    @arno
    @cy_altern
    @denisb
    6
    @marcimat

    Icongram
    ▻https://icongr.am

    Une sorte de méga #cheatsheet pour plein de packs/fonts d’icones.

    https://icongr.am/icongram-banner.png

    #icons merci @marcimat pour le lien :)

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 7/03/2019

      #icônes #pictos #graphisme #ergonomie #web #intégration

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @mukt
    mukt @mukt CC BY 16/12/2018
    1
    @rastapopoulos
    1

    Inclusive Components
    ▻https://inclusive-components.design

    A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

    Cards
    04/06/18

    Data Tables
    31/03/18

    Notifications
    27/02/18

    A Content Slider
    22/11/17

    Collapsible Sections
    26/10/17

    Tabbed Interfaces
    05/10/17

    A Theme Switcher
    08/09/17

    Tooltips & Toggletips
    25/07/17

    Menus & Menu Buttons
    10/05/17

    A Todo List
    07/04/17

    Toggle Buttons
    31/03/17

    #intégration #web #accessibilité #composants #bonne_pratique #bonnes_pratiques #pattern #UX #ergonomie

    mukt @mukt CC BY
    Écrire un commentaire

  • @simongeorges
    simongeorges @simongeorges CC BY 5/11/2018

    Makina Corpus, premier pas en #éco-conception
    ▻https://makina-corpus.com/blog/societe/makina-corpus-premier-pas-en-eco-conception-de-logiciel

    Makina Corpus va être accompagnée pour intégrer les principes de l’éco-conception dans le développement de ses produits et services grâce à la démarche collective Green Concept.

    #Ergonomie #Environnement #Développement_durable #Green-IT #Méthodes_Agiles #Valeurs #Formulaire #Expérience_utilisateur #Application_métier #Société #News_Item

    • #ENVIRONNEMENT
    simongeorges @simongeorges CC BY
    Écrire un commentaire

  • @maieul
    Maïeul @maieul 2/10/2018
    3
    @monolecte
    @rastapopoulos
    @02myseenthis01
    3

    Et si on tenait compte des utilisateur·ices dans les projets libres ? – Framablog
    ►https://framablog.org/2018/10/02/et-si-on-tenait-compte-des-utilisateur%c2%b7ices-dans-les-projets-libres

    Alors déjà, c’est quoi l’UX Design ? UX Design, ça veut dire User Experience Design en anglais, ce qui revient à Design de l’Expérience Utilisateur·ice en français. C’est une discipline qui a pour objectif de prendre en compte les besoins, les attentes et les usages des utilisateur·ices visé·es pour proposer un service ou outil qui leur convient le plus possible et leur proposer une expérience positive. C’est donc très loin de « juste » réaliser des maquettes graphiques !

    Pourquoi parler d’UX avec des devs ? Parce que tout le monde est convaincu chez Framasoft que le logiciel libre c’est bien, mais s’il est utilisé par un maximum de personnes c’est quand même mieux. Et il n’y a pas moyen de demander aux utilisateur·ices d’utiliser des logiciels qui ne sont pas correctement conçus, ou qui ne prennent pas en compte leurs besoins.

    C’est un peu ça. L’UX, c’est créer des logiciels :

    utiles (car ils apportent de la valeur aux utilisateur·ices) ;
    utilisables (car ils peuvent être utilisés sans provoquer (trop) de frustration) ;
    et utilisés (car du coup les utilisateur·ices ont envie de… les utiliser !).

    Maïeul @maieul
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/10/2018

      #ergonomie #UX #conception #web

      ▻http://www.drunkuserexperience.com/?url=https%3A%2F%2Fseenthis.net

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @rezo
    Rezo @rezo 14/04/2018
    7
    @vanderling
    @gillesm
    @fil
    @spip
    @fabxtra
    @7h36
    @02myseenthis01
    7

    No 1 : Faire avec
    ▻http://www.revue-backoffice.com/numeros/01-faire-avec

    La revue Back Office interroge les notions d’outil, d’instrument et d’appareil, dans le contexte du design. Source : Back Office

    Rezo @rezo
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 14/04/2018
      @tetue

      ▻http://www.revue-backoffice.com/numeros/01-faire-avec/eric-schrijver-culture-hacker-peur-wysiwyg

      Depuis la révolution de la publication assistée par ordinateur [PAO] des années 1990, les designers graphiques sont capables de réaliser leurs propres mises en page sans l’intervention d’ingénieurs. Dans la plupart des cas, ce qui se passe sur le Web est d’un tout autre ordre : l’exécution des sites Web est in fine prise en charge par des développeurs. Ces derniers ont donc souvent leur mot à dire dans le choix de la technologie employée pour créer un site. Rien de plus normal, dès lors, que les valeurs et préférences des développeurs se reflètent dans ces décisions. […] Ainsi, à l’inverse du design de supports imprimé, les technologies de programmation utilisées pour la création des sites Web (langages de programmation, bibliothèques logicielles, systèmes de gestion de contenu, etc.) sont presque toujours des logiciels libres et/ou disponibles en opensource ; les systèmes de gestion de contenu commerciaux intègrent même fréquemment des éléments de code open source. […]

      […]

      Le manque d’intérêt pour les nouveaux éditeurs WYSIWYG implique que les futures interfaces de ce type présenteront les mêmes problèmes d’instabilité que ce qui existe actuellement, renforçant d’autant plus la méfiance des développeurs. [C’est un cercle vicieux.] Il n’existe, à ma connaissance, que deux moteurs d’édition basés sur l’attribut contentEditable : Aloha 19 [2010] et Hallo.js 20 [2013]. Aloha est très mal documenté et sa masse de code le rend difficile à appréhender. Hallo.js prend une direction plus légère, mais reste trop limité puisqu’il n’est pas possible, par exemple, d’insérer des liens ou des images. […]

      Si le WYSIWYG était un peu moins tabou dans la culture hacker, des solutions intéressantes croisant texte brut et mise en forme graphique émergeraient probablement. Un bon exemple est la fonction « révéler les codes » 21 de WordPerfect [1980], le logiciel de traitement de texte le plus populaire avant l’avènement de Word. Lorsque vous vous trouviez confronté à un problème de mise en forme, cette fonction permettait de révéler la structure des instructions de formatage — ce qui n’est pas sans rappeler l’inspecteur DOM des navigateurs Web récents. Des exemples d’interfaces plus radicales combinant l’immédiateté de la manipulation directe d’éléments et la puissance de la programmation existent dans certains logiciels. Le programme 3D Blender [1995] propose ainsi une intrication intéressante entre interface visuelle et interface texte 22. Toutes les actions sont consignées sous la forme d’une suite de lignes de commandes qu’il est facile d’utiliser pour créer des scripts d’automatisation. La sélection d’un élément via l’interface graphique permet également de visualiser ce dernier dans la structure interne du document [DOM] et d’en faciliter ainsi l’accès par voie programmatique.

      […]

      Le potentiel de ce langage est obtenu au détriment de la concision : pour être suffisamment flexible et permettre de travailler dans des situations variées, le langage HTML est relativement verbeux. Même si le standard HTML5 a d’ores et déjà apporté de nombreuses améliorations, ce dernier n’est toujours pas assez concis pour les adeptes de la culture hacker : d’où l’existence de solutions comme le langage de balisage Markdown. Cependant, imposer l’utilisation d’un format austère en texte brut revient à en refuser l’accès à des personnes de cultures différentes.

      C’est faux ! @tetue a montré avec une camarade qu’une syntaxe légère correcte était plus facile à comprendre et à utiliser au quotidien qu’une interface graphique, pour une personne ayant un handicap. Et ça doit sûrement valoir pour les différences culturelles, hors handicap. Car une interface visuelle est à priori plus dépendante des différences culturelles que les quelques caractères utilisés dans Markdown (dièse, astérisque, tiret basique…) qui sont sur tous les claviers du monde.

      L’interface appropriée pour un écrivain pourrait ne pas être adaptée à une maison d’édition ou à un designer. […]

      Ça par contre c’est très important, sauf que la phrase ne correspond pas à la réalité. Ce n’est pas l’interface différente le problème, mais comment est stockée l’information.

      Le HTML c’est pour un affichage web et ça inclut des trucs précis propres au web. Or tous les éditeurs WYSIWYG dont parle l’article fonctionnent uniquement avec HTML et enregistre en HTML. Qui n’est pas du tout un format « pivot » idéal donc, puisqu’il est uniquement pour des pages web.

      Le fait d’enregistrer en Markdown (même si l’interface peut être WYSIWYG ou au moins WYSIWYMean) par exemple, permet ensuite de générer ce qu’on veut comme format de sortie, pas uniquement du HTML.

      #wysiwyg #interface #ergonomie #éditeur #texte

      RastaPopoulos @rastapopoulos CC BY-NC
    • @fil
      Fil @fil 14/04/2018

      Toujours pas de markdown dans #SPIP d’ailleurs ; tous les 2-3 mois je me dis qu’il faudrait s’y mettre pour de vrai.

      Fil @fil
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 14/04/2018
      @fil

      @fil bah si, ya un plugin Markdown, et il permet soit de l’activer en surplus de la syntaxe SPIP avec un marqueur, soit l’inverse (notamment pour un nouveau site), avec le Markdown par défaut, et la syntaxe SPIP en surplus avec un marqueur.

      (Mais il faudrait dans ce cas avoir SimpleMDE en éditeur, qui est WYSIWYMean avec CodeMirror derrière.)

      ►https://github.com/Cerdic/markdown
      (Il y en a un autre sur la zone, de Cédric aussi, mais qui est donc en doublon puisqu’il n’est pas à jour et c’est celui sur Github qui est maintenu…)

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @mist_
    Mist. GraphX @mist_ 10/04/2018
    6
    @renyonparis
    @rastapopoulos
    @mukt
    @baroug
    @gblin
    @typo
    6

    Design Better Forms – UX Collective
    ▻https://uxdesign.cc/design-better-forms-96fadca0f49c

    https://cdn-images-1.medium.com/max/1200/1*VvQeOFsY57NJxtZmKyRnHA.jpeg

    form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.

    Voila une belle liste des erreurs que nous pousse a faire nos clients, et marketeux qui savent mieux que nous organiser une page agréable et raisonné ;-) . Perso on me les as déjà toutes faites quasiement et comme un lache de tâchon j’ai éxécuté … les ordres (appelé recommandations dans le monde du travail …)

    #css#UX#forms#webdesign

    Mist. GraphX @mist_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 10/04/2018

      #conception #web #ergonomie #interface #formulaires

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 7/02/2018
    2
    @rastapopoulos
    @mukt
    2

    Essential resources to design complex data tables
    ▻https://blog.stephaniewalter.fr/en/essential-resources-design-complex-data-tables

    “list of resources when I need to design complex tables with a lot of data, interactions, etc.”

    #data_table_HTML_CSS_Web_UX_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @mukt
      mukt @mukt CC BY 7/02/2018

      #HTML #CSS #intégration #web #ergonomie #UX #interface #tableau #table

      mukt @mukt CC BY
    Écrire un commentaire

  • @tomshardware
    Tom’s Hardware @tomshardware CC BY 4/01/2018

    Secretlab NAPA : les sièges gaming les plus luxueux, et chers, du marché
    ▻http://www.tomshardware.fr/articles/siege-secretlab-napa-omega-titan,1-66361.html#xtor=RSS-100

    http://media.bestofmicro.com/I/V/740695/gallery/secretlab-napa_0_rc_120x90.jpg

    Des trônes en or pour les gamers.

    http://media.bestofmicro.com/I/V/740695/gallery/secretlab-napa_0_rc_120x90.jpg

    Tom’s Hardware @tomshardware CC BY
    • @sandburg
      Sandburg @sandburg CC BY-SA 4/01/2018

      Confort != #ergonomie

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 22/12/2017
    3
    @rastapopoulos
    @spip
    @aurelie
    3

    Designing Tables for Reusability
    ▻https://uxdesign.cc/designing-tables-for-reusability-490a3760533

    “designing a standard table UI pattern that could be used across multiple product lines with different use cases and different target users”

    #table_HTML_CSS_UX_design_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 22/12/2017

      Excellent à la fois pour le sujet (et notamment pour de l’admin, coucou #idée_pour_SPIP), et dans la description de la méthode, du chemin.

      #design #conception #web #table #tableaux #UX #ergonomie #HTML #CSS #admin

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 15/12/2017
    1
    @sandburg
    1

    « Cher logiciel libre, [...] J’ai beau être convaincue de ton importance, je ne suis pas capable de me passer des logiciels privateurs. »

    ▻http://www.maiwann.net/lettre-pour-un-logiciel-libre

    [Et, au cas où il faille le préciser, ce n’est pas parce que je cite un article ici que je suis 100 % d’accord avec lui. N’engeulez donc pas le messager.]

    #logiciel_libre #marketing #choix

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 15/12/2017

      #UX #interface #ergonomie

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @odilon
    odilon @odilon CC BY-NC-ND 7/12/2017
    1
    @mad_meg
    1

    Des avocats vent debout contre les box «cages de verre» des tribunaux - Le Point
    ▻http://www.lepoint.fr/societe/des-avocats-vent-debout-contre-les-box-cages-de-verre-des-tribunaux-16-11-20

    Destinés aux détenus, ils visent à empêcher évasions et violences au cours du procès. Mais ils posent plusieurs problèmes aux avocats, notamment pour communiquer avec leur client.

    « Cela nous oblige à des postures tout à fait incompatibles avec une défense libre : les uns sont voutés, d’autres tordent le cou », s’agace Christian Saint-Palais, de l’Association des avocats pénalistes (ADAP). A Evry, « tous les avocats qui font moins d’1,70m n’arrivent pas à discuter avec leur clients parce que l’ouverture est beaucoup trop haute », illustre Me Déborah Meier.
    « Présomption d’innocence »

    Difficile pour les robes noires d’assister leur client, pour les juges d’entendre les accusés quand les micros défaillent, pour les interprètes de traduire correctement les propos, décrivent les avocats interrogés.

    Surtout, « symboliquement, il y a une atteinte à la présomption d’innocence : cela installe l’image de la peur que susciterait le mis en cause. Hors, il n’y a pas à avoir peur d’un innocent », insiste Me Saint-Palais.

    #justice #cage_de_verre

    odilon @odilon CC BY-NC-ND
    • @sandburg
      Sandburg @sandburg CC BY-SA 7/12/2017

      #ergonomie

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire

0 | 25 | 50 | 75 | 100 | 125 | 150 | 175 | 200

Thèmes liés

  • #web
  • #interface
  • #ux
  • #conception
  • #design
  • #accessibilité
  • #webdesign
  • #spip
  • #graphisme
  • #ux
  • #bonnes_pratiques
  • #idée_pour_spip
  • #ui
  • #intégration
  • #web_design
  • #informatique
  • #clavier
  • #travail
  • #menu
  • #css
  • #mobile
  • #lisibilité
  • #logiciel_libre
  • #formulaire
  • company: microsoft
  • company: google
  • #tms
  • #html
  • #navigation
  • #ihm
  • #javascript
  • operatingsystem: microsoft windows
  • #asos
  • city: this
  • #api
  • #raccourcis
  • #rédaction
  • #psychologie
  • #cms
  • #interfaces