#interface

Awesome Web Icons

A curated list of awesome Web (font, svg, whatever) Icons.

▻https://github.com/vkarampinis/awesome-icons

#icone #svg #Icons #ressource_graphique #webdesign #pictos #graphisme #ergonomie #web #intégration #interface

ChatGPT Killed the Web : For the Better ?
▻https://www.nicolasbustamante.com/p/chatgpt-killed-the-web-for-the-better

https://substackcdn.com/image/fetch/$s_!X3i-!,w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fade0fe42-5792-4e5f-922c-d5aa83c6f036_1536x1024.png

I haven’t used Google in a year. No search results, no blue links. ChatGPT became my default web browser in December 2024, and it has completely replaced the entire traditional web for me.

Par un des fondateurs de Doctrine, et d’autres startups IA/search (Fintech dernièrement).

Au delà de son technocratisme, et de sa vision totalement biaisée de l’histoire d’internet (avant le Web 2.0 il y avait DEJA plein de contenus proposés par les gens, et des millions de forums et de communautés, avec des « databases », avant les plateformes centralisatrices)…

Ce que je trouve fous c’est que d’une certaine manière, il y a au moins une raison valable à en être arrivé là : pendant 20 ans au moins, on a complexifié le web avec des designs de plus en plus compliqués et lourds avec JS, images, vidéos, et même les CSS de plus en plus compliqués aussi, à faire du pixel perfect, puis ensuite du responsive, puis ceci cela. Avec du coup en parallèle une tout aussi considérable augmentation et complexification des normes liés, CSS, HTML, HTTP, JS moderne, etc.

Alors que dans 99% des cas, les gens recherchent une information ou une action purement textuelle (des articles, des horaires, la carte d’un resto, un échange pour réserver un train ou une table quelque part pour tel jour et telle heure…).

Or la solution « la plupart des infos importantes peuvent être fournies dans des chats textuels » bah c’est réellement une idée qui fonctionne au niveau UX. Qui fonctionne et qui suffit à plein de gens par rapport à ce qu’illes recherchent, dans de très très nombreux cas d’utilisation.

Sauf que pour implémenter cette idée, on se retrouve avec une infrastructure encore plus énorme et plus énergivore et plus polluante que TOUT ce qui a été fait depuis 25 ans avec les Flash, avec la gabegie d’images et vidéos dans les sites, les applis JS, etc (enfin je dis ça mais je ne sais pas si faire tourner un LLM déjà constitué est plus polluant que Youtube et ses trilliards de vidéos inutiles).

Pourtant comme il le dit : pour avoir les infos de ta communauté locale (aussi bien asso, militance, que coiffeur, resto…) ou pour avoir des recettes de cuisine : à peine quelques kilo-octets ou méga-octets suffisent en Markdown pour tout contenir (et ça peut vraiment en contenir très beaucoup). Et aucun besoin d’avoir l’interface de chaque marque/site/etc, avec des polices différentes, des infos présentées différemment jamais au même endroit, jamais de la même manière. Si t’as un lecteur de chat/markdown dans ta machine (ordi ou phone) que tu configures avec ta grosseur de texte et ta police la plus lisible pour toi : ça suffit !

La question est donc surtout celle de l’accès, du mode de découverte, et de comment les contenus sont sélectionnés et arrivent à toi. Plutôt que tout laisser à des moteurs en boite noire, on pourrait très bien imaginer que l’on « s’abonne » à des sources de confiance comme on le fait pour insta et tous les réseaux (aussi bien des sites unitaires, wikipedia, le blog de mon amie, mon resto préféré, que des sites agrégateurs « les commerçants de ma commune XXX », l’agenda militant de mon département, etc). Et que l’appli chatbot comprennent ton prompt, et cherche dans ce contenu abonné en priorité (extrêmement rapide à partir du moment où c’est que des infos textuelles en Markdown). Ce qui n’empêche pas des services de faire du crawling et proposer d’autres résultats (ce qui peut te faire t’abonner à d’autres sources si leur contenu t’as intéressé).

On peut relier ça à des initiatives comme Gemini (qui permet encore moins de choses que Markdown, ce qui fait vraiment pas beaucoup : autant garder Markdown qui reste sobre tout en étant bien plus utilisé et connu).

Mais ce qui compte vraiment c’est « comment on y cherche, comment on y accède ». Et l’UX « chat qui comprend ma question en langage naturel, et qui sait chercher dans un corpus précis de sources textuelles » est extrêmement efficace et suffisant pour la plupart des besoins : sans souris, sans mille clics dans des menus, sans GIF animé.

#web #chatbot #interface #markdown #prospection #IA_générative

Get the hell out of the LLM as soon as possible | sgnt.ai
▻https://sgnt.ai/p/hell-out-of-llms

— Permalink

