Author: Design Guru

The New Smashing Mystery Riddle, An Emoji Edition

Oh yes, the infamous mystery riddles are back! To celebrate the relaunch of this little website, we’ve prepared something special yet again — a Smashing Emoji Mystery Riddle. And this time, instead of scouting an answer in a physical place or on Twitter, it’s well hidden somewhere on this website. So, What Can You Win? Among the first readers who tweet @smashingmag all the hidden emoji, we’ll raffle a quite extraordinary, smashing prize (and a couple of other Smashing extras): No need for silly advertising. At this point we just want to thank you for sticking around. This lil’ website...

Read More

Fitting After Effects Into A UX Workflow

We all aim to be as agile as possible in today’s fast-paced web design world, while also remaining thoughtful of the end user and those we work with. After Effects is a great tool that enables us to quickly visualize and test robust animation patterns throughout a web design, share those with the development team and clients, and even test variants with users to get quick validation on a design before it goes into production. Web design transitions and animations, like parallax scrolling, hidden navigation, swiping, pull to refresh, transformations or really any UI transition, are great to prototype in After Effects. In this article, we will be scratching the surface of how to fit After Effects into your UX workflow, and we’ll share details, advice, experience and links that you could use as influence and thought starters in your next project. Motion In Experience Design I like to think of motion in UI as a new type of aesthetic in design — a visceral aesthetic. Users might not be aware of it until they experience an interface that lacks it. This visceral aesthetic mimics how objects in real life actually move. This all stems from basic principles of physics. Physics is defined as “the natural science that involves the study of matter and its motion through space and time, along with related concepts such as energy and force....

Read More

Logo Design Theory, Part 1: Symbols, Metaphors And The Power Of Intuition

No designer creates wow work 100% of the time. There’s no question that creating good design takes significant exertion, but generating the wow factor in your work can also be fairly effortless. Many designers follow their intuition during the creative process and incorporate universal symbols and metaphors simply because it “feels right.” Intuition — accessible to all people and most especially useful to those engaged in creative pursuits — guides designers towards solutions that align with a universal knowing. Adding a universal quality to a logo provides the broadest communicative reach, what almost all identities are intended to accomplish....

Read More

Practical Techniques On Designing Animation

The submit button is the most powerful part of a form. We usually address this by using strong colors to draw attention to it. But what happens when that submit button is activated? Does the user have to wait, not knowing if the form worked, or are they provided with instant feedback? A simple submit button, even with a push animation, sometimes cannot achieve this goal, while a button with a loader could keep the viewer engaged while data is loaded in the background. This helps with the anticipation part of the animation, but what happens when the form...

Read More

How To Deal With Redundant, Out-Of-Date And Trivial Content ROT

Publishing content to the web is expensive. I know what you’re thinking: no, it’s not; it costs nothing, especially when compared to print. And you would be right, from a certain point of view. The problem is that publishing is cheap. This seduces you, encouraging you to put more and more content online. [Links checked March/20/2017] In fact, the cost is so cheap that many organizations let almost any employee put content online. They install a content management system and give staff free rein. Even those who enforce standards for consistency and accuracy still produce a lot of content. After all, somebody might find that piece of content useful. But you will soon discover hidden costs. Costs that are crippling larger organizations. The Hidden Cost Of Content Although there is a cost to producing this content in the first place, there is a far higher cost in maintaining that content over time. It costs huge amounts of money and time to review content on a regular basis and ensure it is still accurate and relevant. This is especially true when some organizations have millions of pages online. In the end, many companies just give up. We often forget content once we hit “Publish”, unless it is a particularly prominent piece. The hidden cost is not just limited to maintenance. It also impacts the usability of sites. With so much...

Read More