HTML comes with a bunch of input controls, and there are tons of component libraries that include many standard controls such as checkboxes, and radio buttons. But what happens when you need something unusual?
In this article, Uri Shaked will show you how to build custom HTML components that mimic physical objects, such as the Arduino Pushbutton. We’ll draw the component in Inkscape from scratch, optimize the generated SVG code for the Web, and wrap it as a standalone web component using the lightweight lit-element library, paying extra attention to accessibility and mobile usability considerations.
Read more…
How do browsers and HTML support screen readers today? In this article, Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers. Lack of awareness and prioritization, rather than any technical limitation, is currently the main barrier to an accessible web. We hope to shift your perspective closer to Haben Girma’s by showing how web accessibility fits into the broader areas of technology, disability, and design.
Read more…
It’s essential to be ready to design for both visual and voice. Since prototyping for voice is new for many designers, it may be unclear as to where to start and what process to follow.
Read more…
When we combine the nature of fallbacks, we can start to see how they might help us gather feedback. Feedback is the key to understanding whether what you’ve created is valuable or not. In order to have successful products, we need to understand our users and implement great feedback loops so that we can make good decisions and build great products. Today, Ben Christine will dive into some examples from the wild in which feedback loops are missing from popular fallbacks. Then, he will follow up with ideas of how that feedback loop might look and work in those fallbacks.
Read more…
Slack has done a lot to bring teams and partners together online. It’s also done a lot to empower developers to build their own custom apps for it. Until recently, however, developers were limited by how much they could do to customize the design of those apps. That’s changing today with Block Kit. Today, Suzanne Scacca is going to talk about Block Kit, Slack’s contribution to building a better collaboration UI.
Read more…
Not everything that’s round and stands out is considered to be a button. In this article, Vadim explains how you can create a proper interactive button for your users — one that shouldn’t be confused for anything else.
Read more…
It’s important to understand that all decisions involve emotions. In this article, Susan Weinschenk explains how you can make your users feel confident of their decisions and why it’s a bad idea to provide more than four options to choose from. For example, if someone is making a habit-based decision, do not give them a lot of information, and always limit the number of choices people have to make to one, two or three. If you provide too many choices then people likely won’t choose at all.
Read more…
The visual cortex is the part of the brain that processes visual information. Each of the senses has an area of the brain where the signals for that sensory perception are usually sent and processed. Given the way our brains work, there are things you can do that will grab your user’s visual attention. In this article, Susan Weinschenk explains how the visual cortex of our brains plays a vital role in controlling our behavior.
Read more…
An old cliché says that “may you get everything you wish for” makes for a particularly insidious curse. As all the other browsers got easier and easier to deal with, Mat Marquis attempted to convince himself that there was at least still a challenge to quirky old IE. That even became something of a point of pride: he had gotten so good at fixing obscure IE issues that he’d learned to dodge them during the course of my everyday development, leaving nothing to dread come the big “open it up in IE and see what broke” phase. With Edge soon making the switch to Chrome’s rendering engine — well, for better or worse, a bitter wish is coming true.
Read more…
It’s not just micro-moment design problems that can cause trouble. Designers often spend a lot of time on macro design issues, and sometimes less so on critical micro-moment design issues. That might be a mistake. Macro design issues can result in massive UX problems, too. In this article, Susan Weinschenk will take a closer look at how to avoid such failures and why they are critical to the UX success of any product.
Read more…