#LLMs #usecase #language #interface

Des interfaces truquées sur tous les sites web contrôlés par le SPF Economie Agence Belga

Des interfaces truquées ou « dark pattern », conçues pour inciter les consommateurs à entreprendre des actions qui ne sont souvent pas à leur avantage, ont été retrouvées sur tous les sites web belges contrôlés lors d’une enquête internationale menée par 27 autorités de protection des consommateurs et 26 autorités de protection de la vie privée.

Dans 70% des cas belges, deux pratiques douteuses au moins étaient utilisées, prévient mardi le SPF Economie.

https://www.24matins.fr/wp-content/uploads/2020/11/fd-1.jpg

Les contrôles, qui ont eu lieu entre le 29 janvier et le 2 février dernier, ont mis l’accent sur les sites web et les applications proposant des abonnements à des produits ou à des services. « Il s’agit par exemple de la livraison hebdomadaire de repas ou de fleurs, mais aussi d’abonnements à des plateformes de streaming ou à des contrats d’entretien. Les entreprises ont été sélectionnées sur la base de signalements et d’un échantillonnage », précise le SPF Economie.

Plus de 600 sites internet ont été contrôlés dans le monde, dont 13 en Belgique. « En Belgique, des pratiques ont été détectées particulièrement fréquemment au cours de la campagne de contrôle : des pratiques suspectées d’être ’sournoises’, telles que l’impossibilité de désactiver le renouvellement automatique d’un abonnement lors de l’achat, et des pratiques ’d’interface interference’, telles que le pré-cochage des abonnements », détaille le SPF.

Des interfaces truquées ou « dark pattern » ont été détectées sur 75,7 % des entreprises contrôlées au cours d’une enquête internationale. Elles sont conçues pour inciter les consommateurs à entreprendre des actions qui ne sont souvent pas à leur avantage. Au niveau belge, tous les sites web contrôlés présentaient au moins un dark pattern, et près de 70 % d’entre eux ont même eu recours à deux pratiques trompeuses ou plus.

Source : ▻https://www.lalibre.be/economie/conjoncture/2024/07/09/des-interfaces-truquees-sur-tous-les-sites-controles-par-le-spf-economie-IQC

#internet #smartphones #commerce #interfaces #applications #services #plateformes #streaming #abonnements #dark_pattern #algorithmes

Inside the flop that changed Apple forever - YouTube
▻https://www.youtube.com/watch?v=pcYX-2uWwsk

Apple’s Macintosh, released in 1984, is celebrated for ushering in a new era of user-friendly computing. But! The Mac owes a lot to its lesser-known, older sister Lisa. Here’s how the Lisa, while seen as a flop today, used clever interface design to welcome everyone into the personal computer era. Though as new technologies like AR, VR, and AI chatbots arrive, are we finally leaving Lisa’s legacy behind? #Apple #Technology #History

Read more: ▻http://bit.ly/3UdVXAW

00:00 Intro
00:37 Computers of the 1970’s
01:13 The Beginning of GUIs
01:40 Xerox PARC’s Alto Computer
02:10 Other Tech Inspirations for Apple
02:42 Goals behind the Apple Lisa
03:20 Hands-on with a Lisa
04:35 Developing the Lisa with Bill Atkinson
06:22 Introducing Macintosh
07:06 Lisa vs Macintosh
07:24 Countdown of switching applications on a Macintosh
08:15 What the ‘Desktop Metaphor’ means now
09:28 Final thoughts with Bill Atkinson

#Histoire_informatique #Apple #Interface_graphique

Free #Fonts For #Interface Designers — Smashing Magazine
▻https://www.smashingmagazine.com/2023/03/free-fonts-interface-designers

In this post, we compiled some free fonts that we came across and that you probably haven’t spotted before. Some of them shine with their #flexibility, some put a special focus on #readability, and others are a great choice if you want to make a bold statement.

https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_80/w_2000/https://files.smashing.media/articles/open-source-fonts-roundup/recursive-opt.png https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_80/w_2000/https://files.smashing.media/articles/open-source-fonts-roundup/yrsa-rasa-opt.png https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_80/w_2000/https://files.smashing.media/articles/open-source-fonts-roundup/space-grotesk-opt.png https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_80/w_2000/https://files.smashing.media/articles/open-source-fonts-roundup/figtree-opt.png https://res.cloudinary.com/indysigner/image/fetch/f_auto,q_80/w_2000/https://files.smashing.media/articles/open-source-fonts-roundup/reforma-opt.png

Simulateur Impact CO2
▻https://datagir.ademe.fr/apps/impact-co2

Impact CO2

On parle de plus en plus de CO2, mais concrètement quelles sont les émissions pour fabriquer et consommer les objets qui nous entourent ?

Voir aussi ▻https://impactco2.fr

