Tips, tricks and best practices for designing better cards.

Cards are universal — from social media sites like Instagram and Facebook to E-commerce stores like Amazon. Card layout has quickly earned popularity.

As an information container, cards hold all elements such as text, rich media, buttons, etc. …


Let’s check out some interesting steps of sidebar navigation.

A sidebar is a tremendous, efficient, and important part of the website navigation design. …


A guide to creating user friendly login and signup screens.

A login form is like the entrance to a house. It should be welcoming, easy to enter, and never mistaken for a different door. When your logins are like this, you’ll encourage users to log in more frequently. Unfortunately, most login forms today aren’t user-friendly entrances.

If you didn’t read…


Complexity isn’t always a bad thing, it just needs to be matched with the context and the needs of the users.

Image Source

However one of the designers main goals is to make products and services easier to use for the people who use them, every process will always have some inherent complexity, there is no such thing as perfection.

There’s a limit to how far a process can be simplified. When you…


In order to achieve a goal, a user needs access to something.

Image Source: proficientz

We understand user needs by focusing on people’s goals rather than their preferences when doing user research. Goals are the things that they should fulfill. Preferences are things users want or like, such as the style of a website or the color of it.

People frequently believe they are visiting…


It takes hard work to find the balance between values and aims.

Illustration from undraw

The challenge for UI designers is to create user interfaces that are not only functional but also aesthetically beautiful and able to match user expectations.

Consumers and users will not use a product with a complicated user interface. …


And why should you use them?

Tooltips are especially useful for highlighting changes that are easy to miss, delivering value quickly, and then stepping aside. …


Make this UI element work well for your users.

Tooltips are small UI elements that users encounter on a web page or application when they hover over other elements on the page. As the name suggests, Tooltips provide suggestions about an item or process on apps or web pages.

In other words, Tooltips are text boxes that display a…


A simple range slider tutorial.

Range sliders are used on web pages to allow the user to specify a numeric value that should not be less than a certain value and not greater than another given value. That is, it allows you to choose a value from a range represented as a slider.

Sliders allow…


Allow users to make selections from a range of values.

A slider is a user interface element that represents an volume slider or control. It allows the user to move a knob or bar from left to right and vice versa in a straight line.

The slider provides excellent navigation for websites and applications where there are only a few…

Vikalp Kaushik

Sharing what I learn & practice | Passionate about design & development | 4x Top Writer | Site: Shape4.netlify.app

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store