Clara Kliman-Silver: AI & design: imagining the future of UX

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.

In today's digital landscape, delivering exceptional user experiences is no longer optional – it's essential for success. At Optimal, we're committed to empowering UX professionals and organizations with the best-in-class tools and methodologies to create outstanding digital products and experiences. 

‍

In this blog post, we'll explore practical use cases that demonstrate how Optimal's research platform can drive meaningful improvements across various UX scenarios.

‍

‍

Use case 1: Make Collaborative Design Decisions or A/B Test a Design

‍

Refining an existing product? Launching a new website? Rebranding? Optimal's user research platform empowers your team to make informed, collaborative decisions. Here's how to leverage our tools for impactful results:

‍

1. Qualitative Insights: Establish organizational priorities

‍

• Use Qualitative Insights to develop a comprehensive list of top tasks or goals from your organization's perspective.
• Engage stakeholders across departments to ensure alignment on key objectives.

‍

2. Surveys: Validate user priorities and pain points

‍

• Deploy a targeted survey to confirm users' top tasks and identify existing issues.
• Gather quantitative data to support or challenge organizational assumptions about user needs.

‍

3. First-click Testing: Conduct preference testing

‍

• Use First-Click Testing to evaluate the effectiveness of different design options.
• This method provides valuable insights for A/B testing decisions, ensuring designs resonate with your target audience.

‍

4. Qualitative Insights: Deep dive into user preferences

‍

• Conduct follow-up interviews or focus groups using our Qualitative Insights to gain a deeper understanding of user preferences and experiences with different design options.
• Explore the 'why' behind user choices to inform more nuanced design decisions.

‍

5. Prototype Testing: Validate interaction flows and usability

‍

• Use Prototype Testing to observe how users interact with early-stage designs.
• Test navigation, UI components, and task flows to ensure your prototypes align with user expectations—before costly development begins.

‍

6. Interviews: Capture rich, contextual feedback

‍

• Conduct live, moderated Interviews directly within Optimal to explore user reactions and behaviors.
• Use screen recordings and notes to uncover deeper insights behind user choices and refine design decisions with confidence.

‍

By embedding user insights at every stage, your team can confidently design experiences that don’t just look good but work for real people. Optimal empowers you to make faster, more informed decisions that drive meaningful outcomes across your organization.

‍

‍

Use case 2: Developing effective content strategies

‍

Developing a robust content strategy is crucial for intranets, help documents, websites, and product copy. Optimal's user research and insights platform empowers you to create content that resonates with your audience and drives engagement. Here's how to leverage our tools for effective content strategy development:

‍

1. Card Sorting: Organize content intuitively

‍

• Use Card Sorting to understand how users naturally categorize and group your content.
• Gain insights into users' mental models to inform your content hierarchy and organization.
• Apply findings to create a content structure that aligns with user expectations, enhancing findability and engagement.

‍

2. Tree Testing: Validate information architecture

‍

• Employ Tree Testing to confirm whether information placed within your proposed hierarchy is findable and understandable.
• Identify areas where users struggle to locate content, enabling you to refine your structure for optimal user experience.
• Iterate on your information architecture based on concrete user data, ensuring your content is easily accessible.
• Test different content structures and then compare them with each other using the task comparison tool available in Optimal to understand which structure is most likely to drive users to perform the targeted actions.

‍

3. Qualitative Insights: Analyze language perceptions

‍

• Leverage Qualitative Insights to conduct in-depth interviews or focus groups.
• Explore user perceptions of terminology, language style, and content tone.
• Gather rich insights to inform your content voice and style guide, ensuring your messaging resonates with your target audience.

‍

4. Additional Applications of Qualitative Insights

‍

   Expand your content strategy research by using Qualitative Insights to:

• Review internal tools and processes to streamline content creation workflows.
• Compare content experiences across desktop and mobile devices for consistency.
• Gather event feedback to inform content for future marketing materials.
• Analyze customer service and support interactions to identify common issues and FAQs.
• Conduct usability testing on existing content to identify areas for improvement.

‍

   Key questions to explore:

‍

• What's working well in your current content?
• What's not resonating with users?
• What are users' first impressions of your content?
• How do users typically interact with your content?
• How well does your content foster empathy and connection with your audience?

‍

By systematically applying these research methods, you'll develop a content strategy that not only meets your organizational goals but also deeply resonates with your audience. Remember, content strategy is an ongoing process. Regularly use Optimal's tools to assess the effectiveness of your content, gather user feedback, and iteratively improve your approach for continued success.

‍

‍

Use case 3: Increase website conversion

‍

Empower your team to boost conversion rates by leveraging Optimal's best-in-class user research and insights platform. Here's how you can unlock meaningful improvements:

‍

1. Qualitative Insights & Surveys: Uncover user motivations

‍

• Conduct in-depth interviews or targeted surveys to gather rich, qualitative feedback about user experiences, motivations, and pain points on your site.
• Add an intercept snippet to your existing website to survey users as they come to your website to get a clear understanding of user motivations in context.
• Analyze responses to identify key themes and opportunities for optimization.

