In UI/UX, a common pattern that’s needed time and again is that of a simple animated opening and closing panel, or ‘drawer’. You don’t need a library to make these. With some basic HTML/CSS and JavaScript, we’re going to learn how to do it ourselves. In this article, Ben Frain is going to share the details of his ‘go-to’ method in detail in this article. Let’s consider possible approaches first.
Read more…
We’ve all dealt with analysis paralysis before. Do I choose vanilla, strawberry or one of the 30 other flavors? And do I go with the cone or cup? When it comes to putting our visitors on the spot, giving them too many options hurts their decision-making ability along with how they feel about the experience as a whole. While you can’t do anything about how much “stuff” is on your site, you can design it in a way that makes it easier for your visitors to make a choice. Today, Suzanne Scacca will look at what it is about the psychology of choice that can be detrimental for conversions and what you can do to keep your PWA visitors from succumbing to it.
Read more…
A significant part of the Internet-using population is aged 50 or older — including the people who invented it. Even though we’re as tech-savvy as anyone else, older users have some specific needs that web designers and programmers should consider. None of them are particularly difficult to accommodate, but they can be critical for our use and enjoyment of the Internet. In this article, Barry Rueger will show you why designers need to understand what older users need and why it’s not enough to just say, “I can read it, so what’s the problem?”
Read more…
What is it that makes a haunted house feel so disturbing? Is it the fact that it’s been long abandoned? That it’s riddled with dark and twisty hallways? That it simulates danger? Or maybe it’s the low-quality construction that makes people nervous? In this article, Suzanne Scacca is going to take these frightening characteristics and spin them around for the web. After all, what is a website, but a digital house? (Let’s just make sure yours doesn’t feel haunted!)
Read more…
When someone reads a story, they have certain expectations about how that story will unfold whether they know how to articulate them or not. The same is true about users coming to our websites. We can pull principles from storytelling to help us meet and, hopefully, exceed those user expectations. Today, John Rhea will pull out and discuss just a few examples of how thinking about your users’ stories can increase user engagement and satisfaction. He’ll look at audience expectations and how your site is meeting those expectations or not.
Read more…
Speech-to-text promises to save time transcribing long audio sources like podcasts and interviews. However, the poor quality of the resulting transcription severely limits the technology’s present use cases. We attempt various methods to improve transcription quality, but ultimately the technology fails to accurately represent human speech. That said, its speed and low cost compared to manual transcription still leaves us with some interesting use cases. In this article, Philip Kiely will use speech-to-text to draft transcripts of podcasts and interviews for publication. He ’ll also evaluate the overall accuracy of these format-transformation technologies by running a few samples through round-trip transcriptions.
Read more…
Design is increasingly becoming more complex. Design processes require having a tight cross-functional collaboration between all teams involved in the creation of the product. Having a shared design language empowers teams to collaborate more effectively. That’s why many companies invest in design systems. But how can we ensure that a design system actually works for a product you’re working on and improves your team’s productivity? In this article, Nick Babich will try to find the qualities that make a design system good for your product development.
Read more…
This is a detailed guide for those who are struggling with tables in Figma. Today, Sasha Belichenko will show you how to create a table using components, so that later on you could save a lot of time on scalability and edits. Moreover, you’ll be able to easily integrate the table into your design system. To follow along, you will need to have at least some understanding of the basic Figma concepts, its interface, and how to work with Figma components. So, without further ado, let’s dig in!
Read more…
Why do humans only have to use this powerful invention to solve business-related issues? Why can’t we think a little more like Duchamp and use this ‘all-powerful’ technology to solve one of the scariest problems that mankind has ever faced? Climate change is a complex problem that cannot be solved with a swift flick of a biodegradable, magic wand. But certain environmental issues can be solved with the right code. That’s where you come in.
Read more…
Using JavaScript and frameworks like Tensorflow.js is a great way to get started and learn more about machine learning. In this article, Charlie Gerard covers the three main features currently available using Tensorflow.js and sheds light onto the limits of using machine learning in the frontend.
Read more…
