The ultimate guide to proper use of animation in UX

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While exploring the articles about animation, I found out that almost all of them describe only specific use cases or general facts about animation, but I haven’t come across any article where all rules concerning animation of interfaces would be clearly and practically described. Well, in this article I won’t write anything new, I just want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.

9 of the Best Animation Libraries for UI Designers

Front-end web design has been through a revolution in the last decade. In the late 2000s, most of us were still designing static magazine layouts. Nowadays, we’re building “digital machines” with thousands of resizing, coordinated, moving parts.

So You Want to Persuade Users? Make Things Simple!

AIDA is an acronym used in marketing and advertising to describe the stages that a customer goes through in the purchase process. The stages of Attention, Interest, Desire and Action, generically follow a series of cognitive (thinking) and affective (feeling) stages culminating in a behavioral (doing e.g. purchase or trial) stage. This should sound familiar since this is what we do through design, especially persuasive design.

Ethical Design: The Practical Getting-Started Guide

By now, most people working in tech know and feel the deep concerns related to surveillance capitalism fostered and upheld by the tech giants. We understand that the root of the problem lies within the business model of capitalising and monetising user data. Stories of how people are being exploited surface on a daily basis.

Rethinking drag and drop

Drag and drop is an intuitive way of moving and rearranging things. The good people at Atlassian have recently released react-beautiful-dnd which makes drag and drop for lists on the web more beautiful, natural and accessible. The core design idea of react-beautiful-dnd is physicality: users need to feel like they are moving physical objects around.

Designing for Human Attention

Although the design is perceived by our senses (vision, touch, hearing), it is immediately processed by our brain. As designers, we have to understand how to create experiences that go hand in hand with how the human brain evaluates them. While being a designer, you have the power to control the human mind during and even beyond the interaction with the product.

5 UI Patterns: Navigation That Makes Good UX Sense

Accessible navigation guides users through the flow of information in the UI and helps them complete their tasks, boosting your UX and driving up your web/mobile conversion. Likewise, if a user can’t find their way around your site or app, that site/app is useless to them  -  poor navigation design makes for poor UX and causes users to drop off the conversion funnel. It’s no surprise then that poorly designed/neglected UI navigation can have a disastrous impact on your bottom line.

5 Ways Web Design Impacts Customer Experience

Web design is one of the most important parts of any Internet marketing strategy. It has a huge impact on the digital customer experience in several different ways. Your site’s aesthetics, usability, any other crucial factors are essential to your company’s long-term online success. But how dramatically does it actually impact your bottom line? In this post, we’ll take a look at five major aspect of web design and how you can improve all of them.

10 Design Predictions for 2017

Change happens at lightning pace in the design industry and it’s important to keep up to speed with what’s happening to stay relevant. Even if you’re not one to follow trends, as a designer, it’s good to be aware of the shifts going on in the industry. I rounded-up 10 of what I believe will be the most important design trends of the year.