Toggle button switches are a classic UX trend often met in different parts of a website or an app. In a previous tutorial, we discussed how to build a CSS-only switch component for a simple to-do checklist. Today, we’ll create another switch: a monthly/yearly switch that will let visitors go through different pricing plans. Our… Continue reading How to Build a Pricing Table With a Monthly/Yearly CSS Toggle Switch
Frutiger: from a dot to the Paris airport
Balancing black and white, developing a universal language, and deconstructing what made Adrian Frutiger the designer’s designer Continue reading on UX Collective »
Make your research reusable: the information library for UX Research
Of course, it’s great that you already store the results of your research in a place where others can find them. A folder of reports (in Sharepoint), a wiki (like Notion or Confluence), or maybe even a dedicated research repository (like Dovetail, Reveall, or EnjoyHQ). Sharing your findings in such a way will help in… Continue reading Make your research reusable: the information library for UX Research
Trends and Movements (isms) in Web Design You Should Know
In web design nowadays we’re quick to assign an “ism” to any passing trend. But no matter how arbitrary or fleeting they are, these isms can be important to understand. “Isms” in the art and design world come from artistic movements; styles and philosophies practiced by a group of artists and designers, usually with a… Continue reading Trends and Movements (isms) in Web Design You Should Know
20 Halloween-Inspired Fonts to Creepify Text on Your Website
As Halloween creeps closer and closer, many people are looking for ways to creepify their text and websites. While there are a number of standard fonts that can be used to achieve a spooky look, sometimes it’s fun to get creative and find something truly unique. That’s why we’ve put together this collection of Halloween-inspired… Continue reading 20 Halloween-Inspired Fonts to Creepify Text on Your Website
10 Useful Squarespace Extensions and Integrations for Your Website
In the following post, we’re going to look at 10 Squarespace extensions and integrations that will help you build feature-packed websites and better user experiences. Even the best of content management systems needs a little help sometimes. It’s not because the website builder is insufficient. It’s just not practical to include features and tools for… Continue reading 10 Useful Squarespace Extensions and Integrations for Your Website
10 Spooky Halloween Cricut Projects to Make Today
1. Pumpkin Faces in Cricut We are going to start off easy with some pumpkin faces, and these are the perfect type of Cricut Halloween SVGs to use. These are some of my favourite things to do for a Halloween craft, as they’re so versatile. You can place your pumpkin faces on actual vegetables like… Continue reading 10 Spooky Halloween Cricut Projects to Make Today
Swipe left, swipe right — but why?
The real story behind Tinder’s most famous gesture. Continue reading on UX Collective »
A brief guide to writing more accessible content
Make content accessible to everyone, regardless of their abilities Photo by Alexander Dummer on Unsplash UX designers are experts at developing empathy, supposedly. So why do designers ignore such a large segment of their users? People with disabilities are often neglected in the design process. They’re excluded from user research and testing, which is evident… Continue reading A brief guide to writing more accessible content
The Complete React Developer Course
React is the most popular framework for building user interfaces. In this course you will learn the fundamental concepts you need to start building applications with React. 1. What You Will Learn in This Free React Course You’ll start of with the basics of React—coding your first components: using React with vanilla JavaScript the basics of… Continue reading The Complete React Developer Course
How to Check if the Current Page is the Homepage in WordPress?
A WordPress website can have different kinds of pages like an about page, contact page, privacy policy page, author page, or homepage. Sometimes, when we are developing a theme, a plugin or implementing some other functionality in WordPress, it becomes important to determine whether the current page is the homepage. In this tutorial, we will… Continue reading How to Check if the Current Page is the Homepage in WordPress?
How to measure design system adoption
Automated tracking of token and component adoption Continue reading on UX Collective »
5 tips to ace your Content Design case study interview
You are heading to the case study interview, you’re almost done with the recruiting process! Here are a few tips and tricks to maximize your chances to let your case study shine. Credits to Headway Sidenote: in this article, I will refer to both Content Designers and UX writers with 1 term only: Content Designers.… Continue reading 5 tips to ace your Content Design case study interview
Research vs Vision: the origin story of Sony Walkman, Mini Cooper, and the iPhone
It’s always interesting to watch how companies approach the building of their new products. During the market research phase, companies are trying to future-proof every detail to ensure it will be popular among users and bring more money to the company. Research methodologies and strategies have been improving since the beginning of the 20th century. Some… Continue reading Research vs Vision: the origin story of Sony Walkman, Mini Cooper, and the iPhone
Accessibility as an essential pillar in design teams
Creating habits to cultivate the mindset and go from theory to practice It may seem difficult to build a culture of accessibility when that is not the focus of a company or product. There is a myth that accessibility is expensive, demands resources and, above all, time. But what if I tell you it’s possible?… Continue reading Accessibility as an essential pillar in design teams
Top 10 WooCommerce Themes (2022 edition)
Posted · Category: Design, eCommerce Have you been looking for the best WooCommerce WordPress theme to open an online store but you’re not sure what to look for? With a WooCommerce WordPress theme you can sell any digital or physical product and it can take very little time to setup your theme and place your… Continue reading Top 10 WooCommerce Themes (2022 edition)
Designing dark mode
Design considerations for crafting a great dark mode. Continue reading on UX Collective »
Why designers quit
Why did you quit your last job? This was the main question in my recent study I did with designers. I received 156 responses to my survey, most of them were from Product/UX designers, second and third in number of responses were graphic designers, and web designers. Let’s dive into the results! 53 percent of… Continue reading Why designers quit
How to Stop Search Engines From Indexing Your Site
Under normal circumstances, you’d want search engines like Google, Bing, and Yahoo to list your site on their search results. In fact, most individual website owners and businesses devote so much time and resources to making sure that their website is optimized for SEO (Search Engine Optimization). However, there are a few cases where you’d… Continue reading How to Stop Search Engines From Indexing Your Site
15 Wiki Web Design Templates for Building a Knowledgebase (2022)
There are a lot of different wiki templates out there, but not all of them are created equal. To help you find the best template for your needs, we’ve put together a list of the 15 best wiki templates for building a knowledgebase in 2022. But first, let’s break down some of the must-have features… Continue reading 15 Wiki Web Design Templates for Building a Knowledgebase (2022)
5 Important Differences in 2022
A quick search in any search engine will turn up Wix as one of the best website builders in 2022. And you have probably heard about WordPress and how it is one of the most popular platforms for creating a website. When you are just starting out, making the right choice for creating a website… Continue reading 5 Important Differences in 2022
Systems and Operations in the Design Profession
Systems and operations in the design profession Photo by Deva Darshan on Unsplash I always loved conceptualizing and visualizing processes. As a product designer, I ended up working with a design team, doing user flows, user testing, design sprints, etc. As I was growing as a designer, I did more facilitation, customer journeys, created big conference… Continue reading Systems and Operations in the Design Profession
3 practical uses of the UUP UX metric
Measuring perceptions and acting on findings. Early in 2019 I wrote, UX Metrics: Why not measure aesthetics? Extending proven user experience measures to account for aesthetic usability effect, which introduced UUP or “up score”. It received more attention than I expected, which spawned exchanges with other designers. Many were about ways to apply the UUP… Continue reading 3 practical uses of the UUP UX metric
What Is the functions.php File in WordPress?
Every WordPress theme comes with a function.php file or the theme functions file. In this post I’ll explain where to find it, and why it’s better to not modify it directly. Though each theme has its own functions.php file, it is only the active theme’s functions.php file that is activated when the site loads. Inside… Continue reading What Is the functions.php File in WordPress?