UX research methods for each product phase

UI and UX are two terms that are often used interchangeably and confused for one another, but what do they actually mean? And is there a crossover between them?

‍

These two terms have only grown in use in recent years, thanks largely to the exploding technology sector. This is great news. For organizations, effectively harnessing UX and UI enables them to build products and services that people will actually want to use – and continue using. For users, they’ll have access to products designed for them. 

‍

What is UX? 🤳🎯

‍

User experience (UX as it’s commonly called) refers to the experience that a person has with a product or service. 

‍

We can determine whether a user experience is good or bad based on how easy (or difficult) it is for users to interact with the various elements of a product or service. Is the sign-up flow easy to use? Does the CTA button on the homepage encourage users to click? UX design exists to answer questions like these – and here’s how.

‍

At the core of UX design is user research, which you can use to understand customer pain points and actually build products designed for the people using them. Typically, user research involves the use of a number of different research methods designed to answer specific questions. Card sorting, for example, can show you how people think the information on your website should be arranged.

‍

Designer and information architect Peter Morville came up with the user experience honeycomb, which demonstrates the various components of UX design.

‍

‍

Don Norman of Nielsen Norman Group defines UX as “[encompassing] all aspects of the end-users interaction with the company, its services, and its products”.

‍

If this seems broad, that’s because it is. UX actually extends beyond just the digital products of an organization and can be used for areas like retail, customer service and more. In fact, there’s actually a growing movement to replace UX with customer experience (CX), as a way of encompassing all of these disparate elements.

‍

What is UI? 🪄📲

‍

User interface (UI), in the most stripped-back definition, is the interface by which a user and a computer system communicate with one another. This includes the touchscreen on your smartphone, the screen on your laptop, your mouse and keyboard and countless other mechanisms.

‍

With this in mind, user interface design is focused on the elements that users will see on these interfaces, such as buttons, text and images. UI design is all about layout, look and feel. The objective of UI design is to visually guide users through an interface so they can complete their task. In a nutshell, you don’t want a user to think too hard about what they’re doing.

‍

‍

‍

UI has its origins in the 1980s, when Xerox developed the very first graphical user interface (GUI). Instead of needing to interact with a computer through a programming language, people could now use icons, menus and buttons. The rest, as they say, is history. Apple came along with the Macintosh computer in 1984 (bringing with it the first point and click mouse), and now we’re all carrying smartphones with touch screens that even a baby can operate.

‍

Like UX, UI has grown significantly – going far beyond what you’ll see on a computer screen. Those involved in the field of UI design today will work as much on the interfaces of computer programs and apps as they will on the user interfaces of cars, wearable devices and technologies in the home. If current trends continue, UI design is likely to become an even bigger field in the years ahead.

‍

What’s the difference between UX and UI? 👀

‍

UX and UI are both essential components of a product or service. You can’t have one without the other, and, as we’ve explored, neglecting one could have serious consequences for your product’s success.

‍

The difference between UX and UI is that UX is focused on the experience of using something and UI is focused on the look and feel of the interface. 

‍

“User Experience (UX) and User Interface (UI) are some of the most confused and misused terms in our field. A UI without UX is like a painter slapping paint onto a canvas without thought; while UX without UI is like the frame of a sculpture with no paper mache on it. A great product experience starts with UX followed by UI. Both are essential for the product’s success”. - Rahul Varshney, co-creator of Foster.fm

‍

The difference between UX and UI is that UX is focused on the experience of using something and UI is focused on the look and feel of the interface. 

‍

Or, if you’d prefer a statement from venerable Nielsen Norman Group: “It’s important to distinguish the total user experience from the UI, even though the UI is obviously an extremely important part of the design. As an example, consider a website with movie reviews. Even if the UI for finding a film is perfect, the UX will be poor for a user who wants information about a small independent release if the underlying database only contains movies from the major studios”.

‍

With this in mind, let’s now take a look at the people behind UX and UI. What do the roles look like in these fields? And, more importantly, what do they involve?

‍

UX and UI jobs guide 📱🧑🏻💻

‍

• Visual designer: This role works with other design roles in the organization (brand, marketing, etc) to ensure designs match brand guidelines. Visual designers also work with UX designers to verify that designs meet accessibility and usability requirements.
• UX strategist: At the core, a UX strategist should act as a champion of good UX. That is to say, work to ensure the principles of usability and human-centered design are well understood and utilized. They should also assume some of the responsibility of product-market fit, and work with product managers and the ‘business’ side of the organization to mesh business requirements with user requirements.
• UX designer: The most common UX profession, UX designers should have a strong understanding of the principles of UX design as well as some research ability. Essentially a jack of all trades, the UX designer will float between all stages of the UX lifecycle, helping out with usability tests, putting together prototypes and working with other areas of the organization.
• Service designer: The service designer looks at the entire end-to-end process and works with other designers, pulling them when required to liaise on visual designs and UI work. In a smaller organization, the responsibilities of this role will typically be absorbed by other roles, but eventually, there comes a time for the service designer. 

‍

Wrap up 🎬

‍

