Summary: Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability. Tabs are a fundamental and frequently used control in interface design. For decades, the humble tab has enabled designers to organize and facilitate content navigation. In that time, tabs… Continue reading Tabs, Used Right
Tag: Give
From Figma to Functional App Without Writing a Single Line of Code
[unable to retrieve full-text content] How I Created a Design Tokens Converter in Minutes Using Claude Product designers don’t have to code, but knowing HTML and CSS will help us communicate with developers. In addition, a designer who knows JavaScript, Python, or another language, is a plus because they can explain the logic to the developer.… Continue reading From Figma to Functional App Without Writing a Single Line of Code
Diary Studies: Understanding Long-Term User Behavior and Experiences
Summary: Participants log daily activities as they occur to give contextual insights about real-time user behaviors and needs. Defining Diary Studies A diary study is a qualitative user research method used to collect insights about user behaviors, activities, and experiences over time and in context. During a diary study, participants report their interactions and experiences… Continue reading Diary Studies: Understanding Long-Term User Behavior and Experiences
14 Valentine’s Day Web Templates You Should Use
Valentine’s Day is a special occasion that celebrates love and affection between couples. It’s a day to express your feelings to your loved ones and make them feel special. For businesses, it’s an opportunity to connect with customers and show that you care about their relationship goals. The right templates can set your site apart… Continue reading 14 Valentine’s Day Web Templates You Should Use
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?
I neglected Duolingo for 20 days after signing up. Here’s every email they sent me.
About 3 weeks ago, I signed up to Duolingo intending to learn Swahili every day for about a month. Why? To learn something new, to make some progress with a language I’ve been casually interested in for some time, and to document to process from a UX perspective. What went wrong? Not to be dramatic,… Continue reading I neglected Duolingo for 20 days after signing up. Here’s every email they sent me.
Does UX have an imposter problem?
8 reasons it might be them, not you. Illustrations throughout by Emma Clayton Eyes cast down, she whispered, “I feel like UX is a dance club that I can’t get a ticket into.” A heavy silence hung in the air. This, after two years working at one of the largest technology firms, in what most of us would consider… Continue reading Does UX have an imposter problem?
How to automate competitor’s reviews collection to find great insights
In this article, I will show how to build a database of competitors reviews that will update itself automatically and how to get insights for your product development Imagine, that you are building a new product or feature. If it’s something new, you will go to potential customers and ask about how they solve this… Continue reading How to automate competitor’s reviews collection to find great insights
How to Set Up WooCommerce Product Options
When it comes to online shopping, one size doesn’t always fit all. Clothing stores are an obvious example. However, there are countless other eCommerce sites that sell variable products. The same laptop may be available in various screen sizes, or with different amounts of storage. Even if you’re running a takeaway restaurant, a customer may… Continue reading How to Set Up WooCommerce Product Options
45+ Best Stationery Mockup Templates (Branding Mockups)
Looking for gorgeous stationery mockups to show off your latest designs? Check out these 45+ stationery mockup templates from Envato Elements and Placeit. You’re bound to find just what you need. Unlimited Stationery Mockup Downloads at Envato Elements When you need a stationery branding mockup, head over to Envato Elements. It offers thousands of premium… Continue reading 45+ Best Stationery Mockup Templates (Branding Mockups)
45+ Web Tools & Services That You Should Try
Find below 45 web tools and services that you should try. These solutions will help you save time and money, being the very best in their industries: – Low code development – WordPress themes and plugins – Website builders – Design blog that covers all the useful info about UI/UX design, branding, mobile and web… Continue reading 45+ Web Tools & Services That You Should Try
43 Best Flower Fonts (Must-Have Floral Fonts for Spring)
Looking for the perfect flower font for spring? Let’s take a look at some hand-drawn floral font designs. Whether you’re looking for a flower ornaments font, a flower script font, or even an Easter font, there’s plenty to see. Download this pretty floral font on Envato Elements. What Is a Floral Font Style? A floral… Continue reading 43 Best Flower Fonts (Must-Have Floral Fonts for Spring)
How to Make a Halloween Flyer
What You’ll Be Creating Want to learn how to make a Halloween flyer? In this tutorial, we’ll create a Halloween costume contest flyer, and you could use these concepts to create any kind of Halloween event flyer you prefer. We’ll also take a look at some Halloween flyer ideas. We’ll create this Halloween flyer design… Continue reading How to Make a Halloween Flyer
15+ Fonts Similar to Papyrus
What’s wrong with Papyrus font, what are some fonts like Papyrus, and how can we best use a Papyrus font style? What is Papyrus font, anyway? In this article, we’ll take a look at some fonts that look like Papyrus, and address some of the sentiment behind the question: why is Papyrus font bad? Spoiler alert: the reputation… Continue reading 15+ Fonts Similar to Papyrus
25+ Best Free Sans Serif Fonts (Download Free Fonts)
Sans serif fonts have become the most prevalent type of font in contemporary usage, mostly because of their simplicity, clean lines, and legibility, particularly on computer screens. If you’re looking for the best sans serif fonts available today, check out this collection of the best free sans serif fonts as well as a selection of… Continue reading 25+ Best Free Sans Serif Fonts (Download Free Fonts)
44 Best Instagram Layout Ideas (Using Instagram Grid Templates)
Want to create a stunning Instagram account? Instagram grid templates are a great way to organise your content to consistently deliver amazing Instagram posts. Today we will share 44 of the best Instagram grid templates to be found at Envato Elements and GraphicRiver. And if you want to make a quick and easy website to link… Continue reading 44 Best Instagram Layout Ideas (Using Instagram Grid Templates)
10 Elements of Landing Pages That Convert
Landing pages are central to successful marketing campaigns; they allow you to target particular customers with particular solutions to particular problems. It’s easy to confuse what a landing page is because users “land” on many pages. When we talk about landing pages, we mean a page that is entirely dedicated to a particular type of… Continue reading 10 Elements of Landing Pages That Convert
HTML5 Form Validation With the “pattern” Attribute
In this tutorial we’ll explore HTML’s pattern attribute, using it to help us customize the way we validate our forms. Form Validation Video Check out the video tutorial below, subscribe to Tuts+ on Youtube, or read on to learn more about HTML form validation and the pattern attribute! HTML5 Form Validation Form validation is of… Continue reading HTML5 Form Validation With the “pattern” Attribute
30+ Best Fancy Fonts With Decorative Alphabet Letters (2021)
Need fancy text fonts? Check out this inspiring list of premium resources! How do you stand out from the crowd in design? Though many are drawn to the popular minimalist trends, other designers are learning the incredible benefits of bucking trends and going for fancy letter fonts. Use an awesome fancy letter font like this… Continue reading 30+ Best Fancy Fonts With Decorative Alphabet Letters (2021)
How to deal with designers in 10 easy steps
[unable to retrieve full-text content] This is is a satire. Did you just hire a couple of designers, thinking they would sit quietly and create some visuals? I have bad news for you. They are already thinking about changing things, while blabbing about people, ethics, experiences, and a guy named Norman. Soon enough, they will audit… Continue reading How to deal with designers in 10 easy steps
20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)
If you want to give your Discord account an update and are wondering how to get custom Discord themes, try out Placeit’s Discord theme maker. It’s simple and easy to use, and you can customise any of the wonderful Discord theme ideas on offer in no time at all. How to Get Custom Discord Themes Using… Continue reading 20 Best Discord Custom Backgrounds (Using a Discord Theme Maker)
How to Create a Pastel Gradient Background
What You’ll Be Creating In the following steps, you will learn how to create a pastel gradient background in Adobe Illustrator and Adobe Photoshop. Cool and warm, this timeless trend will give a soothing effect to any design. All you have to do is look for the best gradient combinations. Looking to download some pastel… Continue reading How to Create a Pastel Gradient Background
5 Reasons To Use an Online Whiteboard During The Pandemic
Classic whiteboards are so last season! We have just reviewed the new and improved online whiteboard offered by Miro and that’s the conclusion we drew. With the new Covid-19 Pandemic taken place this year and the rapid evolution of technology, people have become more familiar with the term “Work from Home”. So, as the remote… Continue reading 5 Reasons To Use an Online Whiteboard During The Pandemic
34 Best Modern Sans Serif Fonts (Ready to Download Now)
Looking for modern sans serif fonts for your next design project? Whether you fancy thin modern fonts or modern bold fonts, this list is full of some of the best modern fonts to download now. Download modern sans serif fonts, like this sans serif font family on Envato Elements. Sans serif fonts have only continued to grow in… Continue reading 34 Best Modern Sans Serif Fonts (Ready to Download Now)