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”.

Top 5 Mobile Interaction Designs of September 2017

It’s hard to believe, but September is coming to a close. Students are gearing up to have a great semester and professionals are locking down their …

Mobile

Rules For Creating Perfect Push Notifications

Have you ever paid attention to the number of notifications you receive on a daily basis from various apps? How many of those notifications do you …

UX Design

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 …

UX Design

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 …

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 …

Usability

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 …

UI Design

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 …

UI Design

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 …

UX Design

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 …

UI Design

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> …

UI Design

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 …

Usability

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 …

UX Design

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 …

UX Design

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 …

Mobile

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 …

Usability

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 …

Web Development