UX - microinteractions

By Tristan Weevers | Tristan Weevers created a magazine on Flipboard. “UX - microinteractions on Flipboard” is available with thousands of other magazines and all the news you care about. Download Flipboard for free and search for “Tristan Weevers”.

Creating Usability with Motion: The UX in Motion Manifesto

The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support …

12 Free AE Tutorials for UX Professionals

Modern web design involves a lot of moving parts like content design, icon work, and UX design strategies. One newer trend is the use of …

Graphics

The Details That Matter

Your product’s success is based on a combination of factors, but the overall user experience tops them all. When it comes down to designing a new app …

An overview of animation in UI design

The opinion on visual (digital) design changed significantly ever since the arrival of CRT screens in the 70s/80s.<p>Dissimilar to other artistic …

Prototyping mobile UI animations: 5 inspiring examples

<b>How to create mobile UI animations that boost usability and bring app interfaces to life</b><p>Animated transitions can make the difference between a great …

How the Micro-Moment is Changing UX Design

Consumers interact with brands thousands of times every day, from commenting on social media posts to online shopping and beyond. It’s a constantly …

UX Design

Scroll-Triggered Text Animations Delay Users

<b>Summary:</b> When misused, animations intended to add aesthetic appeal slow down content consumption and get in the user’s way.<br>It is a long-known …

Usability

The Transformative Power of Motion

Why motion is an essential part of the designer toolkitContinue reading on uxdesign.cc – User Experience Design »

UX Design

UI Animation: Please Use Responsibly

The explosion of prototyping tools in the past few years has given designers an opportunity to create detailed interactions. Designers are…Continue …

UX Design

How to Use Tooltips as Microinteractions

Tooltips are potentially the best and most efficient approach to onboarding new users to any given app, software, program or user interface. They’re …

UX Design

Enhance Your User Experience with Animated Transitions

Providing users with a seamless experience while using your interface is a popular goal when building digital products. Modern day devices and …

XD Essentials: How Functional Animation Helps Improve UX

Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to …

What Twitter's jumping heart taught me about emotional impact

Twitter marked its tenth birthday last week by giving us all something fun – a delightful little animation when you ‘liked’ a tweet. As soon as the big day was gone, so was the animation. And I want it back permanently.<p>Every time I ‘liked’ a tweet that day it felt like a little burst of happiness. …

Emotions

Boost your design by micro-interactions

How to design details and animations within your app<p><i>Everyday millions of people interact with a smartphone and perform different actions: enter the</i> …

Icon Usability

<b>Summary:</b> A user’s understanding of an icon is based on previous experience. Due to the absence of a standard usage for most icons, text labels are …

Dropdowns Should be the UI of Last Resort

All too often mobile forms make use of dropdown menus for input when simpler or more appropriate controls would work better. Here's several …

Usability

Micro-moments: Are you designing for them?

Today, we’ll start with the rants of a Manhattan restaurant to exemplify the relevance of what Google calls “micro-moments”. Why? Because with the …

Your UI isn’t a Disney Movie

My previous short article about gratuitous animation really struck a chord with people. The response has been phenomenal and it’s been awesome …

Notification: the push and the pull

Some of the things I learnt at the notifications meeting @betaworks<p>A few months ago Steve Gillmor and I discussed bringing together key people we …

Utility Navigation: What It Is and How to Design It

<b>Summary:</b> Utility navigation consists of secondary actions and tools, such as contact, subscribe, save, sign in, share, change view, print. These …

CSS Transitions and Transforms for Beginners

This post will introduce you to CSS transitions and CSS transforms: <b>the CSS power couple</b>. When used together, these properties allow you to create …

Web Development

Browser Input Events: Can We Do Better Than The Click?

Responding to user input is arguably the core of what we do as interface developers. In order to build responsive web products, understanding how …