Elevating your designs from boring to delightful

A breakdown of how to create delightful designs.

How do I get started?

‘I’d rather my users be bored than confused’.

Design briefs are brought to us as a confusing puzzle, waiting to be solved. Our first responsibility as Designers is to eliminate points of stress, ambiguity, and confusion in the flow. Your recommended design should be easy to use and informative, whilst addressing the overarching problem you’re tackling. First, focus your efforts on enhancing the product’s usability and designing value-based features that help your users solve the problem, rather than trying to come up with the next groundbreaking design element. Likely, your users are experiencing confusion and frustration with the current platform. You want to provide them with a design that’s intuitive and well, dare I say it, boring.

Skipping over the ‘boring’ phase

This is such an easy mistake to make. Most of us, myself included, are so eager to get into the fine details of design and how to make the most out of micro-interactions, that we accidentally rush to the delightful stage a little too quickly. However, solidifying the boring stage is such a crucial step in the design process. As a good designer, you want to really nail down the correct solution that minimizes user stress and provides the user everything they need to get from point A to B. By skipping over this step, you end up with a pretty design (which is cool), but one that could miss the mark on some key usability details and is confusing to use (not so cool).

What makes a ‘delightful’ design?

So, what’s the difference between boring and delightful? How can I apply this to my designs? To start, lay out the technical and time constraints of the project. Familiarizing yourself with these will help narrow down and prioritize the ways you want to and can feasibly elevate your design. After doing so, check out this list of ways to embed delight into your design:

  • Micro-interactions
  • Animations
  • Live feedback
  • Removing redundancy
  • Simplifying user flow
  • Icons and visuals
  • Personalization / customization
  • Contextual recommendations and resources
  • Suggestions and tips
  • Visual design

Adding these details can drastically elevate your designs from boring to delightful, but definitely require additional time and resources – meaning there is an opportunity cost associated with the decision to include each specific element of delight. However, strategically incorporating at least some elements of delight can drastically improve your design and give your users an experience to remember.

How did I apply this at SnapPea Design?

One of our clients, Rapid Novor, approached SnapPea to assist with the improvement of their existing platform while considering time and technical constraints. We delivered a delightful experience for their user base. Here are some ways we incorporated the methods mentioned above:

Progress animation

This is an example of a micro-interaction, specifically a progress indicator, where the trigger is clicking the ‘Submit’ button and the feedback is a circular loading animation telling the user that the upload process has begun. This communicates that the system is working and users don’t have to second-guess whether their action was recognized.

Simplifying user flow

Within the platform, users select Post-Translational Modifications (PTMs) that they wish to apply to their analysis. Previously, users would select a PTM and then select whether to add it as fixed or variable. This two-step process was reduced to just one click in the new design. Since the number of selected PTMs can vary between 5 to 10, this simplification reduces time spent while improving the user experience.

Eliminating redundancies

After determining that users often only upload one file at a time, it was decided that the file upload modal would close immediately after the user selects a file from their file manager. Previously, the file would appear on the modal with a ‘Done’ button that users must click to finish the process. This is ideal for uploading numerous files, but not in our case. By simplifying this flow, users can immediately transition to the next step.

So to wrap it all up, prioritize the ‘boring’ stage first, eliminate anything that’s confusing, introduce delightful interactions through animations, visual design, live feedback, etc., and you’re golden. Good luck!

Share the Post:

Related Posts

Course 5: Conversion Optimization

Oh, you thought you were done? You’re not done. But now we get to the fun stuff.  Set up tracking analytics and focus on driving traffic and conversion.  There’s nothing better than waking up to a full page of orders from FREE traffic.  

“But I’m launching another product!” or “My market is changing.” We have a course for that too, but you already have it.  Jump back to course 1 and let’s go again! Chances are we’ve updated again too! 

Want to jump right in to conversion optimization?  We can help! Just get in touch! 

Course 4: PRDs and POCs

Creating a PRD / POC is a critical step in development that a lot of people skip. Trust me, we’ve seen how bad that can go later.  The last thing you want is to solve a problem, but price yourself out of the only market that cares. These documents build alignment in your team, help to resolve development priority, and ensure you can profit from your venture. 

“Wait, my numbers don’t quite work!!” – Fear not, at this point there’s always a solution.  You can go back to course 1 and find a new story to sell the product you have, or go back to course 3 and see is a different solution is just as interesting to your market. 

If everything is lined up, the only thing left is to sell. Grab course 5 and build those pages that convert! Want to jump in to this course?  Drop us a line and we’ll see if we can help. 

Course 3: Landing Pages

Build and test landing pages to prove the solution you’re building is exactly what your customers are looking for! Use this process to define your product to match the market need and ensure you can make money as you scale your solution. 

Didn’t quite get the results you were expecting? No problem.  Take what you learned in course 2 to find a new angle, or go back to course 1 and refine your problem.  Sometimes the problem resonates, but people don’t want a solution, they just want to complain. 

Want to Skip directly to this course?  Drop us a line and we’ll see what we can do!

Course 2: Competitive Analysis

Through this course you find out what your competition is doing, and how you can shine above the noise! Competition isn’t always just another product – it can be a user behaviour or just being lazy.  

Find and test to find your proven differentiation from your competitors. 

Want to jump into this course?  Drop us a line.

Course 1: Next Steps

Course 1 is all about validation. We have some KPIs that give you the confidence you need to move forward.  If you don’t hit them on the first try, try again.  Some people want to jump ahead, but it will bite you later.  Keep on refining your solution at this stage to save you hundreds of thousands developing a solution that may never scale!