Et les jeux de mots à 2 balles à la libé « datagir » (méé nan) pour un gouvernement qui est infoutu d’agir , des datas … dans ta gueule.

Home | The Component Gallery
▻https://component.gallery

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of #interface #components based on examples from the world of #design_systems

’God of War Ragnarok’ breaks a fundamental rule of video games
▻https://www.inverse.com/gaming/god-of-war-ragnarok-accessibility

https://imgix.bustle.com/uploads/image/2022/10/20/3a15495f-8e38-4019-8600-4cb729f764be-atreus-hand.jpg?w=1200&h=630&fit=crop&crop=faces&fm=jpg

GAME STUDIOS RARELY SHARE THE SECRETS OF THEIR SUCCESS.

A great game can spawn countless imitators — look at Breath of the Wild or Stardew Valley — and it’s all but unheard of for a company to tell its competitors the magic formula. But accessibility is increasingly becoming a notable exception to that rule.

God of War Ragnarok — a continuation of the 2018 adventures of the grizzled warrior Kratos and his tween son Atreus, and the ninth installment of a venerable PlayStation franchise — is the most accessible game in the series yet. To help make that vision a reality, the team at Santa Monica Studio turned to the folks at Naughty Dog, known for its boundary-breaking innovations for players with auditory, visual, and motor differences.

In keeping with that spirit of open collaboration, Lead UX Designer Mila Pavlin says the team at Santa Monica Studio isn’t interested in keeping the 70+ accessibility innovations in God of War Ragnarok a secret.

#jeu_vidéo #jeux_vidéo #accessibilité #handicap #jeu_vidéo_god_of_war_ragnarok #console_playstation #naighty_dog #mila_pavlin #secret_de_fabrication #secret_industriel #partage #jeu_vidéo_the_last_of_us_part_ii #ui #gui #ux #ihm #interface_homme_machine

Can We Understand Blood Test Results without Numbers? Ask Participant 23
▻https://nightingaledvs.com/can-we-understand-blood-test-results-without-numbers-ask-participant

About a year ago, I handed in my dissertation. I was examining new visualisation of blood test results amongst UK patients. The aim was to..

#Business_Intelligence #Data_Visualization #interface_design #user_experience #user_testing

« Les #réfugiés sont les #cobayes des futures mesures de #surveillance »

Les dangers de l’émigration vers l’Europe vont croissant, déplore Mark Akkerman, qui étudie la #militarisation_des_frontières du continent depuis 2016. Un mouvement largement poussé par le #lobby de l’#industrie_de_l’armement et de la sécurité.

Mark Akkerman étudie depuis 2016 la militarisation des frontières européennes. Chercheur pour l’ONG anti-militariste #Stop_Wapenhandel, il a publié, avec le soutien de The Transnational Institute, plusieurs rapports de référence sur l’industrie des « #Safe_Borders ». Il revient pour Mediapart sur des années de politiques européennes de surveillance aux frontières.

Mediapart : En 2016, vous publiez un premier rapport, « Borders Wars », qui cartographie la surveillance aux frontières en Europe. Dans quel contexte naît ce travail ?

Mark Akkerman : Il faut se rappeler que l’Europe a une longue histoire avec la traque des migrants et la sécurisation des frontières, qui remonte, comme l’a montré la journaliste d’investigation néerlandaise Linda Polman, à la Seconde Guerre mondiale et au refus de soutenir et abriter des réfugiés juifs d’Allemagne. Dès la création de l’espace Schengen, au début des années 1990, l’ouverture des frontières à l’intérieur de cet espace était étroitement liée au renforcement du contrôle et de la sécurité aux frontières extérieures. Depuis lors, il s’agit d’un processus continu marqué par plusieurs phases d’accélération.

