Voice User Interfaces (VUIs) are swiftly becoming an integral part of our daily lives. From smart home devices to customer service chatbots, the applications are endless—and they’re everywhere. However, designing a VUI is a unique challenge that requires a specialized approach. This article aims to guide you through the practical steps of designing a VUI,… Continue reading How to Design for a Voice User Interface (VUI)
What happens to our creativity as we age?
Sustaining your creative spark across lifetimes with inspiration from Da Vinci Continue reading on UX Collective »
The data delivery checklist: principles to design data products
We have flagged selling energy to the grid for the first time as not available for a direct user of Tesla and crypto. Being available is one of the five principles in the Data Delivery Checklist. Where does an end-user fit into this? For the issue Bard has given us, let’s imagine a new smart… Continue reading The data delivery checklist: principles to design data products
How to Insert & Add Video Clips Between in DaVinci Resolve
What You’ll Be Creating Introduction DaVinci Resolve, in the world of video editing software, is nothing short of a powerhouse. Its capabilities and features are broad, and designed to cater to the needs of both novice and experienced editors alike. One of the common tasks that users of this software often encounter is the need… Continue reading How to Insert & Add Video Clips Between in DaVinci Resolve
Quality assurance in design: Who tested this?
Product quality is everyone’s responsibility. But with fewer dedicated QA specialists, it’s unclear who’s truly accountable. And with UX… Continue reading on UX Collective »
Reshaping productive workflows- integrating UX and AI
As rapid technological advancements shape the digital landscape, combining various cutting-edge technologies holds great potential for revolutionizing workflows. Conventional workflows can be inflexible, involving manual procedures that can take up a lot of time and be susceptible to mistakes. In contrast, generative AI models can contribute to making workflows increase efficiency. In this article, we… Continue reading Reshaping productive workflows- integrating UX and AI
4 Figma AI Updates to Elevate Your Design Workflow
The AI that we are experiencing shows boundless possibilities. As designer roles evolve, repetitive tasks are being covered by Figma AI plugins. Let’s look at some updates to add to your workflow. Noah Levin (VP of Design in Figma), presenting Figma AI updates and prototypes In June 2023, Noah Levin Vice, President of Product Design… Continue reading 4 Figma AI Updates to Elevate Your Design Workflow
Create Step-by-Step SVG Sprites in WordPress
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#iy7g{background-color:rgb(243, 245, 246);} In previous tutorials, I’ve shown you how to create and work with inline SVG Sprites. Today, I’ll cover two ways to work with SVG Sprites in a WordPress theme: including an SVG in the document and using an external SVG file. Building an Admin Dashboard… Continue reading Create Step-by-Step SVG Sprites in WordPress
3 Essential Design Trends, September 2023
Here’s what’s trending in design this month: 1. Monochrome Color Schemes One-color design patterns can be beautiful and somewhat enchanting. With tints and tones of the same base color, there is a certain elegance that comes with a monochrome color scheme. Designers who have worked with color in this way know that while the end result may look… Continue reading 3 Essential Design Trends, September 2023
AI in education: a savior or a threat?
Are threats to global education driven by AI or human factors? Photo by Andy Kelly on Unsplash As Artificial Intelligence (AI) continues to gain ground in education, the question arises: is AI the hero we’re looking for, or does it pose a potential threat to the future of learning? It’s a captivating subject, given the paramount importance… Continue reading AI in education: a savior or a threat?
The gender pay gap is designed into our culture; here’s how we can design it out
The following limitations should be considered when reading this article: Wages in the private sector are often made up of base pay and performance-related pay, both of which contribute to the gender pay gap. Due to time limitations, this article focuses solely on base pay. Gender is one of multiple personal characteristics that can affect… Continue reading The gender pay gap is designed into our culture; here’s how we can design it out
What is a modal? And how to build a CSS-only Modal
CSS has come a long way from its humble beginnings of basic styling. Thanks to the use of pseudo-classes, we’re now able to style elements based on certain behaviour. In this tutorial, we’ll be using the :target pseudo-class to build a modal element. What is a modal? A modal is an element displayed on top… Continue reading What is a modal? And how to build a CSS-only Modal
How to Reduce Grain in Photoshop
In this tutorial, we will walk you through how to remove grain from a photo in Photoshop. Image noise, or ‘grain’, can sometimes detract from the overall quality of your pictures, particularly in low-light conditions. However, with Photoshop’s advanced tools, it’s possible to significantly reduce this grain, resulting in cleaner, sharper images. Whether you’re a… Continue reading How to Reduce Grain in Photoshop
Unveiling the experience wheel of true fortune
Our tendency to focus on negative experiences has prevented us from recognizing and seizing the opportunities of another loop. This is better known as the flywheel effect, and the key ingredient is how success can be replicated through a series of logical but effective steps until it links as a chain. (Image source: Neil Webb) Would… Continue reading Unveiling the experience wheel of true fortune
Oppenheimer & UX: from atoms to experiences
Some other more concrete examples I want to briefly highlight are: (1) facial recognition in surveillance systems, (2) military drone control UI, (3) military shooter games, and (4) deceptive UX patterns. This example ties back to AI being as biased as their creators. We’ve seen and heard stories of facial recognition software racially profiling people… Continue reading Oppenheimer & UX: from atoms to experiences
Stakeholder management for design systems
The success of a design system depends more on stakeholder management than on the quality of its components. Continue reading on UX Collective »
5 proven sets of design principles and how I use them
Articulating why a design is good is always a challenge. Even the veterans sometimes struggle to find the words! Luckily, there are a number of common sets of design principles that provide practical starting points for analyzing designs and expressing what’s successful or unsuccessful about them. While senior designers tend to internalize these principles through… Continue reading 5 proven sets of design principles and how I use them
Still Don’t Understand GDPR Compliance?
GDPR isn’t a new concept anymore, but it can still be a lot of work to implement. Let’s explore the current best practices for abiding by these laws and regulations. Best Practices for GDPR Compliance Compliance with GDPR will take a minute to get put in place. So, take the following best practices one at… Continue reading Still Don’t Understand GDPR Compliance?
Your WordPress Theme Needs a Social Media Shortcode
Every site comes with social media profile links. Depending on its layout, these appear in different locations like header, footer, and sidebars. In this tutorial, we’ll learn how to create a WordPress social media shortcode that you can reuse in your themes. To configure the social links, we’ll extend the WordPress Customizer. Extend the WordPress… Continue reading Your WordPress Theme Needs a Social Media Shortcode
How to Add Pages in InDesign
Learn how to add pages in InDesign in this easy-to-follow guide. Whether you’re figuring out how to add a new page in InDesign or how to add many pages, this walkthrough will show you what to do. How to Add a Page in InDesign Step 1 Before we can dig into how to add pages… Continue reading How to Add Pages in InDesign
How to Open a PDF in InDesign
Can you open a PDF in InDesign? Yes! In this article, we’ll show you how to open a PDF in InDesign. Even better, we’ll walk through how to import a PDF into InDesign simply and easily. 1. How to Open a PDF File in Adobe InDesign Step 1 First, there are a few things you… Continue reading How to Open a PDF in InDesign
Easy Slider (Carousel With Pure CSS)
A carousel is a great example of a possible CSS-only interactive feature. While carousels (aka sliders) are usually built with JavaScript, if we remove the complex features, they’re simply scrollable elements with an overflow; exactly what CSS is made for. You might be thinking “CSS is used for styling while JavaScript is used for interactivity,… Continue reading Easy Slider (Carousel With Pure CSS)
Easy Slider (Carousel With Pure CSS)
A carousel is a great example of a possible CSS-only interactive feature. While carousels (aka sliders) are usually built with JavaScript, if we remove the complex features, they’re simply scrollable elements with an overflow; exactly what CSS is made for. You might be thinking “CSS is used for styling while JavaScript is used for interactivity,… Continue reading Easy Slider (Carousel With Pure CSS)
A Guide to Migrating from Webpack to Vite — SitePoint
In this article, we’ll look at how to upgrade a frontend web application from Webpack to Vite. Vite is the latest frontend development tool to be enjoying a tremendous growth in popularity and adoption. Just check out these downloads from npm trends in the image below. Image source This trend is being driven by a… Continue reading A Guide to Migrating from Webpack to Vite — SitePoint