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



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



You’ve Beaten B.O.C.O. – Now, Deliver Your Product to the World

Over the course of 2018, Fresh’s designers and developers created an interactive digital journey to educate companies and teams on the UX Design Process. In the research, design, and test worlds, users undertook an adventure to beat B.O.C.O., or “The Beast of Conflicting Opinions.” The beginning of 2019 sees B.O.C.O. defeated at last. Now, you … Continued