UX and UI as terms are only going to continue to grow, especially as technology and technology companies continue to proliferate across the globe. If you want to make sure that the user experience and user interfaces of your product or service are fit for the people using them, there’s no better place to start than with user research using powerful tools.

When Bear Liu was teaching himself design, he struggled remembering concepts since English wasn’t his first language. To help, he started doodling. By drawing pictures that related to what he was learning, he found he could not only remember them better, he could understand and communicate more effectively too. Ever since, he’s used the power of drawings and pictures to relay information in ways people can use.

‍

Bear gives examples of how visual communication can help design workplaces to relay information in a more memorable and usable way. It may only seem like a minor change, but the difference can be significant.

‍

Bear’s background 🎤

‍

Bear Liu is a Product Designer at Xero, an online accounting platform that’s used all over the world. He’s also a Design Mentor at Springboard and CareerFoundry, and an Apple Award-Winning podcast host at BearTalk.

‍

His background is in science education. As a self-taught designer, Bear has helped a raft of large and small businesses with digital products over the last 16 years. His clients come from diverse backgrounds and industries across the globe. Bear's professional passions also carry over into his hobbies. Outside of work he enjoys reading, drawing, and producing videos & podcasts on tech and design.

‍

Contact Details:

You can find Bear on LinkedIn, or listen to his podcast, BearTalk.

‍

Unleash your visual superpower as a communication pro 🦸🏻

‍

When it comes to addressing business challenges it is important to keep these three aspects in mind: 

‍

1. Understanding - break down complex problems and solutions so everyone can understand. 
2. Memory - retaining information in your mind is difficult even with note taking.
3. Communication- People relate to words differently, and the meaning of something can easily get lost in translation. This issue is more prevalent with remote work.

‍

Bear Liu strongly believes that visual communication helps people understand, remember and communicate information more effectively. Why?

‍

• It helps to focus. Pictures remove distractions and draw attention to where it’s desired.
• It’s a token. A picture is universal - a house or a smiley face means the same thing to people that speak different languages. 
• Most people are visual thinkers. Studies have found humans are hard-wired to process visual information faster. We are better at storing information in images, rather than numbers and letters.

‍

But what if I can’t draw? This is a common issue Bear finds when talking to people about this. It’s not about the quality of the drawing itself, it’s about what it means. By delivering a message through a picture, it becomes understandable. Many of Bear’s drawings only ever remain in draft form. Even simple doodles can have meanings that make concepts clear.

‍

In his design work at Xero, Bear has used drawing and sketches to great effect in a range of instances:

• The accessibility tree was a complex, abstract system, but by drawing it (on a literal tree), and adding a few notes alongside it, the terminology became much more understandable.
• Sketching how customers work made it easier to describe how Xero could help them. It was much more memorable than writing it out in paragraphs.
• Wrapping the year in product design. A written summary of a year’s work is long-winded. Instead, Bear drew a tree and pinned key words, quotes and achievements to communicate the highlights.
• UX terminology explanations can be difficult for those outside the industry to comprehend. Bear challenged himself to share 1 minute videos that accompanied simple drawings to help colleagues understand them, and had rave reviews.
• Sketching notes is a great alternative to writing notes at conferences or meetings. Presenters can draw to help audiences follow along, and people in the audience themselves can also sketch their own notes.

‍

Why it matters  🔥

‍

Bear has adapted visual thinking to his own product design process and has seen a noticeable improvement in communication as a result.

‍

People are busy - their brains are packed with all sorts of information, and they’re easily distracted by other things they have on their minds. By delivering information in a way that helps them to focus on it, remember and understand it, designers can achieve their ultimate goals.

‍

As Bear also notes, drawing is fun. It’s much more rewarding than using words, as well as much more effective.

‍

Bear used the example of his talk at UX New Zealand 2023 as a great place to use a drawing. Rather than follow along with his message by scribbling notes the whole way through, those in the audience could capture the biggest lessons easily in one simple drawing.

‍

• First, Bear drew one stick figure to represent himself as a speaker. He drew three speech bubbles, where audience members could write the most notable points he said.
  
• Then he drew another stick figure, which represented the audience member listening to him. They had three thought bubbles, which people could populate with their biggest takeaways from the speech.
• ‍

That one simple drawing is a template that can be used in any speech or meeting to remember the key points.

‍

‍

User experience research is super important to developing a product that truly engages, compels and energises people. We all want a website that is easy to navigate, simple to follow and compels our users to finish their tasks. Or an app that supports and drives engagement.

‍

We’ve talked a lot about the various types of research tools that help improve these outcomes. 

‍

There is a rising research trend in 2021.

‍

Mixed method research - what is more compelling than these user research quantitative tools? Combining these with awesome qualitative research! Asking the same questions in various ways can provide deeper insights into how our users think and operate. Empowering you to develop products that truly talk to your users, answer their queries or even address their frustrations.

‍

Though it isn’t enough to simply ‘do research’, as with anything you need to approach it with strategy, focus and direction. This will funnel your time, money and energy into areas that will generate the best results.

‍

Mixed Method UX research is the research trend of 2021

‍

With the likes of Facebook, Amazon, Etsy, eBay, Ford and many more big organizations offering newly formed job openings for mixed methods researchers it becomes very obvious where the research trend is heading.

