How would you design a responsive car configurator? How would you deal with accessibility, navigation, real-time previews, interaction and performance? Let’s figure it out. In this article, Vitaly Friedman dives deep into the dos and don’ts of designing a perfect configurator. As designers, we might try to make our configurators advanced and sophisticated, but too often we overwhelm customers with too many non-trivial options.
Read more…
In this article, Vitaly Friedman will look into the fine details of designing better slider controls for selecting a value or a range of values. A slider is helpful because it allows users to explore a wide range of options quickly. The main point of interaction with the slider is to display options quickly. This means not forcing the user to click on a button to see the outcome or wait until the result is displayed. Feedback should be smooth and continuous. However, sliders are just a bit too difficult to use, require just a bit too much precision, are a bit too confusing to navigate, and are a bit too difficult to grab and move around. 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.
Read more…
Establishing good navigation is a challenge on mobile due to the limitations of the small screen and the need to prioritize content over chrome. Every navigation patterns suffer from a variety of usability problems. In this article, Nick Babich will examine five basic navigation patterns for mobile apps and describe the strengths and weaknesses of each of them. If you’d like to add some patterns and spice up your designs, you can download and test Adobe XD for free and get started right away.
Read more…
Our industry has exploded with new thinking, patterns and approaches. In this article, Chris Poteet wants to look specifically at the issue of responsive navigation. He will first talk about information architecture, then the purpose of navigation, and finally he will look at three responsive navigation patterns that have served well over time.
Read more…
Buttons are a vital element in creating a smooth user experience, so it’s worth paying attention to the best essential practices for them. In this article, Nick Babich will show you the essential items you need to know in order to create effective controls that improve user experience, such as making buttons look like buttons, making the most important button clearly identifiable, or labeling buttons with what they do for users.
Read more…
Navigation is generally the vehicle that takes users where they want to go. When you examine the most successful interaction navigation designs of recent years, the clear winners are those who execute fundamentals flawlessly. While thinking outside the box is usually a good idea, there are some rules that you just can’t break. In this post, Nick Babich will help you better understand the principles of good navigation for mobile apps, then show you how it’s done using two popular patterns. The easier your product is for them to use, the more likely they are to use it.
Read more…
Through this case study on redesigning the Building Social website, Marko Dugonijć will share some simple yet often overlooked front-end techniques that defer the use of JavaScript as much as possible, while providing some neat JavaScript enhancements, too. By being creative and using the basic tools at your disposal, you can improve performance and accessibility, as well as simplify code maintenance. By getting content on the screen as soon as possible, you will improve the user experience, and in doing so, you will earn a few extra karma points along the way. Everybody wins!
Read more…
Improving every tiny thing by 1% dramatically improves performance. This applies to what Marko Dugonjić did in the SGS project and its intricate navigation. By focusing on the finer details, improving each detail by a tiny bit, he significantly reduced the complexity of the navigation and improved loading times, while keeping the navigation appealing and engaging for users. No web project is ever truly complete; there are always a few more things on the to-do list. That’s perfectly fine, as long as you keep on testing, refining and providing the best experience for users.
Read more…
Experience and the memory of experience are related but systematically different. Everyone has two selves, the experiencing self and the remembering self, but the remembering self does the learning, judging and deciding. Memory is a collection of snapshots that gives extra weight to the most intense moment and the final moment of an experience. In this article, Curt Arledge is going to provide some tips for designing for experiences that leave a lasting positive impression.
Read more…
Parents are less willing to let their children play outdoors without direct supervision. As a result, children spend most of their free time in organized sports, music and arts activities. This results in less time for unstructured play than in previous generations. Digital technology is often blamed for children not going outside. Yet studies have shown little difference in the outdoor time of children who follow the American Academy of Pediatrics media guidelines and those who do not. When done right, digital technology can help solve the unique challenge of motivating children to go from indoors to outdoors and then to connect with nature.
Read more…
