How can we improve our keyboard-only (KO) and Assistive Technology (AT) user experiences without affecting the experience for anyone else? In this article, we’ll dig into some specific, practical examples including skip links, navigation menus, modal focusing, and user education components. In this article, Aaron Pearlman is going to go over a few of those affordances that can make your KO/AT user experiences better without really changing the experience for anyone else.
Read more…
Styling applications is a world in itself, one not often given the importance and attention it deserves. With complex modern user interfaces, it’s only matter of time before your app becomes a mess of unordered styles, reducing consistency and making it harder for new code to be added or changes made to the existing codebase. In this article, Ajay NS welcomes you to take a detailed dive into the different ways of organizing styling in modern applications which often have complex interfaces and design patterns. Let’s walk through BEM, preprocessors, CSS-in-JS and even design systems to find out what works best for you.
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…
Are you using many full-sized images on your WordPress site? Take note that this is causing your pages to load slowly. A slow website affects your SEO, increases the bounce rates, and keeps your audience at a distance. There are many ways to speed up your WordPress site, each one complementing the other. In this article, Adelina Țucă will help you learn how to easily optimize all the images on your site (manually or on autopilot) in order to gain better loading times.
Read more…
By using Framer X, you will speed up your design process and will be able to better communicate the interaction of your designs to the team and stakeholders. In this tutorial, Martina Pérez will show you how to build prototypes and interactions by making use of the pre-built components in Framer X and the ones available in the Framer Store. It should be useful for web designers having none to very little coding experience, interested in learning more about how to better communicate the interactions in the user interfaces they are building.
Read more…
While building a strong customer culture takes a multi-prong approach, workshops are fun and easy — perfect for jumpstarting a sluggish culture and giving participants the thinking tools necessary to filter decisions through the customer lens. In this article, Claire Mason has documented the process around four types of workshops that you can use to drive customer-centricity in your own companies. The workshops are divided into two categories: “general” and “project-specific”. General refers to workshops that are designed for anyone to participate. Project-specific workshops are best run with a particular, actionable outcome in mind.
Read more…
The web is wonderfully diverse and unpredictable because of wonderfully diverse people shaping it. In this new series of short interviews, we talk to interesting people doing interesting work in our industry and sharing what they’ve learned. Today, Vitaly Friedman talks to Brad Frost, author of the book Atomic Design that introduces a methodology to create and maintain effective design systems.
Read more…
Let’s kick off June with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to cater for beautiful and unique wallpapers. Available with and without a calendar for the month. All images can be clicked on and lead to the preview of the wallpaper, and you can feature your work in our magazine, too. So if you have an idea for a July wallpaper design, please don’t hesitate to submit it. We’d love to see what you’ll come up with.
Read more…
The user experience from a developer point of view is seriously lacking. We don’t get any helpful warnings when we misspell words, misuse APIs or, well, anything, really! We’ve already seen how we can implement the basic parts of our validation library, and how to add all the nice-to-have features we needed. In this final part of this series, Kristofer Giltvedt Selbekk will focus on improving the user experience for the people that will use our validation library: the developers.
Read more…
Have you noticed that contact forms are disappearing? Have you also noticed that many websites are replacing their forms with chatbots? Whether you put a chatbot on your website or direct visitors to one hosted on Facebook Messenger, is that a better solution for capturing leads and other contact information than with a traditional form? In this article, Suzanne Scacca will explore what is happening to forms on the mobile web and why chatbots may or may not be a suitable replacement for them.
Read more…
