Comment

5 Mistakes to Avoid When Designing Microinteractions

Or, “What I learned after taking a week off and watching thousands of micro-interaction animations until my eyeballs fell out.”

(by the way, if you want to receive my articles and tutorial videos straight to your email, click here to get added to my list)

First of all, let’s get synced up. What is a micro-interaction anyway?

In doing my due diligence for this post, I came across this handy definition by Carrie Cousins, who seems like a cool person. She says –

“A micro-interaction is any single task-based engagement with a device.”

Well ok then. I don’t know about you but I found that invigorating. Enjoy with relish.

Before we get into the ‘5 mistakes,’ I want to mention that the following UI animations I am about to rip into are all from extremely talented designers. I have huge respect for them and their work. They are kind enough to offer their portfolios and ‘work in progress’ pieces publically for us to enjoy and learn from. I’ve known quite a few designers to be elitist assholes when critiquing work. That has never been my style. If I come across as mean, just know that I find design seriousness highly entertaining. I am not attacking anyone. I am amusing myself, and hopefully you, dear reader.

You strapped in? Let’s do this thing.

Read More...

Comment

Comment

A Design Workflow Tutorial for Developers: Deliver Better UI/UX On Time

BY LUBOS VOLKOV - LEAD PRODUCT DESIGNER @ TOPTAL

Working with a great designer or design team can be an invaluable asset to any team. With clear communication channels, and free-flowing co-operation, the designer should give you everything you need to speed up the building process and limit questions and confusion as much as possible.

What can you, the UX developer, do to ensure that the product you have built is delivered in a timely manner without sacrificing the quality of the user interface and user experience?

Read more...

Comment

Comment

8 Steps to Amazing Microinteractions

By PSD2HTML

As you already know, microinteractions are one of the hottest UX trends right now. They enhance user experience, provide important feedback, explain functions and even entertain your audience. Today, I'm going to dive a little deeper and share some tips on how to take your microinteraction design to the next level.

Microinteractions - A Magic Formula?

Microinteractions are such a fundamental part of website design these days, that any site without them will probably look boring and bland. We like to think of them as the magic components that add delight, create surprise, and offer something entertaining and engaging.

However, creating fabulous microinteraction design isn't always easy. You've got to create something practical which makes the user's life easier. It needs to be intuitive, human and responsive. In short, if you haven't got microinteraction design mastered by now... you really need to get on it pronto!


Read more...

Comment

Comment

327 Onboarding Experiences Meshed Into 9 UI Patterns

By  Ty Magnin

User onboarding is a once in a user’s lifecycle experience that—when done well—bridges a delicate journey between your sign up page and your user’s first value gained from your product.

We refer to this moment of value as a user’s Wow or Aha! moment—Aha like, “Wow this is awesome!” Or “Aha! Now I get it!

Onboarding experiences often include welcome messages and product tours to get users acclimated. These experiences incorporate common UI patterns that overlay or augment the app’s true interface with annotations. Click this or this for examples.

These annotations aim to guide a user to their Aha! moment faster than if they were simply dropped into your app after signing up. And by getting your new users to that Aha! moment faster, you are more likely to retain a larger portion of your new users past their first session.

Read More...

Comment

Comment

DIY User Personas

By UX Lady

Probably you already know what a persona is –if don’t check this -, and probably you, like me,build your first persona using some of the thousands personas layout you can find in the internet. But as has happened to me you’ve probably also discovered this is not easy work…

But you know, I love recipes, so here you have my own recipe to build user personas, step by step including 10 elements your persona should have.

 

I create this guideline with the purpose to make the process of create personas a simple fill in the blank work, so I think could be useful for you too. Let me know!

The guideline it is structured in 3 points:

  1. How to, with the step by step guide and the Interviews process.
  2. Layout, presenting the persona layout I use with 10 basic elements.
  3. Elements were I describe in details each one of the elements of the layout and the method used to obtain the information and measuring.

Each point follows a What? Why? and How? logic to make it even easier.

Read More...

Comment

Comment

Top 5 UX Trends Every Web Designer Should Know

By jerrycao

Does it make them happy or agitated? Do they use it because they want to or have to? What the user experiences, the UX, should be the ultimate goal of your design — which is to say, satisfying the user is the ultimate goal.

The past year, the influence of UX design has changed the way users interact with sites, and how they expect to interact. The following 5 UX trends continue to influence web design, and every designer should be aware of how to use them if they hope to stay competitive.

Read More...

Comment

Comment

Code And Theory's Responsive Philosophy

Responsive design, which allows designers and developers to build websites that adapt to every screen size, is one of the most empowering web tools to be adopted in the last decade.

But adapting to the screen is only the first frontier of a new, responsive web. Today, users already expect a more meaningful experience on the web – experiences that not only respond to what device they're using, but also their location, time of day, what they’ve already read, and events happening in real-time.

To capture a user’s attention on the next generation of the web, you’ll need more than just responsive design.

You’ll need a responsive philosophy.

Read More...

Comment

Comment

Design is not Art

By Austin Knight

Summary: While design and art do share many overlapping qualities, they are two fundamentally different disciplines. They are informed through two different sets of data, they are created through two different processes, and they perform two different functions. More than anything, these distinctions demonstrate that design decisions cannot be based purely on intuition, opinion, or ego. Humble design is good design.

Read more...

Comment

Comment

Best Practices for Responsive UX

By Linn Vizard

Responsive design is here to stay, with the huge diversity of devices and screen sizes only set to increase. Google favourably indexes mobile-friendly design, so there are more reasons than ever to take on this approach. In a 2014 study it was estimated that only 15% of sites were fully responsive. This means demand to design great, responsive user experiences will continue to grow.

As a workflow, designing responsive sites can seem daunting, especially if you are new to the process. Designing for multiple screen sizes, the constraints of small screens, and considering touch, all add complexity into the mix that takes us beyond creating fixed width sites. Responsive design workflows are still evolving, however there are some tried and tested approaches that have emerged since Ethan Marcotte’s seminal article.

Read more...

 

Comment

Comment

The State of UX in 2016

By uxdesign.cc

Our team at uxdesign.cc has seen a lot this year: 48 issues published, 384 links curated and sent to 61,295 designers around the world every week via email. Enough content to help our team at uxdesign.cc start identifying patterns and trends across what’s being written and published in the amazing world of User Experience Design.

Here’s our take on looking at the past, understanding the present, and anticipating what the future holds for UX in 2016.

Read more...

Comment