August 3, 2015 — While animations may have great visual appeal, they also make app experiences more intuitive and engaging. Animation can make an app feel more fluid and responsive by providing feedback on user interaction. This means that, for designers, creating authentic animations is increasingly becoming a part of the job description. Whether you’re a designer, product manager, developer or anyone else working on a product, Keynote is a great way to communicate ideas quickly. The speed, gentle learning curve and quality of output all make it an ideal tool for your arsenal. Read more…

July 31, 2015 — As designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd. This post features free desktop wallpapers created by artists across the globe for August 2015. Both versions with a calendar and without a calendar can be downloaded for free. It’s time to freshen up your wallpaper! We are very thankful to all designers who have contributed and are still diligently contributing each month. Read more…

July 29, 2015 — CSS quantity queries follow the concept of changing the styles based on a condition: the condition within a quantity query being the number of sibling elements. An example would be navigation where items are 25% wide when four items are available; yet when there are five items available, the width of the navigation items changes to 20%. This is a common problem with dynamic site frameworks like WordPress or Ghost. Can you avoid too many media queries and JavaScript workarounds? Yes, you can. This is where quantity queries are best used. By being creative with CSS selectors, we can count the number of sibling items and apply styles if they meet the conditions. Using these queries, we can future-proof our designs and projects, and allow them to scale gracefully. Read more…

July 28, 2015 — Implementations usually involved either using an external image editor to create multiple images for multiple values of the pie chart, or large JavaScript frameworks designed for much more complex charts. Although the feat is not as impossible as it once was, there’s still no simple one-liner for it. However, in this article, Lea Verou will show you that there are many better, more maintainable ways to achieve it today. Read more…

July 27, 2015 — Research should always influence our work. Not every project has a content strategist, but that’s no excuse for copywriters to write blindly. If you have the opportunity, seek out a content strategist or a user researcher; if research has already been conducted, they’ll be happy to walk you through it, and if it hasn’t, then now is the time to get involved. Even just one or two of these research processes and tools will help you learn a great deal about your users, and ultimately it will improve your final content. Read more…

July 24, 2015 — All too often we forget that applications are built by real people with opinions, ideals and fears. When a whole company is formed around a single product that’s about to get relaunched, there’s a lot of tension — after all, these people rely on that product’s success for their own financial security. This is the story of redesigning the UX for a popular calendar tool on Android: Business Calendar. Günther Beyer & Nino Rapin are sharing this story because everyone’s standing on the shoulders of giants and this is their small contribution to better information design thinking. They hope they’ve learned enough in this project to make you a little smarter, so that you can make us smarter in turn. Thank you. Read more…

July 21, 2015 — A lab environment can never replicate the natural environment of the participant, and the mere presence of a research facilitator or moderator creates a dimension of artificiality that can thwart the research goals. How you moderate will have a significant impact on the quality of your research findings. The goal, of course, is to get realistic findings. An effective moderator understands how the nature and timing of questions can influence — and sometimes even drive — the outcome. A skillful moderator is adept at managing these potentially conflicting goals in order to ensure the integrity of the research and equally adept at ensuring that their findings appropriately inform their business partners’ decisions. Read more…

July 20, 2015 — This article provides a small taste of what is possible with a Sass-based grid framework named “Susy”. Once you’ve spent a little time getting the hang of it, you’ll see how easy and fast it is to create simple or complex layouts without a huge amount of code. Read more…

July 17, 2015 — In this second part, Yury Vetrov will show you how he made his “Bootstrap on steroids” more powerful. A framework like this has many benefits, but the main result is a transition from large redesigns every couple of years to constantly updated designs. We can spend more time evolving a product rather than doing endless design maintenance. Moreover, product designers stop thinking in screens and become less like “Photoshop/Sketch people”. Read more…

July 15, 2015 — In this article, we release a set of 60 lovely workspace illustrations of items that many web and graphic designers use every day. The set has been designed by Anastasia Kolisnichenko, from Minsk, Belarus, and released for free for Smashing Magazine’s readers. Feel free to use all these elements and others for your projects. Grab what you need for a poster or website. You can customize everything you want: stroke width, size, color, shape — everything. Thanks to Anastasia Kolisnichenko for releasing the illustrations — we’re very grateful for your talent and generosity! Read more…