Notre premier rapport (►https://www.tni.org/en/publication/border-wars) est né durant l’une de ces phases. J’ai commencé ce travail en 2015, au moment où émerge le terme « crise migratoire », que je qualifierais plutôt de tragédie de l’exil. De nombreuses personnes, principalement motivées par la guerre en Syrie, tentent alors de trouver un avenir sûr en Europe. En réponse, l’Union et ses États membres concentrent leurs efforts sur la sécurisation des frontières et le renvoi des personnes exilées en dehors du territoire européen.

Cela passe pour une part importante par la militarisation des frontières, par le renforcement des pouvoirs de Frontex et de ses financements. Les réfugiés sont dépeints comme une menace pour la sécurité de l’Europe, les migrations comme un « problème de sécurité ». C’est un récit largement poussé par le lobby de l’industrie militaire et de la sécurité, qui a été le principal bénéficiaire de ces politiques, des budgets croissants et des contrats conclus dans ce contexte.

Cinq ans après votre premier rapport, quel regard portez-vous sur la politique européenne de sécurisation des frontières ? La pandémie a-t-elle influencé cette politique ?

Depuis 2016, l’Europe est restée sur la même voie. Renforcer, militariser et externaliser la sécurité aux frontières sont les seules réponses aux migrations. Davantage de murs et de clôtures ont été érigés, de nouveaux équipements de surveillance, de détection et de contrôle ont été installés, de nouveaux accords avec des pays tiers ont été conclus, de nouvelles bases de données destinées à traquer les personnes exilées ont été créées. En ce sens, les politiques visibles en 2016 ont été poursuivies, intensifiées et élargies.

La pandémie de Covid-19 a certainement joué un rôle dans ce processus. De nombreux pays ont introduit de nouvelles mesures de sécurité et de contrôle aux frontières pour contenir le virus. Cela a également servi d’excuse pour cibler à nouveau les réfugiés, les présentant encore une fois comme des menaces, responsables de la propagation du virus.

Comme toujours, une partie de ces mesures temporaires vont se pérenniser et on constate déjà, par exemple, l’évolution des contrôles aux frontières vers l’utilisation de technologies biométriques sans contact.

En 2020, l’UE a choisi Idemia et Sopra Steria, deux entreprises françaises, pour construire un fichier de contrôle biométrique destiné à réguler les entrées et sorties de l’espace Schengen. Quel regard portez-vous sur ces bases de données ?

Il existe de nombreuses bases de données biométriques utilisées pour la sécurité aux frontières. L’Union européenne met depuis plusieurs années l’accent sur leur développement. Plus récemment, elle insiste sur leur nécessaire connexion, leur prétendue interopérabilité. L’objectif est de créer un système global de détection, de surveillance et de suivi des mouvements de réfugiés à l’échelle européenne pour faciliter leur détention et leur expulsion.

Cela contribue à créer une nouvelle forme d’« apartheid ». Ces fichiers sont destinés certes à accélérer les processus de contrôles aux frontières pour les citoyens nationaux et autres voyageurs acceptables mais, surtout, à arrêter ou expulser les migrantes et migrants indésirables grâce à l’utilisation de systèmes informatiques et biométriques toujours plus sophistiqués.

Quelles sont les conséquences concrètes de ces politiques de surveillance ?

Il devient chaque jour plus difficile et dangereux de migrer vers l’Europe. Parce qu’elles sont confrontées à la violence et aux refoulements aux frontières, ces personnes sont obligées de chercher d’autres routes migratoires, souvent plus dangereuses, ce qui crée un vrai marché pour les passeurs. La situation n’est pas meilleure pour les personnes réfugiées qui arrivent à entrer sur le territoire européen. Elles finissent régulièrement en détention, sont expulsées ou sont contraintes de vivre dans des conditions désastreuses en Europe ou dans des pays limitrophes.

Cette politique n’impacte pas que les personnes réfugiées. Elle présente un risque pour les libertés publiques de l’ensemble des Européens. Outre leur usage dans le cadre d’une politique migratoire raciste, les technologies de surveillance sont aussi « testées » sur des personnes migrantes qui peuvent difficilement faire valoir leurs droits, puis introduites plus tard auprès d’un public plus large. Les réfugiés sont les cobayes des futures mesures de contrôle et de surveillance des pays européens.

Vous pointez aussi que les industriels qui fournissent en armement les belligérants de conflits extra-européens, souvent à l’origine de mouvements migratoires, sont ceux qui bénéficient du business des frontières.

C’est ce que fait Thales en France, Leonardo en Italie ou Airbus. Ces entreprises européennes de sécurité et d’armement exportent des armes et des technologies de surveillance partout dans le monde, notamment dans des pays en guerre ou avec des régimes autoritaires. À titre d’exemple, les exportations européennes au Moyen-Orient et en Afrique du Nord des dix dernières années représentent 92 milliards d’euros et concernent des pays aussi controversés que l’Arabie saoudite, l’Égypte ou la Turquie.

Si elles fuient leur pays, les populations civiles exposées à la guerre dans ces régions du monde se retrouveront très certainement confrontées à des technologies produites par les mêmes industriels lors de leur passage aux frontières. C’est une manière profondément cynique de profiter, deux fois, de la misère d’une même population.

Quelles entreprises bénéficient le plus de la politique européenne de surveillance aux frontières ? Par quels mécanismes ? Je pense notamment aux programmes de recherches comme Horizon 2020 et Horizon Europe.

J’identifie deux types d’entreprises qui bénéficient de la militarisation des frontières de l’Europe. D’abord les grandes entreprises européennes d’armement et de sécurité, comme Airbus, Leonardo et Thales, qui disposent toutes d’une importante gamme de technologies militaires et de surveillance. Pour elles, le marché des frontières est un marché parmi d’autres. Ensuite, des entreprises spécialisées, qui travaillent sur des niches, bénéficient aussi directement de cette politique européenne. C’est le cas de l’entreprise espagnole European Security Fencing, qui fabrique des fils barbelés. Elles s’enrichissent en remportant des contrats, à l’échelle européenne, mais aussi nationale, voire locale.

Une autre source de financement est le programme cadre européen pour la recherche et l’innovation. Il finance des projets sur 7 ans et comprend un volet sécurité aux frontières. Des programmes existent aussi au niveau du Fonds européen de défense.

Un de vos travaux de recherche, « Expanding the Fortress », s’intéresse aux partenariats entre l’Europe et des pays tiers. Quels sont les pays concernés ? Comment se manifestent ces partenariats ?

L’UE et ses États membres tentent d’établir une coopération en matière de migrations avec de nombreux pays du monde. L’accent est mis sur les pays identifiés comme des « pays de transit » pour celles et ceux qui aspirent à rejoindre l’Union européenne. L’Europe entretient de nombreux accords avec la Libye, qu’elle équipe notamment en matériel militaire. Il s’agit d’un pays où la torture et la mise à mort des réfugiés ont été largement documentées.

Des accords existent aussi avec l’Égypte, la Tunisie, le Maroc, la Jordanie, le Liban ou encore l’Ukraine. L’Union a financé la construction de centres de détention dans ces pays, dans lesquels on a constaté, à plusieurs reprises, d’importantes violations en matière de droits humains.

Ces pays extra-européens sont-ils des zones d’expérimentations pour les entreprises européennes de surveillance ?

Ce sont plutôt les frontières européennes, comme celle d’Evros, entre la Grèce et la Turquie, qui servent de zone d’expérimentation. Le transfert d’équipements, de technologies et de connaissances pour la sécurité et le contrôle des frontières représente en revanche une partie importante de ces coopérations. Cela veut dire que les États européens dispensent des formations, partagent des renseignements ou fournissent de nouveaux équipements aux forces de sécurité de régimes autoritaires.

Ces régimes peuvent ainsi renforcer et étendre leurs capacités de répression et de violation des droits humains avec le soutien de l’UE. Les conséquences sont dévastatrices pour la population de ces pays, ce qui sert de moteur pour de nouvelles vagues de migration…

▻https://www.mediapart.fr/journal/international/040822/les-refugies-sont-les-cobayes-des-futures-mesures-de-surveillance

cité dans l’interview, ce rapport :
#Global_Climate_Wall
►https://www.tni.org/en/publication/global-climate-wall
déjà signalé ici : ▻https://seenthis.net/messages/934948#message934949

#asile #migrations #complexe_militaro-industriel #surveillance_des_frontières #Frontex #problème #Covid-19 #coronavirus #biométrie #technologie #Idemia #Sopra_Steria #contrôle_biométrique #base_de_données #interopérabilité #détection #apartheid #informatique #violence #refoulement #libertés_publiques #test #normalisation #généralisation #Thales #Leonardo #Airbus #armes #armements #industrie_de_l'armement #cynisme #Horizon_Europe #Horizon_2020 #marché #business #European_Security_Fencing #barbelés #fils_barbelés #recherche #programmes_de_recherche #Fonds_européen_de_défense #accords #externalisation #externalisation_des_contrôles_frontaliers #Égypte #Libye #Tunisie #Maroc #Jordanie #Liban #Ukraine #rétention #détention_administrative #expérimentation #équipements #connaissance #transfert #coopérations #formations #renseignements #répression

ping @isskein @karine4 @_kg_

What Star Wars: Squadrons can teach us about reviving classic genres
▻https://www.gamedeveloper.com/gdc2022/what-star-wars-squadrons-can-teach-us-about-reviving-classic-genres

https://eu-images.contentstack.com/v3/assets/blt95b381df7c12c15d/bltbaa9b634e591b78a/62434b0308de4137929859ee/starwarssquadronsfeatured.jpg

Expanding outward, Frazier explained that the UI team engineering the cockpit controls worked with Lucasfilm Limited to both mirror depictions of the different consoles as seen in the films, and make sure they were readable for gameplay. “We were pretending Incom, making X-Wings, or Sienar Systems, making TIE Fighters,” he said. “We also pretended to be Industrial Light and Magic working in 1977.”

That meant using cathodes, metal plates, and material that all looked like they were stored in the back of a Van Nuys warehouse in the late ’70s to answer questions that the fictional Star Wars engineers might be asking. Frazier called out that the computer screens in the different ships (even ones that weren’t around for the first film) particularly embodied this philosophy. 

If you play Squadrons in the highest resolution in VR, you can lean in and see the individual dots creating images in the interface. Similar details were applied elsewhere. Peer closely enough where the canopy and hull meet and you’ll see scuffs in the paint that line up roughly with where a pilot would be repeatedly grabbing the hull to pull themselves in and out of the ship.

#jeu_vidéo #jeux_vidéo #star_wars #jeu_vidéo_star_wars_squadrons #postmortem #gdc_2022 #game_developers_conference_2022 #jeu_vidéo_star_wars_tie_fighter #jeu_vidéo_star_wars_x-wing #ian_frazier #ihm #interface_utilisateur #ux #culture #vr #réalité_virtuelle #ea_motive

Système de Design de l’État
▻https://www.systeme-de-design.gouv.fr

https://systeme-de-design.gouv.fr/src/img/systeme-de-design.gouv.fr.jpg

Le tout nouveau design system de l’État français, signalé par @tetue dans son article : ►https://seenthis.net/messages/922369

Avec une charte, des éléments de base, et des composants.

#design_system #conception #web #UX #interface #France

The worst volume control UI in the world | by Fabricio Teixeira | UX Collective
▻https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950

https://miro.medium.com/freeze/max/500/1*Hd6mWoraRdfF2e4d2XkDRA.gif

A group of bored developers and designers has decided to start a thread on reddit to figure out who can come up with the worst volume control interface in the world:

#interface_utilisateur #gui #ux #volume_sonore #original #absurde #inspiration

Système de Design de l’État
▻https://systeme-de-design.gouv.fr

Le « design system » pour les sites officiels gouv.fr
La doc : ▻https://gouvfr.atlassian.net/wiki/spaces/DB/overview

Sur la notion de « design system » voir aussi :
– un petit tour d’horizon : ▻https://www.usabilis.com/design-system

Un Design System s’apparente à une bibliothèque de composants, visuels et principes au code réutilisable. Ce kit évolutif offre un référentiel UX et UI pour les designers et les développeurs

– quelques exemples complets :
. la région Occitanie : ▻https://zeroheight.com/51aa4cb6d/p/29be13-charte-ditoriale
. une compagnie d’assurance : ▻https://www.design.foyer.lu/index.html
– une tentative d’annuaire des design system d’entreprises françaises : ▻https://www.designsystems.fr/liste-des-designs-systems-francais

#design_system #UX #charte_graphique #interface_utilisateur #UI #élément_réutilisable

Iconduck - Free open source icons, illustrations and graphics
▻https://iconduck.com
#icone #svg

SVG Repo - Free SVG Vectors and Icons
►https://www.svgrepo.com

#icones #icons #SVG #interface #intégration #web #pictos

artf/grapesjs : Free and Open source Web Builder Framework. Next generation tool for building templates without coding
▻https://github.com/artf/grapesjs

Un framework de templating par interface, mais autonome, pas propre à un CMS (comme Gutemberg ou autre). Ça peut servir à faire un CMS complet. Mais ça pourrait servir à faire aussi juste un logiciel de maquettage rapide aussi, mais… qui produit du HTML/CSS responsive du coup. Comme Bootstrap Studio, sauf que c’est en web et libre là… (vraiment ça fait tout pareil que bootstrap studio quasiment).

Peu aussi être inspirant pour les systèmes de blocs configurables, d’interface pour construire une page par blocs.

GrapesJS is a free and open source Web Builder Framework which helps building HTML templates, faster and easily, to be delivered in sites, newsletters or mobile apps. Mainly, GrapesJS was designed to be used inside a CMS to speed up the creation of dynamic templates.

https://camo.githubusercontent.com/5dfc304c04a6cc50240d2afb6288f79e1a15afa5c9a04ca65aeb344e18f39153/687474703a2f2f6772617065736a732e636f6d2f696d672f6772617065736a732d66726f6e742d706167652d6d2e6a7067#.jpg

#template #maquette #interface #blocs #HTML #CSS #responsive
ping @drbouvierleduc @smellup

Quant-UX - Prototype, Test and Learn - 3.0.60
▻https://quant-ux.com/#

Quant UX is a free research, usability & UI prototyping/wireframing tool to quickly test your design and analyse interactive prototypes. Our visual analysis makes it easy for you to find and quickly fix pain points in your UI design.

Un outil open-source de maquettage avec possibilités d’interactions utilisateurs et d’analyses de celles-ci

Le repo Github : ▻https://github.com/KlausSchaefers/quant-ux

#prototype #maquette #web_dev #outil_web #conception #ergonomie #UX #interface #adobe_XD

Penpot - Design Freedom for Teams
►https://penpot.app

Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG).

