Users avoid interface elements without a clear meaning. Even with flat buttons (_almost_ flat, to be exact), there’s still a place for these subtle cues. Drop-shadows make the element stand out against the background and makes it easily identifiable as a tappable/clickable element, because objects that appear raised look like they could be pressed down (tapped/clicked). Shadows are invaluable cues in telling users what UI elements they’re looking at. No matter what shape you choose be sure to maintain consistency throughout your interface controls, so the user will be able to identify and recognize UI elements as buttons. You can be more creative and use other shapes such as circles, triangles or even custom shapes, but keep in mind the latter might be a bit more risky and you need to ensure that people can easily identify these varying shapes as buttons. Rectangular shaped buttons were introduced into the digital world a long time ago and users are very familiar with them. ShapeĪ safe bet is to make buttons square or square with rounded corners, depending on the style of the site or app. It’s very important to use proper visual signifiers on clickable elements in order to make them look like buttons. How do users understand an element as a button? The answer is simple - visual cues help people determine clickability. In this post, I’ll cover the basics you need to know in order to create effective controls that improve user experience. XD Essentials: Button Design Best Practicesīuttons are a common element of interaction design, and while they look like a very simple UI element, they are one of the most important elements to create.
0 kommentar(er)
