Web Developer Tools & Resources
Playground AI uses Stable Diffusion or DALL-E to let you create any image from your imagination. With preset filters, you’ll get outstanding results even if you’re brand-new to AI art and image creation. Create up to 1,000 images a day for free.
Helpful career advice and goal-setting ideas to launch your career forward and get you where you want to be.
What will be our professional future as a designer together with artificial intelligence? Should we fear that one day we will be replaced by a machine? I asked ChatGPT what he thinks!
The fastest way for engineers to generate SQL queries. In seconds, generate SQL queries using basic English and let AI do the heavy lifting for you. With AI Query anyone can create efficient SQL queries, without even knowing a thing about it.
One of the best & instant Color schemes generator tool online that give us a best experience of choosing color combination of creative projects.
A step-by-step guide to finding and implementing them
An examination of ChatGPT and Dall-E’s capacity for UX. ChatGPT launched November 30th, and quickly exploded in popularity with over a million new users in it’s first week.
CSS Mesh gradients generator by CSS Hero.
The economy is tanking, and the market is flooding with experienced designers. It is now more challenging than ever to get a job as a junior designer. But the world needs you, please don’t give in.
User Persona is a tool that uses AI to generate detailed user personas for businesses and organizations. A user persona is a fictional character that represents a company’s ideal customer, based on market research and customer data.
Outlook’s key design challenge is that of many heritage products: how do you chart a path forward that modernizes a beloved product, while also honoring its legacy and maintaining familiarity for the millions of people who rely on it?
If you are happily avoiding producing full-blown illustrations with these tools, there are plenty of more ethical, smaller ways to include them in your process for a product or web design.
Microsoft Paint has always been there for us, so when I heard the ‘Microsoft Designer’ announcement, there was a natural excitement. Combine that with AI, and the hype was real – Microsoft are bringing AI to the masses! Not only with Microsoft Designer, but they’re sprinkling AI onto many Microsoft products.
Design critiques, also called “crits”, are one of those feedback-focused design rituals that feel so essential to the design process. When done well, they help us improve our design, avoid blind spots, explore new angles, and create higher-quality work.
Build healthy technology habits with a mindful approach to internet browsing, encourages self-accountability, and automatically start Pomodoro whenever you visit your focus sites.
Expect the tech to go more mainstream—and to see heightened scrutiny from regulators.
Space is one of the core elements in design that is often overlooked. Proper spatial organization helps to achieve consistency between screens, pages, or even products. It also creates visual rhythm, limits decision-making, and helps to achieve better readability and scannability. In this guide, Paul Matvienko discusses the basics of defining a spatial system.
A micro-interaction is a small, focused interaction between a user and a product or service that serves a specific purpose or goal. Micro-interactions are often used to provide feedback, confirm actions, or guide users through a process.
An easy way to preview your fonts in the browser. No banners, sign-ups, no shady upsells, or subscriptions.
Rafael Serral’s latest collection features lettering work that has been given a retro twist! Rafael has reimagined some of the most iconic logos, such as Netflix, Nike, Patagonia, Burger King, Adidas and more, giving them a vintage feel. Each design has been carefully crafted to pay homage to the original logo while adding a unique twist.
As we look back on 2022, it’s important to take some time and pour one out for the tech we lost this past year. Whether these products, platforms, and companies lived a long life or barely made it past the pilot stage, burned too brightly like a star or slowly faded away into obsolescence, they all left their mark in some way.
Apps like BeReal and Mastodon broke out in 2022. It’s only the beginning.
This was a strange year as a UX Designer, where I received more lessons from outside the realm than within it. From helping my stakeholders understand me better to understand the impact AI has on design, these are the three most important lessons I’ve learned in 2022 to help me grow as a designer.
Websites, as the keystone of a centralized, privately run digital experience couldn’t be more relevant. Unlike competing technologies, websites allow almost total control of their source code, and that provides an opportunity for skilled designers and developers to compete against the biggest names in their clients’ industries in a way that simply isn’t possible in tightly governed systems like social media.
I’m sure no matter how much caffeine you consume, if you’re a coffee addict and you always maximize your rewards on the Starbucks app, then you’ve probably noticed that Starbucks App Problem that happens when you travel to a different country where you are permanently located.
Find inspiration and expert-approved strategies for your pricing page with Pricing Page Ideas. Our curated collection of SaaS pricing pages helps you make informed decisions about design and pricing models, from freemium to one-time payment.
Microsoft’s Internet Explorer replacement has more going for it than you think. I’m here to tell you that Microsoft Edge is actually good. As someone that keeps dozens of tabs open at once, Chrome is the obvious choice, but even running a machine with 64GB of RAM would result in the browser locking up when I attempted to close several tabs at once. I knew
The year is at almost an end, and as we look back at what 2022 has left us, a few logo designs stand out. And not for the right reasons. There were plenty of good logo designs in 2022, but inevitably what we’re most likely to remember are those logo fails that made us laugh or scratch our heads – or both.
AI-generated seamless patterns. Generate customised designs for your product or service using our AI model. You can also search thousands of royalty-free stock images to use immediately for your own designs.
ChatGPT can turn one man’s work into the productivity of a collective of people. In this article, I want to discuss what ChatGPT means to the tech industry and society. We will dive into the details of ChatGPT, explain its advantages and downsides, and discuss the overall direction the tech industry is heading.
In today’s society, we are constantly bombarded with messages about the importance of excellence and the dangers of mediocrity. We are told to aim for the stars, to never settle for less than our best, and to constantly strive for improvement.
How to create a deeper connection with consumers through universally shared archetypes, values, and symbols
Embolden is an AI writer that uses GPT-3 and Language Learning Models to help ecommerce business owners write everything from product descriptions to emails for email marketing, to shipping policies and social media posts.
Designing UI elements isn’t just limited to designing clever buttons or impressive icons. There’s more than meets the eye, and each piece is crucial in rendering an interface’s usability.
In this article, we’ve compiled a list of the top trendy and necessary Figma plugins that every designer should have in their toolkit. These plugins will help you take your Figma skills to the next level. So whether you’re a beginner or an experienced pro, be sure to check out these essential Figma plugins and see how they can enhance your design process.
And so, every month, we put together a roundup of the best new fonts for web designers. In this roundup of the year, we look back at the past twelve months and showcase our forty favorite fonts of 2022. Enjoy!
Now, no rush and stress over your car parking spots; we have got you covered.
Super Resolution-boosts your photos & anime definition by using AI to output higher resolution image from a lower resolution input. Face Restoration-recover facial details like magic from blurry photos. Photo Colorization & Low Light Enhancement.
From a visual history of the guitar to a social justice guidebook on decolonizing design, 2023 will be a great year for design books.
From a game controller that the design team should have got a second opinion on to a logo nobody can read and even some terrible product design from Apple, 2022 has seen its share of design crimes.
EarlyBird is a platform for creatives to build, pitch, and validate their business ideas. The said creatives could be a developer, hacker, influencer, marketer, writer, etc.
FAANG stands for Facebook, Amazon, Apple, Netflix, and Google, the five most successful and prominent technology companies in the world; namely, Facebook, Amazon, Apple, Netflix, and Google. Many of these companies have a reputation for innovation, excellence, and a positive workplace culture, which makes them attractive to employees.
How to think about design when your manager seems to only care about the numbers
Simplify your online presence with links.dev Add all your links to one page, customize the design, and update your links from your GitHub repository. Get an easy-to-remember, nice-looking URL. It is for anyone who knows how to use Git
Streamline Design Processes Using This Comprehensive Guide to 50+ Different Figma Shortcuts.
Orman Clark: My new design price list
Uploading thousands of photos and never taking any steps to sort or manage them creates a series of privacy risks and is making it impossible to maintain your photo collection in the future. Now is the time to stop being an information hoarder, before it spirals out of control.
As I gained more experience, I realized that I wasn’t the only designer with imposter syndrome. Many seasoned designers are still figuring out some part of their job. It’s common for people to feel hesitant or nervous about asking questions, especially if they are in a new or unfamiliar situation. However, asking questions is necessary to learn and grow as a designer.
From the resurgence of classical styles from the past to the increasing importance of compelling visual storytelling, you can explore many exciting new avenues to help you differentiate and innovate your work.
Meet the new Manychat identity, made for edge seekers around the world. In close collaboration with a leading brand experience design company COLLINS, we developed an identity that reflects us the most.
Detect GPT scans the content of the webpage you are viewing and analyzes it to identify if any of the content has been generated using the GPT language model.
Beyond all the marketing headlines, ChatGPT attracts many ambitious claims about content writing and marketing that deserve clarification. Let’s get through all of them.
A very useful technique to create cohesive color palettes it to blend/mix a color over all the colors of the palette, therefore adding unity to all the colors. Here you can select a blending color, a blending intensity and a blend mode to apply to the different palettes.
You’ll be able to have in-depth conversations with some influential and fascinating figures from history
Emotional intelligence refers to a person’s ability to recognize and understand their own emotions and the emotions of others, and to use this awareness to manage their own behavior and relationships effectively. As I learned more about emotional intelligence and how it can impact the user experience, I began to realize that my job as a designer was
Design team goals are a great way to ensure your team is on track to completing the right tasks and to help productivity and focus throughout the whole team. It can sometimes be hard to know how to correctly set goals, however.
Today we will learn how to create inspiring prototypes for web design with the use of midjourney! AI image generation is really changing the world of programming and design, and I am really excited how far we can take it! AI inspired web design is insane!
The following user-experience articles published in 2022 were the ones our audience read the most:
Atomic UX research is a user experience (UX) research method that focuses on understanding and improving the smallest interaction units within a user interface (UI). It is based on the idea that the most effective way to improve the overall UX of a product is to focus on improving the individual interactions that make up the product.
The site works like OpenAI’s ChatGPT, which went viral earlier this year for its unique and realistic responses from a computer program. But be careful about its answers.
We have 150+ prompts we have sourced and also have a place for you to submit your own to our community! You can easily find a prompt across different categories, copy to your clipboard, and run it quickly in ChatGPT.
Artists flooded the art portfolio site and marketplace with “No AI Art” protest images after it refused to ban the content.
If there is one thing I want you to take from this post, it’s that interviews and surveys are not the only methods that can help you to uncover customer pains and desires. What if I told you that there is a cheap way to do qualitative research with quantifiable outcomes?
Mirrorful streamlines collaboration and eliminates back-and-forth screenshot exchanges. In one click, generate and share a static preview of any website in any environment. Keeping your stakeholders up-to-date has never been easier.
The web design industry, like any other visual-related industry, changes constantly. What was considered cool five years ago, today testifies to the outdated vision of their creators.
Motion design can help guide the user through the experience. With the right use of movements, animations, and transitions we can make our product more intuitive, more humane, and generally clearer to use.
Many stakeholders don’t understand the value of UX design and see UX as non-essential or “nice-to-have”. It’s our responsibility as designers to advocate for ourselves and communicate the value of good UX design for a few reasons.
Google has announced that two of its latest privacy-enhancing technologies (PETs), including one that blurs objects in a video, will be provided to anyone for free via open source. The new tools are part of Google’s Protected Computing initiative designed to transform “how, when and where data is processed to technically ensure its privacy and safety,” the company said.
Create unique customizable SVG gradients with MagicPattern
A couple of months ago I started reading about designers’ thoughts on design. As I was digging deeper, I found an index with more than 200 manifestos from all around the world, some of which were over 100 years old. I was struck by the way people talked about the transformative power of our field and how it shapes the world around us, so I decided to read them all...
We’ve started making a tradition of rounding up the latest front-end research at the end of each year. We did it in 2020 and again in 2021. Reports are released throughout the year by a bunch of different companies and organizations researching everything from web design trends to developer skills to popular coding languages and so many other things.
Conversational UX requires a big-picture understanding of the landscape of both the frontstage, or what a recipient of a service sees, and the backstage, the behind-the-scenes work happening to generate their experience. It’s the interaction layer on top of an ecosystem that incorporates a range of device types. Wearables, intelligent assistants, augmented or virtual reality -you name it. The idea is not to confine design to an interface, but to...
The website CyclingTips had observed the furore around the new technology and decided to put it to the test, asking several AI models to generate images of cycling-related scenes. Close your eyes now if you want to avoid a horror show. Some of the results look like the aftermath of a particularly horrendous Tour de France pile up (to learn how the tech works, see our guide to how to...
Massimo Vignelli, the multi-faceted designer and thinker, was the last of the great modernist designers. A utilitarian, design reactionary, and vocal critic of poor design, his views feel unfashionable today, yet, younger designers can learn much from the Canon.
Do you plan to create a mobile app with a well-designed, custom interface? One of the challenges you can come across is building UI components. For small teams, they can become a real frustration, costing precious time and money. How to make a custom interface that works well and attracts people?
No matter whether you go for vibrant, muted, or full-on technicolor, the color palette you choose for your website or app doesn’t just make the interface look visually appealing, it also helps to develop your entire brand identity. Hence, crafting the perfect color combination is necessary.
The hashtag has become a form of silent protest—and a rallying cry from concept artists and illustrators around the world.
In this post, we are listing some of the best alternative tools to Google Sheets. All of these tools have different attributes. So read on to know about each tool’s features, pros, and cons in the following.
Developing digital products from scratch requires a lot of resources. Multi-brand design systems enable organizations to build once, duplicate, and customize–saving thousands of design and development hours.
Inclusivity is about making sure everyone is included and treated fairly, no matter who they are or what they look like. It means that everyone is welcome and can participate in things together. It’s about making sure everyone feels safe and respected.
Share your code in style with this code beautifier and impress your followers. prettyCode allows to include your name and avatar in the code so you will always be recognized when your code snippet goes viral, and express yourself by adding a video background
OpenAI, the artificial intelligence research company that gave us the super-smart bot ChatGPT as well as text-to-image generator DALL-E, has a new tool to play with. It’s called Point-E, and while it’s a little harder to use than ChatGPT, it’s similarly impressive.
Although ChatGPT still has plenty of room for improvement, its release led Google’s management to declare a “code red.” For Google, this was akin to pulling the fire alarm. Some fear the company may be approaching a moment that the biggest Silicon Valley outfits dread — the arrival of an enormous technological change that could upend the business.
The design, by creative agency Chermayeff & Geismar & Haviv(opens in new tab), involves “every division of the studio, from home entertainment to video games, from consumer products to live events.” The tagline for the campaign is “Celebrating every story,” which, based on the amount of different applications of the logo, sounds about right.
The Latin and Arabic typefaces for the 2022 World Cup were designed simultaneously by the talented team of Dino Santos, Rui Abreu, and Hussein Alazaat. Their collaboration is what makes it work.
An example of how no-UI software can create a frictionless experience, a small learning curve and a “wow” effect for users.
James Cameron on being haunted by ryan gosling’s SNL Papyrus sketch
When you design for everyone, you design for no one. Instead, you design for the norm, and the norm is based on power structures many of us question today. Let’s look at colonialism, norm criticism, how that is linked to design, and how we can design better.
Create custom avatars based on your own photos. Get 200+ high-quality avatars, which you can use as a profile picture and share with everyone. Expand your favorites to get larger and even higher-resolution avatars. But the best part? You can try it for free!
No matter what role you end up taking eventually, you’ll be most valued for your craft – because you’d be excellent at creation or even more importantly, curation. I’ve rarely seen a pure manager who can command great respect and admiration from their team without being exceptional at the craft
Writing and web design go together quite well. Both require creativity and attention to detail. Importantly, they also serve as a gateway to connecting with others. It’s a combination that has helped me through my journey. With 20+ years in design and another 10+ writing, I feel that each has provided me with a foundation for growth. As one discipline informs the other, there is so much I might have missed...
Some say trends in web design come and go: there is no point in following them. It is just a waste of precious time, money, and resources. One day big, bold typography makes a considerable impact, whereas another day, small and elegant font face amazes the audience.
The change is part of the new Twitter Blue for Business, which is rolling out now. The first change you’ll notice is that brands and businesses now have a square profile pic instead of a round one. This includes Twitter itself, Apple, Microsoft, and Mashable, for example.
After a reporter sparked the discussion and mentioned Elon Musk in the process, Wikipedia’s founder made it very clear that website was not for sale.
We unveiled the design of our King Charles III banknotes on 20 December 2022. The King’s portrait will appear on all four of our polymer banknotes (£5, £10, £20 and £50). The rest of the design on the banknotes will remain the same. The King’s image will appear on the front of the banknotes, as well as in the see-through security window.
Get a personalized video of your GitHub stats of 2022. Choose between three themes and download an MP4 that you can share on your socials!
A gallery of Lionel Messi celebrating Argentina’s World Cup win has become the most-liked Instagram post ever. The footballer – who led his team to their first World Cup triumph in 36 years – received more than 57 million likes for his collection of photos.
I have been programming for a couple of years and my first skill was web development, specifically front-end web development. At the time, I struggled to find good tutorials, so I had to resort to a paid Udemy course. Although I have to pay some dollars, it was one of the best courses I have ever found on the internet.
The post-pandemic period has seen a lot of logo activity. Brands, left and right, are going through shifts large and small, and using logo redesigns to communicate the same. Amid this cacophony, there have been rebrand successes and failures. Some have gained global accolades as well as fan adulation, while others have not been that lucky.
A DC Studios producer appears to have briefly posted an image of himself wearing merchandise that shows a hitherto unseen design. And it’s leading to some wild speculation, as well as some yawns (take a look at the best graphic design software if you want to create your own designs).
Why it will make your career in UX short-lived, and why specialising will give you a long-term edge
As designers, we often find ourselves haunted by feelings of inadequacy and the fear of making mistakes. This fear, known as imposter syndrome, can hold us back from fully embracing our careers and reaching our goals. It’s important for us as designers to normalize conversations about mental health and well-being in the tech industry and to openly talk about our fears and struggles with each other.
User personas have always been a controversial concept within the UX community. Well, I’m here to put an end to the controversy. Just stop using them. At best, they’re a distraction. At worst, they’re entirely based upon biases and assumptions — as much as we’d like to claim they’re not.
AdCreative AI helps you generate social media posts or ad creatives in a matter of seconds by the help of highly trained AI which will guarantee you up to14 times better conversion rates. And for signing up you earn $500 free google ads credits and a 7 day free trial (cancel anytime).
Imagine a world where you can communicate with your technology the same way you communicate with your friends. A world where you can ask your phone a question and get a response that feels natural, human, and helpful.
A fun way to showcase fonts
A short guide on how to use ChatGPT to elaborate your text prompts
The GOV.UK Design System team is constantly iterating the Design System to make sure it remains as usable as possible for service teams and people using government services.
While Generative AI is powerful, it is no match for Human Intuition.
The Verge has a new website design that rethinks the experience of news readers. What does this move say about the state of news media?
The quest for worthiness in the name of the world’s most universal form of communication
In this article, Masha goes over five tips that make it easier to manage a design system while increasing its effectiveness. This short guide is aimed at smaller teams.
Transform your design mockups with Lipsum alternative, the perfect solution for UI designers looking to add engaging and meaningful content to your projects.
We’ve reached the end of another year, and it’s time to look at the improvements made by browsers as we work together to improve the interoperability of the web platform. You can check out how things started in our post in March this year, as the initiative was launched.
Blocs for the Mac, is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code.
A collection of the best UX, UI and product design books. Updated for 2023.
Design principles are guidelines that designers follow to create aesthetically pleasing and functional designs. These principles can be applied to a wide range of design disciplines, including graphic design, interior design, architecture, and product design. Some common design principles include balance, contrast, hierarchy, unity, and simplicity.
Web Design Museum exhibits over 2,000 carefully selected and sorted web sites that show web design trends between the years 1991 and 2006.
Shader effects applied to typography and infinite scrolling
Today, I’m going to show you some awesome AI generated layouts, and also how to use AI as a tool for inspiration when creating UI/UX.
Have you ever clicked on a link or button, only to be taken to a completely different page than the one you expected? Or maybe you’ve encountered a “discount” that turned out to have a bunch of hidden fees attached to it? These are just a few examples of deceptive patterns in UX design, and they’re all too common in the digital world.
AI reviews your code. If there is something wrong with your code, AI will let you know. If you have any questions, you can also ask the AI directly from the button in the lower right corner. Get the best code!
Let’s first break down the basic terms of the grid system – memorize them. I’m using the 8-pt grid to align all my elements and build my grids. What it means is that all spacing and margin values are increments of 8. The same thing applies to your user interface components and elements dimensions.
App design is no easy feat, but these hand-picked works by leading UIand app designers provide the perfect source of creative inspiration. Let their remarkable mobile and web designs be your guide!
Over the past four decades, our innovations have touched billions of people across the globe and empowered them to be inspired, create, and share their stories with the world. As we celebrate our 40th anniversary, we have the incredible opportunity to reflect on some of the most seminal moments of the company, customers and community over this time.
Lessmail helps you unsubscribe, delete and label your mail from a birds-eye view much quicker than your standard email client.
Maggie Appleton put a point on it in a recent article: Command K Bars. She makes the point that they date back quite a way, to “Spotlight” in macOS Tiger. Twenty-two years later, we still have Spotlight…
The tech industry is not known for having great interviewing processes. From the notorious whiteboard interviews to algorithm challenges requiring a computer science degree to even wrap your head around, there are all kinds of outdated standards and approaches to interviewing developers that should have died out years ago. Unfortunately, like most legacy systems we love to hate, these interview processes are likely to crop up in your career from...
Get Over 500+ Website Design and Development RFPs from High Quality Organizations Delivered to Your Inbox Each Year.
Magic Subtitles adds animated subtitles to your videos automatically so you can keep people watching for longer. Captivate your audience with AI-powered captions that are revealed word-by-word on social media, landing pages, and podcasting platforms.
Currently going wild on Reddit, the ads depict close-up shots of people wearing seatbelts. Adorning their chests is their date of birth and, presumably, death – with the latter covered by the seatbelt. Because it saved their life, of course! (Looking for more inspiration? Check out the best print ads of all time.)
The long-promised feature has entered beta for some Workspace users, but it’s probably not coming to personal accounts anytime soon. Google has launched a beta of its client-side encryption for Gmail, letting businesses apply to test out the feature meant to make “sensitive data” and attachments unreadable even to Google. The company announced the beta, which Workspace administrators can sign up for until January 20th, in a blog post on...
Many websites and apps make it as hard as possible to delete your account, but a little-known Apple rule makes it easy for iPhone owners.
Excellent list of CSS tools to help you boost your productivity as a web developer.
What made TikTok such a success? A commonly given reason is that the app’s advanced AI is really good at figuring out what you want to watch. Many people say TikTok knows them better than they know themselves. Some users think of the algorithm as a divine force that guides them.
Google, Apple and Mozilla are collaborating on a better web browser benchmark. Speedometer 3 will be a “cross-industry collaborative effort” from the Chrome, Safari and Firefox makers to create a new model that balances the companies’ visions for measuring responsiveness.
AI is here. What will it bring? Is it the end of the design field? I can only tell you one thing: don’t be afraid.
Imagine — you have two illustrations with the same meaning but different style at your disposal and you have to decide which one is better. How would you do it? Do you decide by yourself or by user’s opinion? And even if you include users in the process, how would you interpret their decisions?
A wireframe in web design is a schematic structure of a future page or screen. Usually, web designers use only one color and its shades to implement it. At the same time, details such as images and text are absent. Below we propose to understand the need for wireframes, as well as the principles and tips for their use.
One of the simplest ways website owners can improve user experience is by implementing videos onto their site. Why spend hours revising instructional copy or guides when a video can condense it in a few minutes? Using videos wisely can be a great way to put users first and boost your site’s UX.
Defining the identity of iA Presenter next to iA Writer was a three-year process that went hand-in-hand with the UI development. Design takes time. Here is how it went, what we learned, how far we got, and what you get in return.
As the year comes to a close, I’ve been reflecting on the various streams of income that I’ve added to my business this year. While each has been valuable in its own way, one that has stood out is starting my own online course.
A Curated Collection of AI-generated Abstract 3D Shapes
Throughout 2022, we’ve loved to see the many ways developers have built Chrome extensions. From a growing hybrid global workforce to digital learning and virtual gaming, the transformation we saw this year extended to, well, extensions. Today, we’re announcing our favorite Chrome extensions of the year that inspired joy, helped us learn and kept us productive.
There are many ways of working on a computer — but some are faster than others. And for us designers, every second saved by working faster is that much more time to do the things that we love. In this article, Ashish Bogawat shares some of his favorite ways how to boost productivity and do things faster by using efficient tools and workflows.
Exactly one year ago in December 2021, Thomas Zagler’s Action Browser 2was our first Adobe Creative Cloud Plugin Showcase. Since then, we’ve come a long way: we have reached a milestone of 50 plugins showcased, live on our page! Plus, we published all of our three-minute demos on the official Adobe Creative Cloud Youtube channel with 1.2 million subscribers(!).
Watching what users do, not just what you think they’ll do can transform your customer experience. And often a tiny tweak can make a huge difference to the bottom line. This is the story of how changing one button found $300M of annual revenue that was being left on the table.
Incorporating user research into the design discovery phase allows designers to gain a deeper understanding of their users and their needs. This can lead to the development of more effective and user-centered designs. In this post, I’ll try to underline the importance of user research in the design discovery phase, how to conduct user research, and how you can integrate your findings into the product design itself.
As Elon Musk burns down the Twitter we know, will a drastically different user experience emerge from the ashes?
To take on Google, You.com opens its search engine to third-party developers.
Appshots is a curated collection of the best design patterns found across mobile apps. With thousands of screenshots (of iOS apps) categorized and organized by app, you can easily find the best pattern for your next project. Currently it’s limited to iOS apps. Android and web apps are on the way.
In the age of artificial intelligence the ability to generate realistic images from text prompts is no longer a distant futuristic concept—it’s a present-day reality. So, is it time for designers to delegate some (or all) of their work to AI? In this article, we’ll pit human illustrators against AI artists and try to judge if we’ve already passed the point of no return. We’ll provide the same prompts and guidelines to...
This article uses an example case from a B2B site that recently made the top of HackerNews as the best e-commerce site, mcmaster.com by McMaster-Carr. In this article, you’ll get a breakdown of what McMaster-Carr does particularly well in its UX practices.
On Tuesday, members of the online community ArtStation began widely protesting AI-generated artwork by placing “No AI Art” images in their portfolios. By Wednesday, the protest images dominated ArtStation’s trending page. The artists seek to criticize the presence of AI-generated work on ArtStation and to potentially disrupt future AI models trained using artwork found on the site.
Type design legend Erik Spiekermann has teamed up with Google Fonts to make the new edition of his book “Stop Stealing Sheep” available to all under a Creative Commons license.
CodeImage is a web application that allows you to manage your code snippets and beautify them quickly to share it everywhere. CodeImage is an open source side project born thanks to the SolidJS hackathon and it’s currently maintained
Kia has a logo problem: namely, that people can’t quite read it. The recent revelation that the company’s new logo causes 30,000 people a month to Google “KN car” sent the design world into a minor tizzy, resulting in a number of proposals to “fix” the logo by restoring the missing crossbar to its “A.” This unimaginative, too-literal approach
Creating a UI color palette can sometimes feel a bit complicated and messy. But I’ve developed a systematic, efficient method for making a color system. In this video, I run through the 5 steps I use (plus a few extra tips for working with color)!
Video-sharing platform TikTok has started testing a new landscape mode with select users around the world. Some experts say the feature will help it directly compete with rival video platforms like YouTube.
Content is what provides value for most apps. Along with features, content is a primary reason why people start using products. This is why it’s critical to consider how we design empty states, those moments in a user’s journey when an app might not have content for a user yet.
Avatar The Way of Water, the sequel to 2009’s Avatar is released today. It hasn’t exactly received rave reviews. But one thing it tried to put right was to update the franchise’s logo, which became one of the most mocked logos in film due to its use of the off-the-shelf typeface Papyrus.
If you’ve been building apps and have been around for a few key moments – say circa 2018-2019 – you might recall the current thing of those times, the dark mode. That’s when both Apple and Google decided to introduce their versions of dark mode during their annual WDDCand I/O conferences. It didn’t stop (or start) there though. Most major players in tech sprinted to replace the traditional blinding white...
A design system is a collection of principles that govern the design of a brand’s digital experience. It provides a set of guidelines for how your brand should look and feel across all channels and devices. When done correctly, using a design system can have many benefits for your business or organization — from improved communication and efficiency to more consistent branding across all digital channels.
User research is the process of understanding user needs and desires through observation and feedback. It’s one of the most important aspects of UX design, and it’s used to inform all aspects of the design process, from initial sketches to the final product. Through user research, we can answer important questions about our design, such as Who are our users? and What do they need?
Web fonts are an essential aspect of modern web design. They allow for beautiful typography on the web, unique to your product. However, using web fonts can also introduce challenges. If you’re a frequent internet user like most people reading this, chances are that you’ve come cross the following phenomenon…
ExtendImageAI is a website that allows you to extend the borders of your images with artificial intelligence. All you have to do is upload an image and the artificial intelligence does the rest!
This article is based on a talk I gave at the DesignOps 2022 Conference where I discussed 5 levels of design system maturity. I’m here to tell you that building a UI library is a lot like launching and scaling any other product—except this product is internal to your company.
Freeform is an all-new app available starting today, included in the latest versions of iOS, iPadOS, and macOS. Freeform helps users organize and visually lay out content on a flexible canvas, giving them the ability to see, share, and collaborate all in one place without worrying about layouts or page sizes. Users can add a wide range of files and preview them inline without ever leaving the board. Designed for...
The official Twitter Blue account (which features a yellow verification badge, lol) has updated its header photo to the new logo, which can only be described as 1980s meets Microsoft Word Art, plus bad kerning. Yep, like Twitter itself right now, it’s just a bit of a mess
After a little over 5 years, I’m going to be leaving GitLab for my next adventure. It’s not surprise to those of you who have been following me that I have absolutely loved my time there. I’m so proud of what we built—and I’m still proud and awed by the remarkable people there. GitLab’s values are the gold standard for what it means to be a wonderful company—for the team-members,...
Yet newsletters can quickly become overwhelming for users and, as a result, some will simply “unsubscribe” to avoid getting too many emails. However, our large-scale testing revealed that allowing users to specify the frequency with which they receive newsletters can meet the needs of user
Find out if you’re getting paid fairly and start your salary negotiation right. In 2019, my starting salary as a new grad UX designer living in Toronto was $76,500.
In 1989 the British rock band Queen released their thirteenth studio album. The REALLY interesting thing was that, at this point, Photoshop had not yet been invented. Richard Gray was lucky enough to be able to have a go on a new piece of technology, a system designed and built by Quantel, a British company, founded in 1973, that designed and manufactured digital production equipment for broadcast television, video pr
Yep, the eight year-old rebrand is still getting laughed at online, thanks to the logo’s unfortunate resemblance to a certain emoji. And seeing as the company has held its nerve and clung onto the design for nearly a decade, we’re not surprised. (Looking for design inspiration?
Create stunning AI-generated art – with no ads ever. Type a prompt, pick a style, then generate an image. Each style adds expert keywords to help you create incredible AI-generated paintings, photographs, and drawings.
Tired of spending hours manually testing your website? It’s never been easier to automate testing with UIlicious TAMI. TAMI is an AI assistant that helps you write automated scripts for testing your web application! Try TAMI for free at https://snippet.uilicious.com!
RETINAA designed Switzerland’s next-generation passport introduced on 31.10.2022. Its design celebrates Swiss cartographic tradition and depicts an imaginary journey along watercourses, from the Alpine peaks down to the valleys, through the country’s 26 cantons, and to the world beyond.
Best practices and tools for user onboarding to keep your users engaged
4AiPaw by HitPaw is a powerful AI art generator app. Free. No artistic skills required. No ads. All you need to do is to enter prompts and pick an art style to turn your thoughts into reality and create stunning artworks in seconds.
In this article, Keima Kai provides a brief history of AI in web design, explores its current implications for creativity, and offers suggestions for how web designers can stay ahead of the curve.
The most important skill for our young people in the future is to be able to solve problems creatively.
How will WordPress change? While we don’t have a crystal ball, we can see plenty of areas that are ripe for improvement. Some may be solved by updates to WordPress core, while the plugin and theme ecosystem could tackle others.
The rise of motion design, parallax, immersion, contrasting UI styles, imitations and more
Draw on the surface of the photo with brushes or shapes, add text or images, customizable filters that can be combined with other filters, easily filter & crop your photo with just a few clicks using automatic object detection in the image, image resizing.
Viewers have noticed the TV channel quietly rolling out an updated logo design, giving the peacock brighter feathers and a more prominent beak. It’s a subtle tweak, but not only is it cleaner, but it makes the animal itself that little bit more obvious.
I was inspired by an article written by Alex Kantrowitz where he discusses the launch of ChatGPT by OpenAI, which has the potential to revolutionize the field of AI and make chat assistants more intuitive and helpful than ever before.
Users often struggle to find their time zone from a time-zone selector. Where possible, locate users’ time zones for them, organize time zones alphabetically in a dropdown, and allow users to search by city and country.
The mark is simple-looking, being just the country’s initials in a circle. But that simplicity was offset by the maximalist attempt to disseminate the mark on every visual media the government had its hands on. Let’s see why it has become that way, how such a branding remains unclear, and how it can go wrong.
Don’t you hate it when you find that perfect, supposedly background-less image and download it, but when you use it, the dreaded checkerboard appears? Have you ever experienced this betrayal? Our AI tool can turn those annoying fake.png â¨into true ones!
Behance and Adobe Portfolio are the two main ways that Adobe has helped creatives share their work elsewhere. While both look quite similar on paper, they have a fair number of differences that you need to keep in mind.
This is the highly awaited third part about illustrations — another option to diversify your content to create a design concept. We kindly remind you to check out Part One and Part Two before reading this article, there are a lot of interesting links there — take a look.
Stuck between using a Flaticon generic icon or paying an expensive designer? MakeLogoAI generates unique logos, specifically tailored for your startup.
Plugin to Figma that allows transformation of the image in perspective. This tool could be used for creating mockups for laptops, phones & banners.
The ultimate AI-powered tool for generating funny, rude, emotional & casual replies for every message. Tailor your replies to your audience, culture & context, and add emojis and follow-up questions with a simple checkbox.
If design teams had a ceremonial initiation process, watching a stakeholder trash something that you’ve spent countless hours building would be it. But rejection is inescapable when we’re making multiple variants for every module of every single project, perpetually.
Effective content design is crucial for digital product success. Learn about its key elements to create content that maximizes the user experience and your business revenue.
Stare long enough and you should be able to see a shade of orange that isn’t there and which, according to the illusion’s creator, can’t actually be shown on a screen. Confused? I certainly am. This could be one for our pick of must-see optical illusions and the best optical illusions of the year.
Many (most?) websites, especially for early and growth-stage companies are ineffective. They don’t tell visitors who the product is for, what the product does, and why the product is better. When your homepage content and copy miss the mark, your conversion rate suffers, and all of your top of funnel efforts are wasteful.
Ah yes, the perennial question (or argument depending on your point of view) that provides endless nourishment for the design Twitterati and design influencers. It’s a moot discussion, of course, because—surprise—logos matter, maybe now more so than ever. Now that I’m on my soapbox, I’d like to argue that case, and explain through my own creative process how a successful logo is created, from the initial sketch right through to...
Less searching, more creating. All your transparent background images in one place. Use AI to create unlimited high-quality and unique images with transparent backgrounds by just describing them.
When our team started working on the spotify.com homepage, which is the landing page of our website, we found that an overwhelming majority of people who visit want to listen to audio directly on the site (i.e., they’re looking for the web player). But, they had trouble finding it and were frustrated with the amount of friction it took to listen to anything.
Out of the 138 portfolios submitted, 125 was screened. If you’re part of the 13 that I didn’t review, it’s because you’re a UX writer, UX engineer or a UX consultancy business. I do not have the expertise to review portfolios for writers and engineers, and reviewing UX businesses is something I would not do for free (sorry).
More than once I’ve been asked about the difference between behavioural insights (BI) and user experience (UX), as UX design becomes increasingly important in the world of product development, yet there is a whole other world of BI that has been popularised by the Behavioural Insights Team (
We thought CSS had already evolved into a pretty formidable language thanks to advancements like Flexbox, Grid, and CSS Variables. But it turns out this wasn’t even its final form. Parent selector, native nesting, container queries, cascade layers… The list of absolutely game-changing features coming imminently is pretty shocking when you think about it.
Reddit users are pouring over an infographic that claims to show the oldest logos that are still in existence. And while many of them have evolved to an extent over the years, it’s also striking how many have retained their original elements.
I was actually skeptical because I’ve tried the ol’ “fork of popular browser, but with improved UI” browsers before, and they never stick with me. I’ve developed some doubts about how much value a skin over an existing browser engine can actually bring. Like, don’t build me a browser with a built-in crypto wallet or
It sounds as though we are declaring the end of technology’s golden age, both for those who make it and for those who use it. If we are heading this way with our technology and interfaces, what does this mean for design? Are all these circumstances leading to the end o
Project Body Type isn’t the most legible font ever created, but it comes with a powerful message.
Looking to monetize group membership, but stuck staring at site builders and billing products? Launch makes it easy to just. get. started. Set up billing and beautiful landing pages, track membership automatically and effortlessly for any private space.
Each symbol visually tells its respective product story while leveraging the overarching style of the iconic Dropbox logo and its signature brand colors of blue and graphite.
Mastodon Flock is a web application that looks for Twitter users on ActivityPub-enabled platforms (the “Fediverse”), such as Mastodon. It allows you to easily find and follow your friends that have accounts elsewhere.
Chatting with an AI about ideas lets you explore angles, approaches, and—most importantly—weirdness that you might never have thought of on your own.
Many UX design roles are created as a result of new product or service launches, and with the current downturn in the tech industry, companies are likely to reduce their hiring and focus on maintaining existing teams.
Empowering non-researchers to collect client feedback can pave the way to better products and customer retention.
If you’re a newbie in web designing and you are wondering how to handle an entire web design process. This practical guideline with the latest updates will help you be ready to conquer your debut project.
It’s natural to feel like you don’t belong or that others may know more than you do. But that’s not true. This is what’s known as imposter syndrome and it can affect anyone, regardless of their skill level or experience.
Despite the vertiginous technological advances, there are still some requests that seem fry AI image synths’ brains. For anyone wanting to confuse an AI model and make it produce a nightmarish jumble of nonsensical chaos, one creative has found the ultimate silver bullet rubbed in garlic. This video shows one model’s attempt to generate i
This year, the web community was once again busy creating tech advent calendars jam-packed with fantastic content to sweeten your days. But which ones to follow? We help you find the right one, whether you’re a front-end dev, UX designer, or content strategist.
Good UX revolves around the idea of providing people with interactions that are seamless, enjoyable, and intuitive. To achieve this, a designer should focus on satisfying a user’s needs above everything else. However, given that UX is an interdisciplinary practice that makes use of principles inherited from fields like psychology and cognitive sciences, sometimes designers can craft experiences that are decept
This month, I dug into metaverse advertising with the latest Burberry campaign and I came across a fantastic AI tool to copy real-life items with a phone and to paste them into a desktop app.
After concluding my learnings from course 2 and course 3 of google UX Design specialization which is “Start the UX design process: Empathize, Define and Ideate” and “Building wireframes and low fidelity prototypes”. Here I am concluding my learnings from the next course which is “Understanding the UX research process”.
Canva is aiming at Google Docs and Microsoft Word with a collaborative word processor that eliminates writer’s block.
Microcopy is a term used for the small pieces of content that appears on digital interfaces, from calls to action to disclaimers assuring users that their personal information won’t be shared. While this might seem like the responsibility of marketers or content managers, these tiny pieces of text play a vital role in UX — and can make or break your user experience.
Icons are an essential part of it that helps the viewers navigate around the app. Discover the icon design trends for 2023 and practical tips on their usage.
Working closely with Dropbox’s internal brand studio, San Francisco-based design studio Play developed a streamlined series of logos for the renowned file hosting service’s sub-brands; Capture, Sign, Forms, Fax and DocSend. “When we think about brands, we always think end-to-end through the entire customer’s experience,” ââDropbox’s Brand Studio Director Liz Gilmore tells us, “so you’ll see the
This latest trend in synthetic media has delighted many—and struck fear in some. Google, research firm OpenAI and AI vendor Stability AI have each developed a text-to-image image generator powerful enough that some observers are questioning whether in the future people will be able to trust the photographic rec
YouTube now has its own set of custom emotes that work across all comments and live chats. The Twitch-like emotes, dubbed YouTube Emotes, can be used across YouTube in comment sections and during live chats, though the platform previously allowed individual streamers to offer their own reactions and emotes. YouTube’s own initial emotes are focused
Content exists across multiple touchpoints sourced from numerous creators. A UX content strategy ensures content production and governance remain high quality and consistency to enhance a product’s user experience while meeting business goals.
Access our massive collection of stunning AI-generated app icons and choose the one you like best. Besides, we also offer free-to-use tools like custom favicon generator and all-required app icon sizes generator.
Curious to see what sort of new web design trends 2023 will bring? In this post, we’ll look at 5 of them and explain how each will help you build better websites for users.
Curious to see what sort of new web design trends 2023 will bring? In this post, we’ll look at 5 of them and explain how each will help you build better websites for users.
Foney Fonts is a simple, fun game designed for players to test their knowledge of fonts and brand logos.
Google is giving its search results on desktop the “continuous scrolling” treatment over a year after launching the feature on mobile. Continuous scrolling will eliminate the need to click “Next” or the page numbers at the bottom of your search results. Instead, Google will automatically load the next batch of results on the page once you’ve scrolled
I got my first job at 25. I was fresh out of college and really glad to have landed a job at a bank that had its headquarters in my hometown. They later told me that there were more than 150 candidates lined up for it. The salary was very good for the living standards in Slovenia back at the time but I left only 18 months later. I realised...
We’re excited to share the results of the Design Tools Survey for the sixth time! This year we can understand the industry more deeply as we ask new questions about remote work, leadership, and research. We also added two new categories: advanced prototyping and portfolio builders. We hope you find it educational and valuable. As always, the raw data is freely available to download.
You might be considering whether to focus on app design or work with web products only. This question is fundamental once you start to think about your job search. You want to become a UX/UI designer, but you need to understand what direction you like more — app or web.
Tech was once always in your way. Soon, it will be almost invisible.
These ten Figma plugins have helped me immensely. With just a few clicks, I can transform how I work with design elements, collaborate on projects with others or even automate some tasks altogether — saving valuable time for other creative pursuits.
The year’s almost at its end, but we’ve got one last Google Fonts Knowledgedrop for you, and, although I’m biassed… it’s a really good one. In my opinion, it builds upon what we launched for Q1, Q2, and Q3 with some well-rounded content that really takes the resource up a notch. Please allow me to run through all of the Q4 additions to the site:
The quality of UX writing shapes how users feel about using a product or service. So getting UX writing right is a crucial requirement. In this article, to help keep UX writers on the correct path, let’s consider five all-too-common mistakes to avoid. But, before we do, let’s look more broadly at UX writing and its importance in UX design.
Here are our seven tips for designing a website that will truly resonate with your target audience, along with examples of how other brands have done it effectively.
Build customized AI videos with a presenter in minutes without using a camera, studio and a greenscreen.
So, we turned to a panel of some of the best designers in publishing today to share their favorite cover from 2022 that broke the mold and made our bookshelves all the better for it.
There are tons of apps available that can help streamline your workflow and help you get the most out of your design process. In this blog post, I’ll share five of my favorite Mac apps for UX designers.
Mozilla, publishers of Firefox, acquired the team behind AI-based workplace collaboration product Pulse, announcing that they will work on Mozilla’s growing portfolio of products.
Shine brightly in your UX job interviews by demonstrating stellar communication skills to common types of interview questions using STAR and METEOR.
Neolabs is an AI Art Generator that creates new and creative artwork by studying and learning the techniques of millions of images. The company asked for a modern and tech-savvy take on the new upcoming wave of ai generated content.
As a qualitative user experience researcher at a company with almost 600 folks in various UX roles across design tech, content design, operations, and more, I work with an incredibly talented, high-performing, and world-class team.
Make wavy abstract backgrounds
Get a minimal yet modern mesh gradient background pack to show your product, put texts on the empty space, and present it in a shiny way. 40 Gradient layouts, available in ai and jpg formats. It’s free, download your copy now.
In this article, we’ll take a closer look at what media queries are, how they work, and how to use them correctly, including for creating responsive designs. We’ll also cover breakpoints, look at examples, and understand the different types of device types that can be specified directly with the @media property.
Artificial Intelligence has shone a light on the future of UX Design, and whilst we are only in it’s infancy, there are already many incredible projects being worked on that signal the new era of AI innovation! In this article we’re going to have a look at some of the most interesting (and useful) AI tools that you can utilise right now!
We live in a world dictated by technology, design, and experiences. These factors combine to render our lives easier; more comfortable. It shouldn’t come as a surprise that most of our everyday conversations circle back or find their grounding in developments in the tech space – most importantly, back to our phones.
No more searching “how to center a div”
It’s a social media trend that survives year after year. And it thrives on your personal data.
Deploy your software projects with AppSailer on Cloud servers with custom recipes. Supports Laravel, Angular, VueJS and other technologies with custom workflows.
Here’s why you should not be outsourcing the development of your mission, vision, and values statements.
Customer Value propositions are powerful tools helping the organization discover what it takes to deliver on their strategy. I’ve always found that the Internet was missing a good guide to creating Customer Value Propositions, so I decided to make one.
While the existing units work well on desktop, it’s a different story on mobile devices. There, the viewport size is influenced by the presence or absence of dynamic toolbars. These are user interfaces such as address bars and tab bars.
After three decades of SMS, here are three reasons to switch to RCS.
DesignOps to design orgs is like what permaculture is to gardens. Here are three takeaways from permaculture design to challenge the way you do DesignOps.
From immersive installations to licensed goods, color trends are a big business.
UI design can make or break a website or app. Here are nine examples that got things right.
This Notion built bundle means no more jumping between job boards and searching online for job opportunities – because it helps you find hundreds of relevant jobs suited to your skillset straight away – and arms you with all the tools to successfully apply.
Increased productivity offers agencies tons of benefits, from better customer and employee experience to higher profit margins and agency scaleability. Here are a few ways you can improve your agency’s productivity and scale up your business.
Why the additional responsibility of being senior-level and owning a program necessitates both strong quantitative and qualitative skills.
If you want to be inspired by top-notch app and web design work, then look no further than this selection. The following are some of the most interesting pieces created by well known UI designers
This blog will provide time-tested tips and tricks through which OTT businesses can nail their user experience and the competition in the market. However, let’s start the blog with the basics, i.e., by understanding the size and scope of the OTT sector.
APIs are everywhere on the Internet, and knowing how to interact with them is an important skill for the modern web developer. Being able to access and interact with third-party data can take your apps to the next level in lots of cool ways!
The world of design systems can be overwhelming sometimes. There’s a lot to take in when you get into that space! In this article, Dan Donald dives into a simple component and explores some issues, complexity, and power we can encounter.
The experts at the Pantone Color Institute feel the excitement bubbling in the air. Today, it unveils its 2023 Color of the Year, which expresses a convivial mood. It is a vivid, audacious red called Viva Magenta. According to the company, the color represents the resilience, opt
Learn Google Analytics 4 (GA4) with actionable insights, step-by-step tutorials, and use cases by industry professionals.
This question crossed my mind enough times recently that I went into the DESK archives to find my own answer. To my surprise, there wasn’t one. I’ve never written about it, not until today.
Now you don’t need to remember whether you normally sign in to, say, Spotify with your Facebook or Google account, as 1Password will take care of that for you.
Generative art project that combines graphic design, football, and data. Using the statics of FIFA World Cup games to generate abstract compositions.
This post aims to contextualise the Utopia fluid grid calculator which helps you to define a layout grid by clicking a few buttons.
With Spotify Wrapped all over social media, I created GitHub Trends to view and share your own (unofficial) GitHub Wrapped! See your repositories and languages sorted by lines of code, your activity grouped by time and day, and more!
Today, we’ll take a look at the Sass function that does all the work for you — with no media queries, no breakpoints, and no design jumps. In this article, Fabienne Bielmann explains what FabUnit stands for and why she decided to create her very own responsive magic formula.
Here is the story concluding all my learnings from the google UX Design specialization course.
Why should your colleagues, clients, and managers care about what you do? What is the value of experience design for your business? These are the questions you need to answer.