Skip to main content

Mind Catching Design

Search This Blog

Avoiding The Pitfalls Of Automatically Inlined Code

November 26, 2018

Get link
Facebook
X
Pinterest
Email
Other Apps

Articles on Smashing Magazine — For Web Designers And Developers

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Post a Comment

Popular Posts

Common SEO Mistakes (and How to Fix Them with Design)

SEO is a complex matter and one that web designers and developers might feel is best left to copywriters and search professionals to handle. That makes sense since many common SEO hacks revolve around the manipulation of content and the tagging of it for search. Here’s the thing though: there are certain choices you make as a web designer that ultimately affect the search-friendliness of your website. Which means you should be involved in the diagnosis and repair of a website’s SEO mistakes. Repairing SEO Mistakes with Web Design A click-through rate (CTR) tracking study from Advanced Web Ranking reported the following data, from as recent as September 2018: What this shows is the likelihood of users clicking on an organic link based on its position in search As you can see, Google is already stacking the odds against your website by filling its prime real estate with paid listings. That said, the data above is proof that search users are willing to sift through paid promoti...

Creating Tables In Figma

Creating Tables In Figma Sasha Belichenko 2019-09-25T12:30:59+02:00 2019-09-25T10:50:00+00:00 In this tutorial, we will talk about how tables can be created in Figma by using components and Atomic Design methodology. We will also take a look at the basic elements of the table layout and how components can be included in the component library so that they can become part of the design system you are using. To make it easy for you, I’ve prepared a mockup example that uses all of the components we need for this tutorial. To follow along, you will need to have at least some understanding of the basic Figma concepts, its interface, and how to work with Figma components. However, if you’re new to Figma and working with table data, I recommend watching the “ Getting Started ” video to help you better understand Figma end-to-end, as well as the article “ How To Architect A Complex Web Table ” that was published not too long ago here on Smashing Magazine. To simplify the scope of this...

Frictionless UX: How to Create Smooth User Flows

Almost two decades ago Steve Krug first advised us not to make users think. Today designers strive to create experiences that require no extra effort on the user’s part. Frictionless interaction has become a popular qualifier for evaluating user experiences. As designers and developers, it’s beneficial to familiarize yourself with methods that allow you to create frictionless interactions. In this article, I’ll analyze steps in user flow that often cause friction and propose solutions on how to optimize them. But before that, it’s important to define what exactly friction is: Friction is anything that prevents users from intuitively achieving their goals while they interact with a product. Friction is everything people complain about when they find technology difficult. No wonder why high-friction tools are quickly abandoned and replaced with more user-friendly tools. Creating a Frictionless Experience Ultimately, end-users want simplicity when interacting with a product. Frictio...

Powered by Blogger