‍

It’s not only good to have, but now becoming imperative, to gather data, dive deeper and generate insights that provide more information on our users than ever before. And you don't need to be Facebook to reap the benefits. Mixed method research can be implemented across the board and can be as narrow as finding out how your homepage is performing through to analysing in depth the entirety of your product design.

‍

And with all of these massive organizations making the move to increase their data collection and research teams. Why wouldn’t you?

‍

The value in mixed method research is profound. Imagine understanding what, where, how and why your customers would want to use your service. And catering directly for them. The more we understand our customers, the deeper the relationship and the more likely we are to keep them engaged.

‍

Although of course by diving deep into the reasons our users like (or don’t like) how our products operate can drive your organization to target and operate better at a higher level. Gearing your energies to attracting and keeping the right type of customer, providing the right level of service and after care. Potentially reducing overheads, by not delivering to expected levels.

‍

What is mixed method research?

‍

Mixed methods research isn’t overly complicated, and doesn’t take years for you to master. It simply is a term used to refer to using a combination of quantitative and qualitative data. This may mean using a research tool such as card sorting alongside interviews with users. 

‍

Quantitative research is the tangible numbers and metrics that can be gathered through user research such as card sorting or tree testing.

‍

Qualitative research is research around users’ behaviour and experiences. This can be through usability tests, interviews or surveys.

‍

For instance you may be asking ‘how should I order the products on my site?’. With card sorting you can get the data insights that will inform how a user would like to see the products sorted. Coupled with interviews you will get the why.

‍

Understanding the thinking behind the order, and why one user likes to see gym shorts stored under shorts and another would like to see them under active wear. With a deeper understanding of how and why users decide how content should be sorted are made will create a highly intuitive website. 

‍

Another great reason for mixed method research would be to back up data insights for stakeholders. With a depth and breadth of qualitative and quantitative research informing decisions, it becomes clearer why changes may need to be made, or product designs need to be challenged.

‍

How to do mixed method research

‍

Take a look at our article for more examples of the uses of mixed method research. 

‍

Simply put mixed method research means coupling quantitative research, such as tree testing, card sorting or first click testing, with qualitative research such as surveys, interviews or diary entry.

‍

Say, for instance, the product manager has identified that there is an issue with keeping users engaged on the homepage of your website. We would start with asking where they get stuck, and when they are leaving.

‍

This can be done using a first-click tool, such as Chalkmark, which will map where users head when they land on your homepage and beyond. 

‍

This will give you the initial qualitative data. However, it may only give you some of the picture. Coupled with qualitative data, such as watching (and reporting on) body language. Or conducting interviews with users directly after their experience so we can understand why they found the process confusing or misleading.

‍

A fuller picture, means a better understanding.

‍

Key is to identify what your question is and honing in on this through both methods. Ultimately, we are answering your question from both sides of the coin.

‍

Upcoming research trends to watch

‍

Keeping an eye on the progression of the mixed method research trend, will mean keeping an eye on these:

‍

1. Integrated Surveys

‍

Rather than thinking of user surveys as being a one time, in person event, we’re seeing more and more often surveys being implemented through social media, on websites and through email. This means that data can be gathered frequently and across the board. This longitude data allows organizations to continuously analyse, interpret and improve products without really ever stopping. 

‍

Rather than relying on users' memories for events and experiences data can be gathered in the moment. At the time of purchase or interaction. Increasing the reliability and quality of the data collected. 

‍

2. Return to the social research

‍

Customer research is rooted in the focus group. The collection of participants in one space, that allows them to voice their opinions and reach insights collectively. This did used to be an overwhelming task with days or even weeks to analyse unstructured forums and group discussions.

‍

However, now with the advent of online research tools this can also be a way to round out mixed method research.

‍

3. Co-creation

‍

The ability to use your customers input to build better products. This has long been thought a way to increase innovative development. Until recently it too has been cumbersome and difficult to wrangle more than a few participants. But, there are a number of resources in development that will make co-creation the buzzword of the decade.

‍

4. Owned Panels & Community

‍

Beyond community engagement in the social sphere. There is a massive opportunity to utilise these engaged users in product development. Through a trusted forum, users are far more likely to actively and willingly participate in research. Providing insights into the community that will drive stronger product outcomes.

‍

What does this all mean for me

‍

So, there is a lot to keep in mind when conducting any effective user research. And there are a lot of very compelling reasons to do mixed method research and do it regularly. 

‍

To remain innovative, and ahead of the ball it remains very important to be engaged with your users and their needs. Using qualitative and qualitative research to inform product decisions means you can operate knowing a fuller picture.

‍

One of the biggest challenges with user research can be the coordination and participant recruitment. That’s where we come in.

‍

Taking the pain out of the process and streamlining your research. Take a look at our Qualitative Research option, Reframer. Giving you an insight into how we can help make your mixed method research easier and analyse your data efficiently and in a format that is easy to understand.

‍

User research doesn’t need to take weeks or months. With our participant recruitment we can provide reliable and quality participants across the board that will provide data you can rely on.

‍

Why not get in deeper with mixed method research today!