UI / UX Design

When Out-Of-The-Box Doesn’t Quite Fit, Invest in Your Key Interactions

June 22, 2017

There is no doubt that many WordPress plug-ins and front-end UI frameworks, like Angular, save massive amounts of design and development time by providing pre-designed and developed interactions. The baseline unedited versions are often robust and provide good solutions for general user needs.

We call these unedited versions “out-of-the-box,” meaning, when you first plug it into your app or site, it is ready to go with a specific design and technical functionality. However, sometimes elements of an out-of-the-box solution may not provide ideal specs for certain key interactions.

A key interaction is an interaction that is repeated often or is a primary step in completing a multi-step process. Some examples are picking dates in a task application, or a billing input form for a shopping cart. Making sure those interactions have minimal clicks and clear guidance is critical to worker productivity or creating repeat shoppers.

Date Picker, Billing Input

When the out-of-the-box solution isn’t ideal for a key interaction, it is important to determine the negative impact of not editing the interaction compared to considering a couple of options to smooth out the interaction.

Sometimes shaving a couple of seconds off an interaction can save a company from losing hundreds of thousands of dollars in productivity or sales over the course of a year. ROI from a little extra design or development on key interactions usually pays for itself in a matter of weeks or months. Here’s how:

Financial impact of 3 seconds

You might also like...



Autocomplete: Varieties, Benefits & UX Best Practices

For just about everything besides scenic drives, people prefer shortcuts. And if a shortcut not only gets you there quicker but also takes you to a better destination, now that’s something! This is what autocomplete does. By giving users the option of completing words and forms based on what they’ve typed before, it shortcuts their … Continued



Strategies for Onboarding and Engagement: Part 1

Similar to onboarding an employee at a new job – where they learn the ropes of their company’s procedures and expectations – digital onboarding is about helping a new user learn the ropes of an application. Onboarding is a broad topic that covers a variety of approaches. It’s important to understand that whatever your goal … Continued



A Designer’s Perspective: Fostering Good Communication Between Design and Development

Different teams will have different ideas and perspectives of what the final product should be – designers and developers often have different thoughts on the best direction forward. Each group also has a different set of skills and capabilities that are important to creating high-quality products. In the end, pulling the best ideas together and … Continued