Designing The Perfect Feature Comparison Table
Not all products are created equal. While we repeatedly buy some products almost mindlessly, for others, we take a lot of time to make a purchasing decis…
Designing The Perfect Feature Comparison Table
Not all products are created equal. While we repeatedly buy some products almost mindlessly, for others, we take a lot of time to make a purchasing decis…
Designing The Perfect Slider
 |
When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.
In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.
After a close look at perfect accordions and date and time pickers, let’s turn our attention to sliders, with do’s and don’ts and things to keep in mind when designing one. But first, we need to figure out when a slider makes sense in the first place. (Please note: that article is quite large, and contains many animations and videos.)
The post Designing The Perfect Slider appeared first on Smashing Magazine.
Designing The Perfect Date And Time Picker
What could be so difficult about designing a decent date picker? Basically, we just need an input field and an icon that represents a calendar clearly en…
Designing The Perfect Accordion
|
|
Design patterns. An almost mythical phrase that often inspires either awe or resentment. As designers, we tend to think of design patterns as generic off-the-shelf solutions that can be applied to various contexts almost mechanically, often without proper consideration. Navigation? Off-canvas! Deals of the day? Carousel! You get the idea.
Sometimes we use these patterns without even thinking about them, and there is a good reason for it: Coming up with a brand new solution every time we encounter an interface problem is time-consuming and risky, because we just don’t know how much time will be needed to implement a new solution and whether it will gracefully succeed or miserably fail in usability tests.
The post Designing The Perfect Accordion appeared first on Smashing Magazine.
It’s Here. Meet “User Experience Revolution”, A New Smashing Book (Print + eBook)
|
|
Many companies will say they care about the user experience. They even know it is important. And yet, every day we are surrounded by companies treating customers with utter disrespect, both offline and on. They sell their data and waste their time. They leverage dark patterns and demonstrate complete indifference.
This is why we are releasing a new book today called “User Experience Revolution,” a practical battle plan for placing the user at the heart of your company. Companies desperately need to change, and the book shows you how to help them do that. Get the book now.
The post It’s Here. Meet “User Experience Revolution”, A New Smashing Book (Print + eBook) appeared first on Smashing Magazine.
Getting The Sketch Workflow Right: Meet “The Sketch Handbook”
|
|
Do you use Sketch, too? If you’re designing for the web today, you probably are. Well, we do, too, so we created The Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient and fast — with Sketch.
Sketch offers a wealth of tools and features to make it the perfect application for today’s designers: It lets you design interfaces, websites and icons with ease. To help you get the most out of this mighty tool, The Sketch Handbook will show you every aspect of it. Not in theory, but backed up by practical examples that you can follow along, step-by-step.
The post Getting The Sketch Workflow Right: Meet “The Sketch Handbook” appeared first on Smashing Magazine.