(= un remplaçant d’Adobe XD open-source)

Le repo Github : ▻https://github.com/penpot/penpot (comprend aussi un docker pour installation serveur)

#penpot #adobe_XD #prototype #maquette #web_dev #outil_web

Dans l’excellente série « 24 jours de Web » que tous les webmestres lisent (j’espère), le numéro d’aujourd’hui est consacré à démolir ces ridicules formulaires Web écrits par des control freaks fascistes qui vous reprochent votre adresse de courrier électronique, votre prénom, ou votre département de naissance.

▻https://www.24joursdeweb.fr/2020/concevoir-des-formulaires-inclusifs

#développement_Web #RGPD #djandeur

https://media.24joursdeweb.fr/2020/11/13-form-erreur-430x68.png

Astuces pour designer une Progressive Web App (PWA)
▻https://www.kaliop.com/fr/comment-designer-une-progressive-web-app

Conseils pour l’organisation de l’interface d’une PWA

#PWA #interface #UX

UI Design Daily | Weekly FREE UI resources straight to your inbox
▻https://uidesigndaily.com

https://uidesigndaily.com/public/img/og-image.png

My name is Ildiko, I am a designer and interface developer based in Bergen, Norway ⛰️👋

I started doing daily UI practices back in March 2016, and since then I created more than 1000 designs.

