Creating a flexible UI system that is consistent and easy to customize, while also scalable and cost-efficient, depends not only on how it is built, but on how it is designed. A library of components has very little value if every new design is created independently, ignoring established standards and patterns. In this article, Adriana De La Cuadra explains the value of modularity in UI design and how it ties into the process of style guide-driven development, which improves the implementation of flexible and user-friendly applications, while helping designers and developers collaborate more productively.
Read more…
In this article, Luca Leone and Anders Schmidt Hansen will investigate an alternative to the classic “pages and links” paradigm, a model dubbed “zoom navigation.” Perhaps the reason why zooming interfaces are rare is that traditional HTML linking quickly became the dominant navigation paradigm, and zooming navigation presented problems of implementation, but we have good reasons now in a multi-device world to give zooming navigation another chance and to experiment with ideas and implementations. At the end of the article, they will introduce some prototypes and discuss their technical implementations.
Read more…
When we design responsive websites, we tend to see responsive design merely as a collection of slightly differently sized rectangles, with a slightly different layout, sometimes with slightly different content poured into them. In this article, Vitaly Friedman features some of the slightly more obscure design patterns, such as responsive car-builder interfaces, mega dropdown navigation, content grids, maps and charts, as well as responsive art direction.
Read more…
In this article, Cosima Mielke has done some digging around and found some interesting UI demos and concepts for you to indulge in and build upon: dialog and modal windows, signup and login screens, navigation and menus, sliders and toggles. Small bits of delight that make the user’s interaction with a website or app more pleasant. Enjoy!
Read more…
We proudly craft affordable, practical books for pros like yourself who want to improve skills and make a difference. Our printed Smashing Books deliver in-depth knowledge and expertise shared by experts and practitioners from the industry. We strongly believe in print and in the benefits of tangible books — they are our editorial flagships. No fluff, no theory — just actionable insights applicable to your work right away. In this article, you will find all of our Smashing Books, which look damn good on a coffee table!
Read more…
There are three different scenarios for UI multiplatform adaptation: retaining brand consistency; aligning with the conventions specific to the platform; and seeking a balance between the two. We decided to analyze these three approaches by looking at the most popular apps out there so that you get some insight into what method might work best for you. When we design apps, we should always remember that we do it for real people to use on real devices in the real world. In fact, it’s not a brand, or a platform, or even your creativity that’s important. The only thing that matters is users.
Read more…
One way to gauge mobile experience is to look at the tools at our disposal. Prototyping tools enable us to build wireframes and click-dummies. We seem to be in a better position than ever to design great experiences in virtually no time. However, these tools come with a hidden cost: they tempt us to skip the key step necessary to creating a well-designed product — which is to take the time to understand the problem we are given.
Read more…
What happens if you have an existing site or app that was built for desktop without a responsive or mobile strategy in mind? What if you don’t have the resources, time, or budget to start over from scratch in the near term? Despite being a design shop, we at Fresh Tilled Soil found ourselves in this very position. This is how we addressed it.
Read more…
In this article, which focuses on smartphones, not tablets, we’ll look at design patterns and approaches used for mobile e-commerce functionality, including home pages, photo galleries, and more. All the examples are drawn from mobile websites that run in smartphone browsers.
Read more…
This article covers the fundamental concepts for utilizing smart device technologies and sensor data in order to understand context and introduce “adaptive thinking” into the UX professional’s toolset. The author demonstrates the importance of context when designing adaptive experiences and gives ideas on how to design adaptive systems.
Read more…