Designing for safe and trustworthy AI Why human oversight to make up for AI errors doesn’t work and what we can do instead Illustration created by Cara Storath in Midjourney As much as AI is powerful, in some cases it can be misleading or wrong. A realization that came too late to a New York lawyer,… Continue reading Designing safe and trustworthy AI systems
Tag: changes
Designing a colour system
Building multi-brand colour systems that support light and dark modes with minimum effort. It is all about organizing, naming and choosing the right colour values for the system to work. I would like to share my view on the issue and tell about the methods I choose to make the system. Made with design tokens Design tokens are… Continue reading Designing a colour system
Design for meaningful outcomes
Aim for quality outcomes, not just outputs — that’s how we can drive customer and business value! Designing for outcomes enables us to focus on customer needs and meaningful business results. “Start with the customer experience and work backwards to the technology,” Steve Jobs once said. To write a compelling story, start with the ending as a meaningful destination.… Continue reading Design for meaningful outcomes
Accessibility of the Button: Should We Fix It or the Root Cause Problem?
Let me tell you a story along the lines of…Button, Button, Who’s Got The Button? Typical “how to” articles are dry laundry lists of tactical “do this/don’t do that” mechanics that do nothing to help you think about WHY you should do things differently. Today, I’m going to share a more strategic accessible design approach… Continue reading Accessibility of the Button: Should We Fix It or the Root Cause Problem?
Almost Ready! WCAG 2.2 is one small step away from being officially done!
A new version of the Web Content Accessibility Guidelines (WCAG) is almost ready. WCAG 2.2 should be finalized in August 2023. This is a minor version update. If you are already familiar with WCAG 2.0 and/or 2.1, you probably have a number of questions. And we’ve got up-to-date answers! Why isn’t WCAG 2.2 ready yet?… Continue reading Almost Ready! WCAG 2.2 is one small step away from being officially done!
Designing for AI: beyond the chatbot
Guidelines and strategies for meaningfully leveraging AI in your applications With the recent advancements in AI, we as designers, builders, and creators, face big questions about the future of applications and how people will interact with digital experiences. Generative AI has unleashed huge possibilities with what we can do with AI. People are now using… Continue reading Designing for AI: beyond the chatbot
WWDC 2023 Accessibility Goodies for Developers
This year, Apple’s annual Worldwide Developers Conference (WWDC) was a big deal! Among the many announcements this year, Apple introduced the new Apple Vision Pro headset which has arguably and understandably stolen the show this year. Although Vision Pro may be the big talk of the town post-WWDC, there was also a myriad of exciting… Continue reading WWDC 2023 Accessibility Goodies for Developers
3 Essential Design Trends, June 2023
That’s a big part of the reason so many designers are stripping down menus to more minimal styles. (Plus, it can create a cleaner, more sleek overall design.) Here’s what’s trending in design this month – and it is all about navigation. 1. Pop-Out Navigation There’s an obvious connection to mobile-friendliness here – website designs that use… Continue reading 3 Essential Design Trends, June 2023
Are we there yet? WCAG 2.2 is at the Candidate Recommendation v3
If you’re a regular reader of the Deque blog, you may be asking yourself, haven’t I read this already? Well my friend, you may have. In September 2022, WCAG 2.2 reached the Candidate Recommendation (CR) stage for the first time. Then on January 25, 2023, WCAG 2.2 entered a second round of CR. And, you… Continue reading Are we there yet? WCAG 2.2 is at the Candidate Recommendation v3
How high-fidelity prototypes can enhance user testing
During the usability testing phase, gathering as much information as possible about how users understand designs/product is essential. The objectives of usability testing often differ across studies. They typically uncover product or service design issues, discover opportunities for enhancement, and gain insight into the target user’s behaviour and preferences [1]. Tools like Figma and Sketch… Continue reading How high-fidelity prototypes can enhance user testing
10 Key Principles of User-Centered Design
Many firms’ design and development decisions are increasingly oriented toward human-centered innovation. Instead of rushing goods to market, these firms are using a user-centered design approach. Design and development teams build high-performing digital products or websites that uniquely meet customers’ demands by concentrating on the user experience. After all, a good web design is helpful… Continue reading 10 Key Principles of User-Centered Design
Handling cross-team feedback loops on design work
Escape the siloing trap when you are both part of a design team and a product team, involve people early and often, and foster the right conversation at the right time If you are a designer working in a product organization you are maybe also part of two teams at the same time: a design team… Continue reading Handling cross-team feedback loops on design work
How to create responsive cards with the help of auto-layout in Figma?
Auto Layout is one of the most powerful features of Figma and today we will be creating a card design inside Figma using Auto-Layout which will be fully responsive, i.e would respond to the screen size. demonstrates the responsive design of the card Before we get started, there are 3 main things we are talking about in… Continue reading How to create responsive cards with the help of auto-layout in Figma?
WordPress Product Founders on What They’d Do Differently
Incredible as it sounds, WordPress was initially released back in 2003. And it has evolved quite a bit during that time. It has become a mature, if ever-changing, platform for building websites. Its massive theme and plugin ecosystem have also seen its share of changes. We’ve witnessed solo entrepreneurs launching products, nurturing their growth, and… Continue reading WordPress Product Founders on What They’d Do Differently
How to Let Users Dynamically Change the Number of Posts per Page in WordPress
Consider the following scenario: you have a WordPress blog with hundreds of posts. On your blog archive page, six posts appear at a time. Of course, there’s pagination for moving between older and newer posts. But what if you want to give users the option to choose the number of posts they want to display… Continue reading How to Let Users Dynamically Change the Number of Posts per Page in WordPress
How to Customize the WooCommerce Checkout Page
The checkout page is one of the most important pages on any eCommerce website. All the effort that you put into your website content, design and marketing will amount to nothing if your customers keep abandoning their carts and never complete the checkout process. Some statistics show that cart abandonment rate can vary in range… Continue reading How to Customize the WooCommerce Checkout Page
Choosing a WordPress Website Builder and Why You Should Use One
There are a lot of tools and services for creating websites today. However, none of them are as popular as WordPress. In fact, WordPress powers around 43% of all websites: that include hobby sites, official government websites, and the biggest news websites. Some examples of websites built with WordPress are The White House, Rolling Stone,… Continue reading Choosing a WordPress Website Builder and Why You Should Use One
8 Best Free and Open-Source JavaScript Image Editors
The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps… Continue reading 8 Best Free and Open-Source JavaScript Image Editors
How to Customize the WooCommerce Shop Page
People who have created WordPress websites know that there are different kinds of pages that you can create in WordPress. WooCommerce follows a somewhat similar structure. There are single product pages like single post pages and then there are archive type pages to show a list of products. The WooCommerce shop page falls in the… Continue reading How to Customize the WooCommerce Shop Page
Customize a WooCommerce Product Page for Free
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free
Best UX Research Repositories for 2022
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trying to make sure your product, app, website, and/or designs meet the needs of your target audience is of course essential to success. These days, there are loads of tools to help you test your assumptions against your users to see which elements are working and which… Continue reading Best UX Research Repositories for 2022
How to Create a WooCommerce Product Table for Free
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} People set up an eCommerce store in the hope of selling as many of their products as possible. This requires a lot of work on your part—from choosing the right platform to promoting your store. Simply creating a store will not automatically bring in sales. You will… Continue reading How to Create a WooCommerce Product Table for Free
How to Build a Responsive Slider With Swiper.js
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js
Functional Programming in PHP With Lambda Functions
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} One of the nice things about programming is that the same problem can be solved using multiple methods. This allows people to show their creativity and come up with incredibly efficient and unique solutions. Examples of this can be seen in action when you look for programs… Continue reading Functional Programming in PHP With Lambda Functions