I planned on creating a #design every week day until I reach 100 days total, to practice consistency and improve my skills. The improvement after the first hundred days was really encouraging, so I decided to make another hundred focusing on specific areas I am lacking in; and then another hundred, and then many more.

I created #UI Design Daily to be able to share these designs with anybody who is interested in using them as #inspiration or research material. I am hoping this project also takes me out of my comfort zone and provides new challenges. I’m planning to get better at development and pick up blogging as well, so lots of exciting things to look out for!

All the free items on this website are under #Creative_Commons license.

MIT Scientists Are Building Devices to Hack Your Dreams
▻https://futurism.com/mit-scientists-devices-hack-dreams

https://wp-assets.futurism.com/2020/04/mit-scientists-devices-hack-dreams-768x403.jpg

A team of researchers at MIT’s Dream Lab, which launched in 2017, are working on an open source wearable device that can track and interact with dreams in a number of ways — including, hopefully, giving you new control over the content of your dreams.

The team’s radical goal is to prove once and for all that dreams aren’t just meaningless gibberish — but can be “hacked, augmented, and swayed” to our benefit, according to OneZero.

Think “Inception,” in other words, but with a Nintendo Power Glove.

“People don’t know that a third of their life is a third where they could change or structure or better themselves,” Adam Horowitz, PhD student at MIT Media Lab’s Fluid Interfaces Group and a Dream Lab researcher, told OneZero.