‍

2. Tree Testing: Optimize navigation structure

‍

• Use our Tree Testing tool to evaluate the effectiveness of your site's navigation structure.
• Identify areas where users struggle to find information, enabling you to streamline pathways to conversion.

‍

3. Card Sorting: Enhance information architecture

‍

• Leverage Card Sorting tool to understand how users naturally categorize your site's information.
• Apply insights to refine the layout of product features or benefits on your landing pages, aligning with user expectations.

‍

4. Prototype Testing: Validate Design Changes

‍

• Develop prototypes of new landing pages or key conversion elements (like CTAs) using our Prototype Testing tool.
• Conduct first-click tests to ensure your design changes resonate with users and drive desired actions.

‍

5. Follow-up Qualitative Insights: Iterate and improve

‍

• After implementing changes, conduct follow-up interviews or surveys to gauge the impact of your optimizations.
• Gather feedback on the improved user experience and identify any remaining pain points.

‍

By systematically applying these research methods, you'll gain the actionable insights needed to create a more intuitive, engaging, and conversion-friendly website. Optimal empowers you to make data-driven decisions that not only boost conversions but also enhance overall user satisfaction.

‍

‍

Embracing mixed methods research

‍

To truly unlock the power of user research, we recommend a mixed methods approach. By combining quantitative data from surveys and usability tests with qualitative insights from interviews and open-ended responses, you can gain a comprehensive understanding of your users' needs and behaviors.

‍

For more information on mixed methods research and how it can enhance your UX strategy, check out our detailed guide: What is mixed methods research?

‍

‍

And that’s a wrap

‍

Optimal's user research and insights platform provides the tools and methodologies you need to deliver exceptional digital experiences. By leveraging these use cases and adopting a mixed methods approach, you can make data-driven decisions that resonate with your users and drive business success.

‍

Remember, great UX is an ongoing journey. Regularly employ these research methods to stay attuned to your users' evolving needs and preferences. With Optimal as your partner, you're equipped to create digital products and experiences that truly stand out in today's competitive landscape.

‍

Ready to elevate your UX research? Explore Optimal's platform and start unlocking actionable insights today!

The word “persona” has many meanings. Sometimes the term refers to a part that an actor plays, other times it can mean a famous person, or even a character in a fictional play or book. But in the field of UX, persona has its own special meaning.

‍

Before you get started with creating personas of your own, learn what they are and the process to create one. We'll even let you in on a great, little tip — how to use Chalkmark to refine and validate your personas.

‍

What is a persona?

‍

In the UX field, a persona is created using research and observations of your users, which is analyzed and then depicted in the form of a person’s profile. This individual is completely fictional, but is created based on the research you’ve conducted into your own users. It’s a form of segmentation, which Angus Jenkinson noted in his article “Beyond Segmentation” is a “better intellectual and practical tool for dealing with the interaction between the concept of the ‘individual’ and the concept of ‘group’”.

‍

Typical user personas include very specific information in order to paint an in-depth and memorable picture for the people using them (e.g., designers, marketers etc).

‍

The user personas you create don’t just represent a single individual either; they’ll actually represent a whole group. This allows you to condense your users into just a few segments, while giving you a much smaller set of groups to target.

‍

There are many benefits of using personas. Here are just a few:

‍

 
• You can understand your clients better by seeing their pain points, what they want, and what they need
 
• You can narrow your focus to a small number of groups that matter, rather than trying to design for everybody
 
• They’re useful for other teams too, from product management to design and marketing
 
• They can help you clarify your business or brand
 
• They can help you create a language for your brand
 
• You can market your products in a better, more targeted way

‍

How do I create a persona?

‍

There’s no right or wrong way to create a persona; the way you make them can depend on many things, such as your own internal resources, and the type of persona you want.

‍

The average persona that you’ve probably seen before in textbooks, online or in templates isn’t always the best kind to use (picture the common and overused types like ‘Busy Barry’). In fact, the way user personas are constructed is a highly debated topic in the UX industry.

‍

Creating good user personas

‍

Good user personas are meaningful descriptions — not just a list of demographics and a fake name that allows researchers to simply make assumptions.

‍

Indi Young, an independent consultant and founder of Adaptive Path, is an advocate of creating personas that aren’t just a list of demographics. In an article she penned on medium.com, Indi states: “To actually bring a description to life, to actually develop empathy, you need the deeper, underlying reasoning behind the preferences and statements-of-fact. You need the reasoning, reactions, and guiding principles.”

‍

One issue that can stem from traditional types of personas is they can be based on stereotypes, or even reinforce them. Things like gender, age, ethnicity, culture, and location can all play a part in doing this.

‍

In a study by Phil Turner and Susan Turner titled “Is stereotyping inevitable when designing with personas?” the authors noted: “Stereotyped user representations appear to constrain both design and use in many aspects of everyday life, and those who advocate universal design recognise that stereotyping is an obstacle to achieving design for all.”

‍

