Image for post
Image for post

UX in 2016 (how to make sure your product doesn’t die)

Karina Daukaeva
Feb 4, 2016 · 6 min read

Last year we saw 70 projects come through our doors that needed help. I was fortunate to have the chance to connect with companies ranging from e-commerce to non-profit industries who came in as community partners with projects and problems for our students to solve. I learned the various struggles businesses experience and helped them discover their strengths and achieve set goals. Employing best UX practices, our students worked relentlessly to identify ways to innovate and improve user experiences. You can read about some of those projects here, here, and here.

As we enter the new year, we are coming into a new era for design. User-centred design is here to stay and ignoring it will inevitably lead to a slow (and painful) product death and, subsequently, the company behind it.

Image for post
Image for post

Emotions

User experience is a very wide umbrella that essentially means happiness of your user. This umbrella extends beyond an interface or functionality. Every single touch point your user might directly or indirectly have with your company adds to the overall experience of your users. Every time they hear from a friend about your new app. Whenever they get off the phone with your Customer Service representative. When they read a comment on your Facebook page. The moment they walk in to the lobby of your office. I can go on, but the point is — good user experience starts with the very first touchpoint of your company.

There is a great tool that can help you get started — something called a customer journey map or experience map. It allows you to pin down all the possible interaction points that your product has and starts looking at the emotional journey that your users go through. Understanding the gaps and negative dips are opportunities that can be turned into competitive advantages. There are tons of posts out there that describe the CJM in more thorough details.

Mobile-first

“Duh!” you’ll say. I know that we are in 2016 and this premise has been around since the first iPhone came out. What’s happening now is the new era of mobile experiences. It’s no longer enough to have your website “responsive”. Sure, it resizes in browser and elements stack up on top of each other. But is that enough?

There is a notion that’s called progressive enhancement vs graceful degradation. Do you feel the difference? Let me explain.

Image for post
Image for post

Let’s say you are working on an online shoe store. You have figured out your user needs, user flows, technical requirements, etc. You move on to the wireframe stage and start sketching out the interface. Starting with a mobile-first approach means that:

  • You have a limited screen space. Now you are forced into prioritizing content and functionality. Because you are a sensible designer, you will ask yourself about your primary users, what’s important to them, how they make decisions. You will highlight content that matters to them and hide options that don’t. Eventually you will find a happy marriage between business needs (to sell shoes and have a returning customer) and your user needs (to buy shoes and enjoy the process).
  • Mobile patterns are different from desktop ones. How many times have you been on your phone and didn’t even notice that you are scrolling the page? How about closing a tab because it’s loading for longer than 5 seconds? Or wanting to scroll to another image and getting a new page opened? The point is — we use every device differently. We have developed behavioural patterns, and they determine our expectations. Meeting those expectations is how you avoid your users getting frustrated.
  • Progressive enhancement. Starting small and going bigger means great experience that can only be made better. You get more screen real estate, so you can start highlighting additional content and functionality. Data limitations are bigger, so you can add other media channels, like videos. You can bring in contextual actions that will keep the user in place and really start utilizing the desktop space.

Rapid prototyping and usability testing

I’m sure you’ve heard “fail fast and often”. While this mantra is arguable when it comes to business strategy, in the field of UX design this means that you have to test your prototypes and test frequently. No matter how many great minds and ‘A’ players you have on your team, nothing can replace usability testing.

Before you say it’s a waste of time or money, take a look at this case study by Nielsen Norman Group. Working with Mozilla Corporation, they were tasked with improving their help page. The Firefox ‘Help’ landing page contained a lot of useful information, but users still ended up asking questions in the forum. Over 30 articles were available right on the homepage, however searching was the only way to find a solution to a problem not listed.

Image for post
Image for post
Some of iterations that were tested with users, all of them were paper prototypes.

NNG went through 7 iterations over 2 weeks and ended up with incredible results of 233% improvement out of a redesign for usability (you can read up on ROI in details here).

Image for post
Image for post
Final design of Mozilla support page that was 3 times better than the original.

The point is that usability testing can be done fast and dirty and can save enormous amount of money on development.

Micro interactions

The rise of CSS3 and new javascript libraries is bringing us more and more opportunities to make our users happy. Devil is in the details and so is delightful experience. For example, providing your users with contextual feedback: when they upload a file — tell them it’s done right there on the button.

Image for post
Image for post
Upload example by Colin Garven

Keep them informed of what’s happening in the background. There is nothing worse than sitting there watching the loading icon spin and wondering if the whole thing just froze.

Image for post
Image for post
Great example by Hanna Jung of pairing loading gif with a label of what the system is doing in the background.

Simplify your forms and make them nice to use. Keep the user unformed of what field they are filling out, give them input validation right away and disclose actions progressively.

Image for post
Image for post
Twitter’s form is a great example of keeping the user informed and not overwhelmed.

More focus on usability and less focus on pixels

The days of reinventing button styles are over. There are hundreds of UI kits, icon libraries, color palettes and branding kits. I’m not saying you should only be using those, but it’s easy to design a beautiful interface these days. What isn’t easy is creating product logic that solves users’ problems in a seamless way. We hire products to get the job done and we retire them as soon as another product can get it done more efficiently. There is a lot to be said about AI that directly relates to this trend, but I’ll save it for another post.

We are only beginning to scratch the surface of user experiences and how to design meaningful interactions. The tech world is constantly evolving and so are our expectations and behavioural patterns. The best thing you can do is foster curiosity in your business, keep talking to your users, and try to leave your own bias (and ego) out of the product development.

And if you are in Vancouver or Toronto, come talk to us and see how our team at RED Academy can improve your business.

Karina Daukaeva

Design. Data. Culture.

Karina Daukaeva

Written by

UX / UI / Product / E-commerce / MVT Testing / Culture transformation / Coaching. Currently UX Director at autoTrader.ca. Co-founder of Hyperminds.io.

Karina Daukaeva

My name is Karina Daukaeva, I specialize and write about three areas: design, data, culture. The common denominator is transformation; under my guidance businesses become user-centric, design teams transform to be data-driven, and the teams I lead evolve their underlying culture.

Karina Daukaeva

Written by

UX / UI / Product / E-commerce / MVT Testing / Culture transformation / Coaching. Currently UX Director at autoTrader.ca. Co-founder of Hyperminds.io.

Karina Daukaeva

My name is Karina Daukaeva, I specialize and write about three areas: design, data, culture. The common denominator is transformation; under my guidance businesses become user-centric, design teams transform to be data-driven, and the teams I lead evolve their underlying culture.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store