“Whether you’re talking about memory augmentation or creativity augmentation or improving mood the next day or improving test performance, there’s all these things you can do at night that are practically important,” Horowitz added.

A glove-like device called Dormio, developed by the Dream Lab team, is outfitted with a host of sensors that can detect which sleeping state the wearer is in. When the wearer slips into a state between conscious and subconscious, hypnagogia, the glove plays a pre-recorded audio cue, most of the times consisting of a single word.

“Hypnagogic imagery or hallucinations is a normal state of consciousness in the transition from wakefulness to sleep,” Valdas Noreika, a psychologist at Cambridge who is not involved in the research told VICE back in 2018.

Hypnagogia may be different for different people. Some say they’ve woken up from hypnagogia, reporting they experienced strong visual and auditory hallucinations. Others are capable of interacting with somebody in the state.

But the Dream Lab might be on to something with its Dormio glove. For instance, in a 50-person experiment, the speaking glove was able to insert a tiger into people’s sleep by having the glove say a prerecorded message that simply said “tiger.”

The device is meant to democratize the science of tracking sleep. Step-by-step instructions were posted online with biosignal tracking software available on Github, allowing everybody to theoretically make their own Dormio glove.

A similar device built by Dream Lab researcher and PhD candidate Judith Amores relies on smell rather than an audio cue. A preset scent is released by a device when the user reaches the N3 stage of sleep, a regenerative period when the body heals itself and consolidates memory. The idea is to strengthen this consolidation using scents.

They hope to let sleepers take full control of their dreams as well. A 2019 “Dream Engineering” workshop hosted by the Dream Lab discussed the world of “lucid dreaming,” a state in which people realize they’re having a dream while they’re dreaming.

“It’s such an exhilarating feeling to lucid dream,” Tore Nielsen, a professor of psychiatry at the University of Montreal said in an MIT blog post. “You can try flying, singing, having sex — it’s better than VR.”

The problem, however, is that the science behind lucid dreaming is still murky. Only an estimated one percent of people are capable of entering this state regularly, making it difficult to study. The brain state during lucid dreaming is also not understood very well yet.

But other researchers are convinced there’s plenty to gain from learning from our subconscious — rather than commanding it with prerecorded messages or scents.