So it makes sense to scrap the stereotypes and, in many instances, irrelevant demographic data. Instead, include information that accurately describes the persona’s struggles, goals, thoughts and feelings — all bits of meaningful data.

‍

Creating user personas involves a lot of research and analyzing. Here are a few tips to get you started:

‍

1) Do your research

‍

When you’re creating personas for UX, it’s absolutely crucial you start with research; after all, you can’t just pull this information out of thin air by making assumptions! Ensure you use a mixture of both qualitative and quantitative research here in order to cast your net wide and get results that are really valuable. A great research method that falls into the realms of both qualitative and quantitative is user interviews.

‍

When you conduct your interviews, drill down into the types of behaviors, attitudes and goals your users have. It’s also important to mention that you can’t just examine what your users are saying to you — you need to tap into what they’re thinking and how they behave too.

‍

2) Analyze and organize your data into segments

‍

Once you’ve conducted your research, it’s time to analyze it. Look for trends in your results — can you see any similarities among your participants? Can you begin to group some of your participants together based on shared goals, attitudes and behaviors?

‍

After you have sorted your participants into groups, you can create your segments. These segments will become your draft personas. Try to limit the number of personas you create. Having too many can defeat the purpose of creating them in the first place.

‍

Don’t forget the little things! Give your personas a memorable title or name and maybe even assign an image or photo — it all helps to create a “real” person that your team can focus on and remember.

‍

3) Review and test

‍

After you’ve finalized your personas, it’s time to review them. Take another look at the responses you received from your initial user interviews and see if they match the personas you created. It’s also important you spend some time reviewing your finalized personas to see if any of them are too similar or overlap with one another. If they do, you might want to jump back a step and segment your data again.

‍

This is also a great time to test your personas. Conduct another set of user interviews and research to validate your personas.

‍

User persona templates and examples

‍

Creating your personas using data from your user interviews can be a fun task — but make sure you don’t go too crazy. Your personas need to be relevant, not overly complex and a true representation of your users.

‍

A great way to ensure your personas don’t get too out of hand is to use a template. There are many of these available online in a number of different formats and of varying quality.

‍

This example from UX Lady contains a number of helpful bits of information you should include, such as user experience goals, tech expertise and the types of devices used. The accompany article also provides a fair bit of guidance on how to fill in your templates too. While this template is good, skip the demographics portion and read Indi Young’s article and books for better quality persona creation.

‍

Using Chalkmark to refine personas

‍

Now it’s time to let you in on a little tip. Did you know Chalkmark can be used to refine and validate your personas?

‍

One of the trickiest parts of creating personas is actually figuring out which ones are a true representation of your users — so this usually means lots of testing and refining to ensure you’re on the right track. Fortunately, Chalkmark makes the refinement and validation part pretty easy.

‍

First, you need to have your personas finalized or at least drafted. Take your results from your persona software or template you filled in. Create a survey for each segment so that you can see if your participants’ perceptions of themselves matches each of your personas.

‍

Second, create your test. This is a pretty simple demo we made when we were testing our own personas a few years ago at Optimal Workshop. Keep in mind this was a while ago and not a true representation of our current personas — they’ve definitely changed over time! During this step, it’s also quite helpful to include some post-test questions to drill down into your participants’ profiles.

‍

After that, send these tests out to your identified segments (e.g., if you had a retail clothing store, some of your segments might be women of a certain age, and men of a certain age. Each segment would receive its own test). Our test involved three segments: “the aware”, “the informed”, and “the experienced” — again, this has changed over time and you’ll find your personas will change too.

‍

Finally, analyze the results. If you created separate tests for each segment, you will now have filtered data for each segment. This is the real meaty information you use to validate each persona. For example, our three persona tests all contained the questions: “What’s your experience with user research?” And “How much of your job description relates directly to user experience work?”

‍

A

bove, you’ll see the results for Persona #2. This tells us that 34% of respondents identified that their job involves a lot of UX work (75-100%, in fact). In addition, 31% of this segment considered themselves “Confident” with remote user research, while a further 9% and 6% of this segment said they were “Experienced” and “Expert”.

‍

‍

These results all aligned with the persona we associated with that segment: “the informed”.

‍

When you’re running your own tests, you’ll analyze the data in a very similar way. If the results from each of your segments’ Chalkmark tests don’t match up with the personas you created, it’s likely you need to adjust your personas. However, if each segment’s results happen to match up with your personas (like our example above), consider them validated!

‍

For a bit more info on our very own Chalkmark persona test, check out this article.

‍

Further reading

   
• "From personas to user stories" - an article by Roman Pichler on how to discover the right stories and integrate them into a sprint.
   
• "Personas make users memorable for product team members" - Aurora Bedford looks at how personas support user-centered design throughout a project’s lifecycle.
   
• "Developing successful personas" - Luke Wroblewski presents notes from a talk by Tamara Adlin who outlines a set of practical ways to align stakeholder, developers, and designers to use personas.
   
• "Describing personas" - Indi Young looks at some of the problems in accurately describing personas.