#ergonomie

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

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

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 ?

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

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.

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!.

« #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

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...

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

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

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 :)

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

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

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 !).

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

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

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

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

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

« 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

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

Zigzag Image–Text Layouts Make Scanning Less Efficient
▻https://www.nngroup.com/articles/zigzag-page-layout

“Determining how to lay out a page begins with being thoughtful about your content. Decide whether it would benefit from imagery and, if so, think twice about which pictures will add information value.”

#UX_design_image_clevermarks

A Brief Overview On #Responsive #Navigation Patterns

In this article, I want to look specifically at the issue of responsive navigation. We will first talk about information architecture, then the purpose of navigation, and finally we will look at three responsive navigation patterns that have served well over time.

▻https://www.smashingmagazine.com/2017/04/overview-responsive-navigation-patterns

▻https://bradfrost.github.io/this-is-responsive/patterns.html#navigation

Little UI details from steveschoger, in HTML and CSS

▻https://codepen.io/tyrellrummage/details/ZJPXgy

I’m gonna show you little #UI details that can really improve your user experience by providing a nice #interface. This #tips are not mine, they’re from @steveschoger on Twitter. All credits to him!

https://codepen.io/tyrellrummage/pen/ZJPXgy/image/large.png

#design #web

Flat UI elements attract less attention and cause uncertainty
▻https://www.nngroup.com/articles/flat-ui-less-attention-cause-uncertainty #UI #UX #IHM #design #buttons

Thank you, Lord - my prayers have been heard !