“The unconscious, it’s another kind of intelligence,” Rubin Naiman, sleep and dream expert at the University of Arizona, told OneZero. “We can learn from it. We can be in dialogue with it rather than dominate it, rather than ‘tap in’ and try to steer it in directions we want.”

#Rêves #Cerveau #Interface_Humain_Machine #Neuro_informatique

Elon Musk et Neuralink présentent leur prototype d’implants cérébraux pour aider à communiquer avec des machines
►https://www.lemonde.fr/pixels/article/2019/07/17/elon-musk-et-neuralink-presentent-leur-prototype-d-implants-cerebraux_549034

https://img.lemde.fr/2019/07/17/89/0/1065/532/1440/720/60/0/775016b_AlqlL3PWrV6gvkKFg4i1nw4P.jpg

Un mélange entre l’hubris de la recherche et le désir de pouvoir absolu des entreprises de la communication numérique. Effrayant.

La société financée par le magnat des transports a présenté, mardi 16 juillet, sa technologie d’interface cerveau-machines.

Publié le 17 juillet 2019 à 11h25 - Mis à jour le 17 juillet 2019 à 14h55

Un implant discret et indolore, permettant au cerveau de communiquer directement avec des machines ou des interfaces numériques : c’est le projet, en partie concrétisé, qu’a présenté mardi 16 juillet Neuralink, la société financée à hauteur de 100 millions de dollars par Elon Musk (Tesla, SpaceX).

L’entreprise a détaillé pour la première fois, lors d’une conférence de presse diffusée en direct sur Youtube, le fonctionnement de son prototype d’interface se branchant directement sur le cerveau. Il devrait prendre, à terme, la forme d’un petit boîtier connecté sans fil directement au cerveau.
Le projet d’implant de Neuralink.
Le projet d’implant de Neuralink. Neuralink

L’une des possibilités offertes par ces technologies et discutées pendant la conférence Neuralink qui s’est déroulée à San Francisco : la possibilité, pour des personnes paralysées, auxquelles on aurait réussi à implanter ce dispositif en creusant des trous dans leur crâne, de pouvoir contrôler par la pensée leur smartphone ou leur ordinateur. A terme, Neuralink espère que des millions de personnes pourront disposer d’un cerveau augmenté, selon un article de Bloomberg, qui reprend l’une des déclarations d’Elon Musk lors de la conférence : « au bout du compte, nous parviendrons à une symbiose entre le cerveau et l’intelligence artificielle. »
Aucune autorisation n’a encore été délivrée

Mais les prototypes présentés le 16 juillet, qui semblent sortis de classiques de la science-fiction (et ont été comparés par certains internautes à un épisode de la série Black Mirror), sont encore loin d’être aboutis. Ils n’ont ainsi pas encore passé le stade des tests humains, mais seulement celui de premiers tests effectués sur des rats. Elon Musk a également laissé entendre, lors de sa conférence, que des tests avaient été effectués sur des singes avec succès.

Le boîtier présenté par Neuralink ne dispose par ailleurs pas encore de toutes les fonctionnalités prévues : il n’est ainsi pas encore capable de transmettre des données sans fil, mais utilise, pour l’instant, d’un classique connecteur USB-C pour connecter le cerveau à une machine. Les images fournies par Neuralink au site spécialisé The Verge montrent ainsi un rat avec un port USB implanté sur le crâne, dans le cadre des premiers tests effectués. Ce port USB était relié à 1 500 électrodes disposées sur le cerveau du rat, précise le New York Times.
Les images fournies par Neuralink des test de leurs implants cérébraux sur des rats de laboratoire.
Les images fournies par Neuralink des test de leurs implants cérébraux sur des rats de laboratoire. Neuralink

Neuralink espère pouvoir débuter des tests sur des humains d’ici à la fin de 2020. Mais Neuralink a reconnu n’avoir pas encore démarré les démarches auprès de la Food and Drugs Administration (FDA), compétente aux Etats-Unis pour la régulation des dispositifs médicaux. Le processus pour obtenir un agrément pour ce type de dispositifs est « long et compliqué », a reconnu la société.

Basé sur une technologique de câbles de polymères souples et très fins, moins invasifs et plus durables que les systèmes actuellement utilisés dans le cadre médical, Neuralink est, en revanche, plus délicat à implanter. L’entreprise dit travailler à un robot chirurgical pour réaliser automatiquement et efficacement la tâche délicate de l’installation.

Des questions se posent également sur la durabilité des câbles utilisés par Neuralink une fois ces derniers implantés dans le cerveau. Neuralink est loin d’être la seule société à travailler sur des interfaces cerveau-machines. D’importants moyens ont été investis par l’armée américaine dans ces technologies, qui ont potentiellement de nombreuses applications, notamment pour les personnes en situation de handicap.

#Implants_neuronaux #Communication_Humain_Machine #Interface #Hubris #Pouvoir