Highlights from the DVS #Accessibility Fireside Chat
▻https://nightingaledvs.com/highlights-from-the-dvs-accessibility-fireside-chat
On July 28, 2021, the #Data_Visualization Society hosted a Fireside Chat to discuss accessibility in data visualization. I moderated a panel of #Community members..
« Recreating The Arduino Pushbutton Using SVG And ‹lit-element› » by Uri Shaked, 20.01.2020
▻https://www.smashingmagazine.com/2020/01/recreating-arduino-pushbutton-svg
#webComponents #svg #html #usability #accessibility #aria #article
Cet article est truffé d’astuces et il adresse richement l’utilisation de lit-html et lit-element pour créer un composant SVG, bien fichu et accessible qui plus est.
Pardonnez-moi, oui, je m’intéresse parfois à ces extremum de technicalité (si vous me passez encore ce néo-anglicisme de mon cru) et arcanes du web. J’adore les technologies du web en fait, suis accro.
Enough with the Chainsplaining (Part 1): How to Talk #blockchain Empathtically
▻https://hackernoon.com/enough-with-the-chainsplaining-part-1-how-to-talk-blockchain-with-empath
Enough with the Chainsplaining (Part 1): How to Talk Blockchain Empatheticallymansplain: verb: (of a man) explain (something) to someone, typically a woman, in a manner regarded as condescending or patronizing.Chainsplaining starts innocuously enough. Maybe you’re at a cocktail party or a neighborhood gathering, and blockchain happens to bubble up in casual conversation.“Blockchain? That’s like Bitcoin right?”Or “Yeah, I’ve read a bit about Crypto but I still don’t get it…”Or “Didn’t everyone lose a bunch of money on ICOs?”You might be bursting at the seams to explain, describe, and demystify the layers of blockchain. And in the beginning, your audiences will probably greet this with a mixture of feigned curiosity, FOMO, surveillance unease, and disdain for yet another over-hyped techno-fad.But — (...)
#blockchain #usability #checklist
▻https://hackernoon.com/blockchain-usability-checklist-5c5e1409183d?source=rss----3a8144eabfe3--
How have blockchains become more usable starting from the protocol layer and surrounding infrastructure.Figure: Usability ChecklistTo help censorship resistant, immutable, and permissionless blockchains gain wide spread market #adoption, a lot of changes have to be made. Every individual layer of the ecosystem needs to become more usable from the base protocol to the end-user interface. These layers must leverage the unique properties of blockchain for meaningful adoption to occur. Because what’s the point of using a censorship resistant blockchain if the interface is censoring?Today is the first piece in a series of posts detailing blockchain usability for the different blockchain layers (that we have made up completely, mildly modelled after the OSI model). Here we will focus on the (...)
How to Enhance the #usability of your Payment Systems
▻https://hackernoon.com/how-to-enhance-the-usability-of-your-payment-systems-8ac2f07d518b?source
How to Enhance Your #payments UsabilityWhen the word “Usability” pops-up, quite often users confuse it with — “User Experience”.The usability of any product shapes its user experience, and thus, usability is a part of #ux. Usability is not just the comfort of using a product, but a lot more about user satisfaction, a website being aesthetically pleasant and engaging.Online retailers previously overlooked the checkout page optimization and focused only on optimizing the front end, design and product alignment on their website. This made sense because what the user came across was the front end, that convinces the user to make a purchase.However, when it comes to conversion, it is the website checkout page that needs to be optimized in terms of product specifications & call-to-action buttons (...)
SurveyJS: Improved Form Builder #usability (first half of 2018)
▻https://hackernoon.com/surveyjs-improved-form-builder-usability-first-half-of-2018-3373f8577af3
During the six month since we released production versions of our MIT-Licensed SurveyJS Library and Open Source Form Builder, we’ve learned a lot about how people use our built-in survey editor UI and what leaves them confused. In this article, we’ll summarize the usability issues we’ve encountered and how we solved them.Properties Pane: A Problem with Ready-to-Use SolutionThe first and probably most common usability issue was with the Properties pane on the right-hand side, a sight familiar to all developers and power users:Property GridDevelopers kept asking us about ways to hide this pane, as it didn’t appear helpful to end-users who worked with the Form Builder to construct #surveys.Fortunately, we did foresee such requests and already had user-friendly modal dialogs as ready-to-use (...)
How to Test the #usability of Your Prototypes on Mobile and Desktop Devices?
▻https://hackernoon.com/how-to-test-the-usability-of-your-prototypes-on-mobile-and-desktop-devic
Broadly speaking, usability testing is a technique used in usercentered interaction design in order to evaluate a product by testing on users. It allows companies to test a basic version of mobile app or website before dedicating time toward coding and developing stage. Why worry about usability so early when prototyping already has a big todo list? Because “Unless your product is usable, all your testing will tell you is that people don’t like terrible products”.Without any doubt, usability testing can start without prototyping, and those tests may pinpoint the best way to structure your information architecture or prototype’s navigation. Some popular preprototyping tests include Card Sorting, Tree Testing and Interviews. It’s different between testing a prototype and testing a functional (...)
Writing for the Web : Jakob Nielsen
▻http://www.nngroup.com/topic/writing-web
Tags : #copywriting #usability
Webdesign : 7 tendances futures
Bon, titre « tarte à la crème », mais y a des choses à piocher dedans.
▻http://fr.tuto.com/blog/2015/06/webdesign-7-tendances-futures.htm
Par contre, le fold est mort, ça s’enflamme un peu amha...
Aujourd’hui, chaque jeune adulte est un utilisateur expert du web.
(Et donc être expert du web c’est « utiliser des onglets ». Ya du chemin à faire.)
Sur le sujet des « utilisateurs experts » @Jean_no avait fait un chouette article dans Regards sur le numérique, la revue en ligne de Microsoft, qui disait en substance que la génération des hackers était passée (c’est une question de statistique : on mettait tous la main à la pâte quand on était peu nombreux, vu que ça ne marchait pas autrement).
L’attitude qu’ils ont vis-à-vis de leur environnement numérique me semble parfois passive. Les « digital natives » méritent peut-être d’être appelés « digital naives ». Ils pratiquent les réseaux sociaux plusieurs heures chaque jour et sont capables d’écrire un message en quelques secondes en n’utilisant que leur pouce mais peuvent pourtant souffrir de lacunes étonnantes. Il m’arrive à présent de devoir renseigner des étudiants vingtenaires sur la marche à suivre pour ouvrir ou enregistrer un fichier informatique.
▻http://www.rslnmag.fr/post/2011/10/28/Une-generation-post-micro.aspx
Design et refonte de site média : les bonnes pratiques
Une présentation par l’agence Datagif sur le design des sites médias. Au travers de cas concrets, c’est toujours intéressant.
▻http://www.blogdumoderateur.com/design-site-media-bonnes-pratiques
#webdesign #graphisme #interface #ergonomie #usability #média
#usability & UX Articles from Nielsen Norman Group
▻http://www.nngroup.com/articles
GoodUI
▻http://goodui.org
▻http://seenthis.net/messages/153865
@seenthis Seenthis ne le reconnaît pas à cause du www. Seenthis_todo ?
A #CRAP way to improve #usability
►http://www.userfocus.co.uk/articles/A_CRAP_way_to_improve_usability.html
Visual design is often dismissed as eye candy. In fact, we can use four key principles of visual design to create more usable interfaces. These principles are #Contrast, #Repetition, #Alignment and #Proximity.
Merci, c’est toujours bon de rappeler ces choses là :)
Quand on conçoit une interface visuelle, on devrait toujours avoir le point de vue de la psychologie de la perception.
La plupart des idées de l’article me font penser à la théorie de la psychologie de la forme (Gestalt) : ►http://fr.wikipedia.org/wiki/Gestalt.
Elle date de 1890, mais ses principes tendent à être démontrés par la neurologie (résultants du câblage et de l’organisation de nos voies et aires visuelles).
Oui, oui, il cite la Gestalt dans l’article, effectivement !
Juste pour « Proximity », c’est ce qui me chagrinait :)
Adactio : Journal—Caveat
►http://adactio.com/journal/4437
If you’re looking for the more honest, truthful answer to pretty much any question on #web #design and #usability, here it is:
It depends.
The Dark Side Of #Usability
►http://www.usabilitypost.com/2011/01/10/dark-side-of-usability
The findings are very interesting and go against the general trend of simply accepting usability of user interfaces as something completely beneficial to the user. Indeed, the opposite thing happened. People using the more difficult interfaces tended to perform better, were less fazed by distractions and were found more likely to transfer their skills to new interfaces or tasks. People using the user-friendly interfaces tended to rely on them too much, and so were never fully able to grasp the problem and come up with working strategies for tackling it. Even though the user-friendly interface was meant to relieve them of trivial tasks, they instead relied on the computer as a crutch, stumbling around on their way to an eventual solution with the help of the interface.
Showcase Of Beautiful But Unusable Websites - Smashing Magazine
►http://www.smashingmagazine.com/2010/11/25/showcase-of-beautiful-but-unusable-websites
“In this showcase we present websites that sacrifice usability for beauty and present issues related to clutter, loading, navigation, archiving or visibility. Unfortunately, although the sites featured in this showcase are visually appealing, they are quite difficult to use. By studying such examples, we can learn what mistakes we can avoid in our designs and how not to strive for strong aesthetic appearances on the account of #usability.”
traduction :
« Dans cette vitrine, nous présentons les sites Web qui utilisabilité sacrifice pour les questions de beauté et de présenter liés à l’encombrement, le chargement, la navigation, l’archivage ou la visibilité. Malheureusement, bien que les sites présentés dans cette vitrine sont visuellement attrayants, ils sont assez difficiles à utiliser. En étudiant ces exemples, nous pouvons apprendre ce que nous pouvons éviter les erreurs dans nos conceptions et comment ne pas s’efforcer de fortes apparences esthétiques sur le compte du #convivialité. »
hoverIntent jQuery Plug-in
►http://cherne.net/brian/resources/jquery.hoverIntent.html
#jquery #plugin #javascript #hover #usability #webdev #ui #hoverintent
A List Apart: Articles: Understanding Progressive Enhancement
►http://www.alistapart.com/articles/understandingprogressiveenhancement
A List Apart : Articles : Test-Driven Progressive Enhancement
►http://www.alistapart.com/articles/testdriven
#javascript #webdesign #css #usability #testing #progressive #webdev
Access-Oriented Web Design: Building highly-interactive web apps that work for everyone | Filament Group, Inc., Boston, MA
►http://www.filamentgroup.com/lab/access_oriented_web_design_building_highly_interactive_web_apps_that_
#javascript #webdesign #design #webdev #usability #web #accessibility
Information Design Patterns
►http://interface.fh-potsdam.de/infodesignpatterns/news.php
#patterns #design #ui #visualization #information #webdesign #usability #architecture #resources