The Role of ChatGPT in UX Research and Design: An Assistant, a Threat, or Both? (Part 2)

The Role of ChatGPT in UX Research and Design: An Assistant, a Threat, or Both? (Part 2)

The impressive capabilities of ChatGPT, as detailed in our previous article, does not stop at assisting with UX research. Many UX designers have also begun to make use of ChatGPT in their daily tasks. While some view ChatGPT as a powerful tool that can enhance the efficiency of UX design, others fear that it may pose a threat to human creativity and expertise. As the debate continues, it is important to explore the benefits and limitations of ChatGPT in UX design.

In this article, we will delve into the influence of ChatGPT on UX design, along with its drawbacks and the implications of incorporating AI tools into the design process.

ChatGPT for UX design

What can ChatGPT do in UX design? Following the previous scenario:

You are a UX professional in a tech company trying to create a new hotel booking application in Malaysia. Upon learning what ChatGPT can do, you are excited to incorporate ChatGPT in your workflow to see how it boosts productivity.

UX Design Ideation

1. Design Inspirations

ChatGPT can serve as a valuable source of inspiration for UX designers. It provides helpful references for successful designs or suggestions for improvements. Although the model cannot generate readily-usable designs, wireframes or prototypes, it can guide designers in the right direction. Specifically, ChatGPT can suggest sections to include in a page or essential features for an app.

For instance, when designing a hotel-booking app, designers can turn to ChatGPT for guidance and inspiration, asking for suitable app suggestions and design references, including recommendations for typography and logo design.

Prompt

“I’m creating an app for a hotel-booking app based in Malaysia. Can you give me suggestions of any hotel-booking websites with good usability?”

Design Inspirations

2. Create Design Systems

A design system is a crucial tool that helps designers maintain brand consistency and coherence within a team. It encompasses a wide range of guidelines, components, and assets, such as typography, color schemes, user interface elements, and interaction patterns.

When designing app components, designers may encounter situations where they need more detailed guidelines or design systems to draw from. In such cases, ChatGPT can be a valuable resource, providing specific answers relating to design systems that not only offer insights on best practices and principles, but also suggest color schemes, layouts, and other design elements that are relevant to the context and needs of the product.

Moreover, if the response generated by ChatGPT is too general or does not meet the designers’ needs, they can prompt for more specific adjustments to any design element. By leveraging ChatGPT’s capabilities, designers can save time and improve their design quality.

Prompt

“Are there any recommended design systems that I can follow while designing my hotel-booking app?”

Create Design Systems

3. Visualize User Flow

User flow comprises information of how a typical user navigates through a website or an app to complete a given task. This is important for UX designers to visualize how a product is used, hence creating a more intuitive and user-friendly design. Designers can consider using ChatGPT to help create a user flow to better visualize how a typical user would navigate an app.

By providing suitable prompts, ChatGPT can generate user flows on how a typical user navigates an app as well as suggest placement of features and content based on the context provided. This helps designers to streamline their design decisions and ensure their decisions align with the user flow, resulting in a better user experience.

Prompt

“Create a user flow for a hotel-booking app, outlining the steps a user takes to search and book a room.”

Visualize User Flow 

“What are the usual issues faced by users when using a hotel-booking app that I should take note of when designing a hotel-booking app?”

Visualize User Flow 

4. Generate Prompts for AI Image Generator

For anyone curious in trying out AI image generators such as DALL-E, Stable Diffusion and Midjourney, ChatGPT can be a valuable tool for generating prompts. By providing specific and detailed instructions on what kind of image you require, ChatGPT can generate a clear and concise prompt that can be easily understood by an AI image generator.

Be it the landing page, profile page or even icons for buttons for an app, ChatGPT can generate a prompt that captures the key features that can then be used to guide an image generator to create sample images that can inspire you.

Prompt

“Make a simple prompt for an AI image generator to generate the profile page of a hotel-booking app”

Generate Prompts for AI Image Generator

Limitations

ChatGPT can indeed offer valuable insights and recommendations for design ideation. However, the model’s suggestions rely on existing data and patterns, which can limit the potential for creative, innovative solutions. Despite its ability to generate ideas quickly, its suggestions may not always be unique or groundbreaking. Additionally, ChatGPT may not accurately comprehend the intent or context behind a designer’s request, leading to responses that do not align with the designer’s creative vision. As a result, designers may still need to supplement with their own creativity to achieve a truly unique and innovative design.

The model is also not able to generate directly usable designs. Being a text-based AI, it can only provide suggestions for prompts to be used on other platforms. While these prompts can be helpful for inspiring designers, images generated by AI image generators are often generic and lack the depth and complexity that designers require.

ChatGPT for UX Writing

1. Generate Copywriting

In addition to designing the layout of a platform, it is also important for designers to craft compelling UX copies that effectively convey the intended message and align with the overall brand strategy. With its advanced language-processing capabilities, ChatGPT can help create UX copies that are both engaging and informative, whether it is for writing product descriptions, blog posts or other types of content. By inputting the suitable prompts, the model can help you overcome writer’s block and generate fresh ideas that may not have been considered otherwise.

Additionally, you could also use ChatGPT to scan your writings and request for suggestions for improvement. Using ChatGPT to generate UX copies can save you time and effort, allowing you to focus on other aspects of your app design or development.

Prompt

“Give me 5 suggestions of a welcome text description for a landing page of a hotel-booking app.”

generate copywriting

“Help me scan this copywriting and give suggestions to improve it:

Looking for your next adventure? Our hotel booking app has got you covered with top-rated hotels and resorts in Malaysia.”

generate copywriting

Limitations

However, as advanced technology as ChatGPT, its accuracy in understanding and generating emotional content may be limited. As an AI model, ChatGPT lacks the ability to truly empathize with human emotions and may not be able to capture the subtle nuances of emotional language that a human copywriter would. In addition, ChatGPT’s reliance on past data means that it may not be able to respond appropriately to new or unique emotional contexts.

While ChatGPT can be a useful tool in generating copywriting, it is important to use it with caution and supplement its output with human input to ensure that the emotional content is accurate and resonates with the intended audience.

Design Review

1. Review Design Ideas

ChatGPT can also be an incredibly valuable tool for UX designers when they are formulating ideas or reviewing a finished product. It offers suggestions, feedback, and asks relevant questions that help designers refine and improve their design ideas. With ChatGPT, designers can easily test different design elements, gain insights to common usability issues, and receive helpful suggestions for improving their designs.

For instance, you can provide the URL to a website or even a prototype and request ChatGPT to review and provide critiques related to design flaws. This helps you steer clear of any major usability issues and allow iterations during the design process. Interestingly, you can even prompt ChatGPT to voice their critiques in the style of a certain person or character.

Prompt

“Imagine yourself as a UX specialist. Give critiques on the design of this app: MakeMyTrip.”

Review Design Ideas

Limitations

Although ChatGPT is a powerful tool for reviewing UX design products and ideas, it may not be able to fully grasp the artistic aspects of a design. Visual elements such as color, typography, and layout play a crucial role in how design is perceived by users. It is important to note that while the model can provide high-level feedback on these visual elements, a human designer’s understanding of these elements may still be necessary to provide more comprehensive and detailed feedback that can assist designers in refining and improving their designs. Despite its advanced capabilities, ChatGPT’s feedback should be considered as an additional tool for designers rather than a substitute for human expertise.

The Big Picture: Nothing Beats Human Touch

All things considered, ChatGPT can be an invaluable tool in enhancing the UX design workflow. However, similar to its limited capabilities to understand emotions and filter out biased data, the model also has its limitations when it comes to the design process.

1. Design recommendations lack specificity

ChatGPT’s responses are often broad and generic, which can limit its usefulness to the design workflow. UX designers often require precise and specific guidance on design elements such as placement and color codes, which may be beyond the scope of ChatGPT’s capabilities. Besides, the model may not take into account important design factors such as branding guidelines, accessibility requirements, or user testing results, all of which are crucial elements when designing user-friendly products.

2. Incapable of creative thoughts

As an AI model, ChatGPT relies on analyzing logic and patterns from the data in its database. While it can produce responses that seem intriguing, it lacks the capacity to generate fresh and innovative ideas. In essence, ChatGPT analyzes “how things were done,” but does not explore alternative approaches to problem-solving. This limitation hinders its effectiveness in product design, where creativity is often necessary to deliver unique and engaging user experiences.

Final thoughts

Once again, will ChatGPT fully replace human UX researchers and designers?

The answer is NO.

Although ChatGPT is an effective tool, the model is by no means a replacement for human researchers and designers who possess a deep understanding of human behaviors and can provide nuanced insights machines cannot.

Nevertheless, this does not mean that we should stop using ChatGPT prompts for UX design altogether. Instead, integrating AI tools into UX workflows, researchers and designers alike can create better user experiences, which in turn can enhance business value and user satisfaction.

The Role of ChatGPT in UX Research and Design: An Assistant, a Threat, or Both? (Part 1)

The Role of ChatGPT in UX Research and Design: An Assistant, a Threat, or Both? (Part 1)

User experience (UX) research is an essential part of creating products that are intuitive, user-friendly, and meet the needs of target users. To this end, UX researchers strive to understand user behaviors and needs by conducting research through various methods such as surveys, user testing, and data analysis. UX designers, on the other hand, incorporate research findings into the design processes to create products that satisfy the target users’ needs.

However, the release of ChatGPT has impacted the UX research and design landscape by automating and boosting productivity in UX-related tasks. As a result, this has sparked the debate of whether UX researchers and designers will be replaced by AI tools such as ChatGPT.

This review will be divided into two parts: UX research and UX design. In this article, we will discuss how ChatGPT revolutionizes the UX research landscape, where it falls short, as well as the implications of AI tools in the field of UX.

ChatGPT for UX research

To better understand how ChatGPT helps UX researchers at work, let’s assume the following scenario:

You are a UX professional in a tech company trying to create a new hotel booking application in Malaysia. Upon learning what ChatGPT can do, you are excited to incorporate ChatGPT in your workflow to see how it boosts productivity.

Ideation

1. Competitor Analysis/Benchmarking

Competitor analysis involves studying the user experience of competing products and is a crucial component of UX research. Both researchers and designers benefit from this process by studying the task flows, features, or app architectures of other similar apps, obtaining valuable insights pertaining to product strengths and shortfalls. This helps identify UX trends, design gaps and opportunities, as well as inform better design decisions.

As an AI language model, ChatGPT is capable of boosting this lengthy process by generating a summary of the competitive landscape within seconds. The model does this by analyzing its training data to identify common user feedbacks, pain points, and areas for improvement. All that is needed is a prompt to conduct the analysis, and ChatGPT can do the rest. However, for a more in-depth analysis or if you lack the resources to conduct competitor research internally, consider outsourcing this task to a UI/UX design agency in Malaysia. Many Malaysian agencies offer competitive rates and expertise in UX research, allowing you to gain valuable insights without the time commitment.

Prompt

“I want to create a hotel-booking app in Malaysia. Conduct a UX competitive analysis using Agoda’s app.”

prompt

2. Suggest User Profiles for Research

Selecting the right users for UX research ensures the insights obtained represent the target audience of a product. This enables the development of user-centered designs and products that meet target users’ needs and expectations.

ChatGPT can be helpful in this process to identify the potential user groups of a product by analyzing its training data about user preferences, behaviors, and demographics. Additionally, ChatGPT has the capability to offer recommendations on how to break down user groups when specific requirements need to be met and multiple user groups are involved. These help UX researchers to better target and understand the selected user groups of a new product, enabling them to conduct more effective research.

Prompt

“Imagine yourself as a UX specialist. I want to conduct a user research on a new hotel booking app in Malaysia. What kind of users should I recruit?”

Suggest User Profiles for Research

3. Generate Product Use Cases

Understanding the target users’ behaviors and motivations is crucial to design user-centered products. Identifying the user personas and journeys reveal valuable information about users’ usual concerns, needs, and motivations when using a particular product. This also fosters a shared understanding of the user base and enables more effective communication among researchers, designers, and cross-functional teams.

ChatGPT’s extensive database empowers it to generate realistic user scenarios and provide insights into how users may interact with a product or its features. For instance, UX researchers can leverage ChatGPT to create user personas and analyze user journeys and pain points in competing products. This can be particularly valuable in the research preparation phase, as it helps identify research directions and generate ideas.

Prompt

“Create 2 personas of people who use hotel-booking apps in Malaysia.”

generate cases

“What would be the key information Sarah (Persona 1) needs in each stage of the user journey? List down in point form.”

prompt - list down in point form

4. Suggest Research Methodologies

Due to the myriad of available methods that address different problems, choosing the right research approach can be daunting even for experienced UX researchers. Selecting the wrong research method can lead to wasted resources and expenses. What’s worse – using the wrong approach may yield biased findings, leading to flawed design decisions that negatively impact user experience.

This is where ChatGPT comes in handy – it is capable of identifying the ideal research methodology based on the objectives defined. This provides valuable guidance for UX researchers in choosing the most appropriate approach. For instance, you can define the objectives of your research and request ChatGPT to suggest an ideal research methodology that answers the objective.

Prompt

“My research objective will be to understand the users’ current experiences using other hotel booking apps, and also generate ideas on what kind of information is needed in my new app. What kind of user research method should I go for? List only the best one.”

Suggest Research Methodologies

Limitations

While ChatGPT can provide great assistance for UX research, its data may be unreliable due to biased and unvalidated information within its database. Additionally, the suggested research method and user group may not be the only solution to the research objectives.

Therefore, it is important for UX researchers to fact-check ChatGPT-generated information and not solely rely on them during the research planning phase. Project or product requirements must also be considered when selecting target user groups and research methods. While ChatGPT can be used as a reference, talking to real users remains a necessary part of the research to obtain relevant feedback and make better design decisions.

Research

1. Generate Interview Questions

ChatGPT’s capabilities are not limited to assisting with research planning and it is surprisingly useful during research execution too. ChatGPT helps brainstorm and generate interview questions for the researchers. This can be done by providing ChatGPT with some prompts along with the objectives for the interview questions, easy as that!

Back to our scenario of creating a hotel-booking app in Malaysia. During the preliminary rounds of research, you might be interested in users’ current experiences, pain points, and information needs while booking a room using hotel-booking apps. ChatGPT can assist by suggesting potential questions and even help with structuring the question flow.

Prompt

“I would like to draft some questions for a user interview session. The questions should start with generic questions like their current experiences using hotel-booking apps, then narrow down to specific questions about their pain points and content requirements. Draft in total 10 questions.”

Generate Interview Questions

2. Translate Test Scripts

As UX researchers conduct studies in countries that speak different languages, translation becomes an inevitable aspect of research. Properly translated test scripts (such as interview questions) are essential to help local users understand the questions asked and provide better feedback.

Translation tasks can be daunting as the traditional translation process can take hours, if not days to complete. However, with ChatGPT’s instantaneous translation capabilities, the process can be completed in seconds. This not only saves time and resources but also ensures that research questions are accurately translated, thus enabling researchers to obtain accurate and meaningful data.

Prompts

“Help me translate the questions above to Chinese.”

Translate Test Scripts

3. Suggest Information Architecture

Information architecture helps organize and structure information on a website or app in a logical manner that enables users to easily find the information they need. This reduces the chance of users becoming frustrated and abandoning their tasks, resulting in bad user experience.

When designing a new app or incorporating new information into existing websites or apps, ChatGPT has the capability to suggest the optimal structure of how information should be arranged. This is made possible by its vast database of patterns and information structures collected from numerous sources. By utilizing ChatGPT’s suggestions, UX researchers can further validate these structures with methods like card sorting or tree tests to ensure the best possible user experience.

Prompt

“I want to create a hotel-booking app for local Malaysians. Assume yourself as one and tell me what is the ideal information architecture for the following information: (About Us, promotions, search bar for hotel booking, customer reviews, profile settings, terms and conditions, chat support, information for specific hotels, hotel pricing)

Arrange them into at least 2 levels of information, where Level 1 are information users must see upfront, and level 2 refers to information users will see after clicking into certain sections or buttons.”

Suggest Information Architecture

Limitations

ChatGPT suggests interview questions and information architecture structures based on common patterns observed from its database rather than analyzing the “best” solution for each inquiry. Therefore, UX researchers should only use them as a reference and not rely on them completely.

Besides, the model may not capture the cultural nuance and understanding that a human translator can bring to the table. As a result, the translations produced by ChatGPT may not have the necessary cultural sensitivity required for effective communication in some situations.

Reporting

Summarize Data and Create Stories

Research findings become nothing more than a bunch of meaningless data if they are not presented in ways that resonate with the target audience. Storytelling is a necessary skill to UX researchers as it allows the audience to empathize with the users, thereby communicating research findings to team members and stakeholders effectively.

ChatGPT is capable of summarizing lengthy texts into easily comprehensible points and creating user stories that cater to various audiences based on the tone and context set. With this, UX researchers can now seamlessly craft user stories that strike a balance between quantitative and qualitative aspects.

For example, you would like to share your findings with cross-functional teams and stakeholders after a research project. To make it easier for the audience to understand, you can summarize the details into a short paragraph instead of a lengthy report by requesting a quick summary from ChatGPT using simple prompts as shown below.

Prompt

“Summarize the findings above to 1 paragraph.”

Once you have extracted the key information, you can also prompt ChatGPT to create stories that suit different audiences based on different requirements.

Summarize Data and Create Stories

Prompt

“Create a story out of this data and tell it to a group of audience who are insensitive to numbers.”

Summarize Data and Create Stories2

“Now tell the same story to a group of stakeholders. Numerical data is fine.”

Summarize Data and Create Stories

Limitations

ChatGPT is capable of condensing lengthy texts into summarized points and creating stories out of basic data. However, unlike human researchers, it falls short in considering contextual factors of the data, which are important for precise analyses.

The model focuses on the literal meaning of the content and does not have the ability to accurately capture contextual cues and information (such as users’ prior experiences and emotions). This may result in inaccurate conclusions of users’ feedback.

The Big Picture: UX Researchers Remain Unrivaled

Without a doubt, ChatGPT is a remarkable productivity tool even in the field of User Experience where human interaction is paramount. UX researchers can leverage it to boost productivity, streamline workflows and generate useful research insights for designing user-centric products. Various ChatGPT prompts for user research can help support the process.

However, while ChatGPT serves as a promising tool for UX researchers, here are some limitations of the model that we must not overlook.

1. Lacks understanding of human emotions and contexts

One major limitation of ChatGPT is its lack of sensitivity to human emotions and contexts. While the model is claimed to be well-versed in analyzing user sentiments from text-based input, it lacks accuracy when it comes to ambiguous situations such as when users provide mixed or subtle feedback. This is because the model was not trained to understand different contextual and cultural knowledge. As a result, it can only offer generic responses instead of context-specific answers, which can pose a challenge in the field of UX where customized experiences are vital to enhance user experience.

2. Uncontrolled sources and biased suggestions

Besides, another limitation of ChatGPT lies in its limited knowledge and potential to generate biased responses. The model’s data only goes up to year 2021, which prevents it from providing responses that incorporate the latest developments and changes in specific fields. Besides, it is also incapable of deliberately filtering biased data, resulting in the possibility of generating biased responses.

Our Verdict?

ChatGPT as it is currently, has noteworthy flaws and shortcomings which stand in stark contrast to the contributions UX researchers can bring to table.

In our next article, we will explore the role of ChatGPT in UX design, and the challenges UX designers may face with the rise of AI tools.

How To Use Affinity Mapping For UX Research?

How To Use Affinity Mapping For UX Research?

Sometimes, cross-functional UX teams are required to analyse substantial amounts of research data and synthesise their findings to achieve the desired user experience outcome. One tool that helps facilitate this process is affinity mapping

This article will delve into the basics of how to create an affinity map from scratch and exploit it to enhance user experience.

What is an affinity map?

Also known as affinity diagramming, or collaborative sorting, affinity mapping is a synthesis tool employed to quickly surface common themes in UX research findings, and visually present them in a way that almost anyone can interpret.

For all intents and purposes, an affinity diagram can be simply referred to as a visualisation of the relationships between concepts. It helps to identify patterns in UX data, and can be used to make sense of large amounts of information. 

Overall, the advantage of using an affinity map over other types of UX research is that it allows one to see how two user groups and categories are related and how they differ from one another.

For context, imagine two groups where Group A consists of users who like tea, whereas Group B contains users who enjoy coffee. 

By creating an affinity map for these two groups, you’ll be able to see that there’s likely some common ground between them—in other words, where both groups have similar interests. 

But what about differences? 

Let’s say one group drinks five cups per day while another group drinks only three cups per week. This difference might not seem so significant at first glance, but when viewed through an affinity map lens, the differences become clearer. 

What is the purpose of an affinity map?

Affinity mapping aims to organise information like field notes or surveys into groups of themes based on relationships and commonalities during UX ideation sessions.

As such, the core purpose of an affinity map is to first streamline data collected through user interviews, surveys, and other research methods into one centralised location. This is where one can easily find information as needed when creating prototypes or building out new features within a product roadmap.

So, utilising affinity maps, UX research team can create a visual representation of their UX research findings. They do so by mapping users’ preferences for features, functions, and interactions with a product. This will give them valuable insight into how people are using their apps or websites and what they like about the solution compared to other products.

When to use affinity mapping?

Affinity diagrams help multiple UX teams across various disciplines to iteratively analyse substantial qualitative data and plot a meaningful path forward. In fact, affinity maps help make large research data more manageable and digestible, and thus, more actionable.

Bottom line, affinity mapping can be used to turn user research into actionable insights that drive product decisions. However, they shouldn’t be used as a brainstorming tool but instead as a way to reconcile and act on the ideas derived from the brainstorming exercises. 

So, affinity mapping should be used when:

  • You are solving a complex problem.
  • After your brainstorming session.
  • You have many ideas or substantial research data to work with.

How to create an affinity diagram?

The most effective way to create an affinity diagram is by collaborating with all members of your UX design team. In practice, the diagram structures are relatively straightforward to facilitate the easy breakdown of sophisticated information. 

This allows any team member to understand the disparate elements of the concept. It also enables UX teams to streamline their processes, reach consensus within a group and create new and innovative solutions.

Here are the main steps involved in the creation of an affinity diagram: 

Idea generation 

The affinity diagramming process starts with the generation of ideas one would desire their findings to revolve around. In practice, these ideas shape the direction of the team’s questions and notes. However, this should happen after the team has brainstormed the main product ideas. 

Make notes

In the next step, teammates create sticky notes detailing the problems observed from their research or the questions they are seeking to answer. 

Find patterns and themes

After having a number of sticky notes to work with, they are organised into common themes, groups or categories. The next steps is to continually iterate this process whilst evaluating each sticky note to add it to an existing category or create an entirely new one.

Ensure to name these groupings by their key identifying factors, but remember that you may need to make slight adjustments as you proceed.

Subsequently, you can choose to input this information into a spreadsheet, or a tool like Miro, Mural or FigJam to visualise everything at once, then move to the next step.

Explore findings from groups

This step involves exploiting your affinity diagrams to create action items and timelines that drive you to solve the problem at hand. You do this through exploration by identifying which groups and categories are related to one another—or not. 

Try using arrows to visualise these connections to indicate potential relationships between themes.

In essence, the goal of the exercise isn’t just to find correlations between multiple UX variables. It is also to analyse patterns across multiple UX variables so that the UX research team can make better decisions about how those variables affect each other and what they want each variable to represent.

After identifying these groups, you can introduce some additional filters and organisation tactics, such as:

  • Prioritisation: Here, UX teams can prioritise the groups based on the project goal. 
  • Hierarchy: If there is a clear hierarchy between stickers, UX teams can group them based on the level of idea.

The fundamental premise of the above steps is to help UX teams derive major insights, understand user needs, pain points and identify gaps in UX data. These insights can be translated into empathy maps, personas and problem statements to aid the design process.

Generally, UX research team should see their data come to life as they iterate through these steps and get a better understanding of the scope of the problem.

How to use affinity mapping to analyse UX research?

Affinity diagrams essentially provide an excellent way for any UX team, especially product teams, to organise and synthesise their ideas. They help in turning qualitative user research—from thematic analysis to ethnographic research— to derive actionable insights that drive UX product decisions.

However, affinity mapping isn’t suited for quantitative data or research from sources like focus groups. This is because focus group participants tend to render disparate perspectives concurrently, eliminating the affinity mapping requirement.

That being said, affinity mapping is well suited where UX research has lots of contexts and is required to consider various experiences. For example, in-depth interviews (IDIs). 

The outcome of effective affinity mapping can then be exploited to:

  • Build personas that clearly represent one’s target audience.
  • Inform the creation of empathy maps.
  • Synthesise insights to create a problem statement for one’s design process.
  • Provide a stronger foundation for ideation.

Affinity mapping UX example

UX teams can organise their ideas by colour-coding

Photo by Yan Krukau

UX teams can organise their ideas by colour-coding, using different coloured sticky notes to organise ideas. They can choose different colours to represent ideas, customer feedback or even label each cluster with a different colour. Sub-categories can also be a different colour from the main categories. 

Subsequently, teammates can reorganise the sticky notes into new groups, while retaining the colour from the original organisation.

teammates can reorganise the sticky notes

Affinity mapping vs card sorting

Both affinity mapping and card sorting are tools employed during information architecture organisation. Card sorting is a usability technique in which participants are asked to categorise cards based on their assigned labels (e.g., “categories” or “functions”). 

On the other side of the spectrum, affinity mapping analyses how users interact with products and how they think about those products through their past experiences and current expectations.

Despite sharing similarities, affinity mapping is more free-flowing and less structured than card sorting. In fact, card sorting is more structured to help UX designers better understand what content types might work together on a specific page or feature. 

Furthermore, card sorting is a better tool for understanding how users categorise information, while affinity mapping is better for understanding how users think about things. 

What is the difference between affinity mapping and empathy mapping? 

You may have heard the term affinity mapping and empathy mapping used interchangeably. However, there is a clear distinction between these two techniques.

Affinity mapping is a technique for organising and visualising the data collected from user research. It helps you to understand how your users relate to each other by identifying themes and patterns across all users’ behaviours. Affinity maps encourage different ways of thinking for UX teams to break ingrained assumptions.

On the other hand, empathy maps are considered a temporary container for the insights gathered during user research. For example, some UX researchers would save time by writing insights from user interviews directly onto an empathy map. Thereafter, the UX researcher would start the affinity mapping activity to organise the information they have on the empathy map. 

Conclusion

In summary, affinity maps are useful for turning user research into actionable insights. Affinity maps are typically used by product teams to synthesise their findings from user interviews in order to identify pain points related to the design elements that were discussed during UX research interviews. 

If you’re new to UX research or haven’t done much of it before, affinity mapping can also help you get started with this type of work. 

In fact, it’s important to note that affinity maps aren’t just for UX researchers—anybody can use them! For example, designers might map out which elements they think are most important when designing an app. 

On the other hand, marketers might map out how users interact with certain sections within an e-commerce site during shopping trips online before making any changes based on this information.

In summary, affinity maps work:

  • When you want to group ideas together. Especially, as a great way of getting an overview of the pain points that affect your users and their needs.
  • When you have too many ideas to organise. Affinity mapping is a quick way to see where they overlap and where they’re not connected at all.
  • If you have a substantial amount of data (or if your team is just having trouble prioritising). Affinity mapping can help you find commonalities between different types of information—and help prioritise which pieces are most important for further research or development.


At NetizenExperience, we’ve helped create affinity maps for various user research services projects. Reach out for a discussion on how they can be useful for your UX design project

What is a UX Case Study? (+5 examples)

What is a UX Case Study? (+5 examples)

UX designers should be able to articulate their ideas in a clear and concise manner. Creating a comprehensive UX case study for a UX design portfolio is one intuitive way to stand out from the crowd. It is straightforward to create one, but there are specific factors a UX designer must keep in mind while doing so.

What are UX Case studies?

UX case studies are detailed examinations of specific design projects focusing on user experience. They describe the design process and outcomes that include information about user research that was conducted, design decisions that were made and the impact of the design on the end users.

UX case studies can be used to showcase the design process and the outcomes of a project, as well as to provide insights and lessons learned for future design projects.

Elements of a UX case study

UX case study typically includes the following elements:

  • A description of the design project, including the goals and objectives.
  • Information about the user research that was conducted, including any user interviews, surveys, or usability testing that was performed.
  • A description of the UX design process, including the design decisions that were made and the rationale behind them.
  • A description of the resulting product, including any sketches, wireframes, or prototypes that were developed.
  • Information about the usability and effectiveness of the product, including any data or feedback from users.
  • Insights and lessons learned from the design process, including any challenges or obstacles that were encountered and how they were overcome.

In addition to these elements, the UX case study may also include images, screenshots, or videos of the product to help illustrate the design process and the outcomes. Ideally, it ought to be presented as a story. The reader should always be taken on a journey of understanding your work and skills. 

A smart way to come up with a story structure is to use Aristotle’s 6 Elements of Storytelling. 

  1. Plot (Mythos): In the UX Case Study context, this spells an objective or aim. A poorly constructed case study might ruin an otherwise excellent narrative—and the same is true of UX experiences. Your case studies ought to tell the story of your creative workflow. In other words, it should highlight your inspirations, who you are, your skills and your work (output) in a cohesive manner.
  2. Character (ethos): A UX case study should emphasise your character as a professional.  Essentially, showcasing how good you are at your work, how reliable you are, and how consistent you are. Character is also about how you, as the lead player, work with your supporting characters, and your teammates. 
  3. Theme: Your case study should always have a theme. You can provide your readers with a project’s context by describing your objectives, your obstacles and the motivations that led you to take on the project. However, all these elements should be consistent with a theme. This will make your readers appreciate your project more and have a clear goal around it.
  4. Diction (Lexis): Diction is the language characters use in a play to convey ideas to each other (an adaptation of the Oxford English Dictionary). That being said, ensure to get your point across effectively by using the right words—and not trying to outsmart your audience with fancy words. Choose simple, clear language and choose a friendly tone of voice to help your case studies impress your prospective clients.
  5. Melody (Melos): This element revolves around an audience’s emotional response. Your case studies’ emotional reading experience is affected by your tone or sentence structure, to the same degree. Be certain to write with plain language, avoiding technical jargon and choosing a friendly, professional tone of voice to help prospects to value your UX case studies. 
  6. Décor and aesthetic design: This refers to what your UX case study feels and looks like. Just like stage design in a play, decor in a case study would be the visual design. Use compelling graphics and shots of your previous finished work to convey your story. Make sure your portfolio includes legible text. Your portfolio should be user-friendly, efficient and pleasant.

How to build a UX case study?

An effective UX case study is not just a string of nice flows, visuals and prototypes. You need to curate it in an organised flow to bring out all the important details.

1. Overview

This is the introduction to the case study. It gives the necessary context for the readers to understand what your work is all about. This is usually the part that is read the most, and it is, therefore, important that you put your best foot forward as you write this section. 

2. Defining the problem

Make a good case for why a project exists after introducing it. You mentioned this in the overview, but now is your chance to make a good case for it. 

Does a competitor analysis or market research demand a new product?
Was there past user research in your company that suggests a need for the redesign of the product?
Remember to lay this out such that it presents your work as the solution to the problem.

3. Understanding the users and audience

After defining and explaining the problem, be specific about the problem you are addressing and how it affects your users and the way they use your product. If you need user research-oriented work, include interview scripts, affinity maps, and spreadsheets to demonstrate your UX methodology. 

Setting up the user research insights which the design work would be relying on should be a key goal of this section. Your findings here should help you set up that connection, so focus more on describing your users and their needs than on your process.

4. Roles and responsibilities

Here, you should delve deep into what role each team member played and the impact of these roles on the final outcome. For example, how you and each team member resolved identified UX problems. 

5. Scope and constraints

Next, having defined the problem, and shown who the users are, and roles of the team members, it is important to show the constraints within which you had to work to solve the problem. This puts your skills, including the soft ones like critical thinking, on show.

6. Process and what you did

Develop a rough outline of the steps you would follow when working on the user problem. If you are working as a team, then all the better. Discuss how and what steps you took to approach and solve the problem. 

Your case study should define and explain the UX design process so that the reader knows how you solved the user problem.

7. Outcomes and lessons

Often ignored by junior UX Designers, this section is very important. Whether it was a good or bad experience, whatever you did in life adds up to your life experiences. Why not take the opportunity and write for the readers about what you learned while working on the UX project?

5 UX case study examples for inspiration

The examples shared below all follow the below-mentioned template with some minor adjustments:

UX Case Study Sections:
Introduction: Introduce the project concept, team, and used tools.
Project Overview: Share the main concept and the motivations behind it.
Exploration: The problem the platform will solve, preliminary research, and conclusions from the research, i.e., the project scope and problem statement.
Demonstration: Explains the decision to feature specific capabilities in non-technical terms.
Design Process: An extensive explanation of the discoveries and the exact steps.
Design Studio: Visualisation process with wireframes, sitemap, and prototypes.
Design Iterations: Style guide elements like typography, colors, and visual elements breakdown.
Propositions: Challenges and solutions.
User Flow: Altering the user flow based on testing and feedback.
Prototype: Highlighting features on a high fidelity prototype in Figma.
Takeaways: Conclusions.

Jambb Social Platform by Finna Wang

Jambb is an emerging social platform where creators grow their communities by recognising and rewarding fans for their support. Currently, creators monetise fan engagement through advertisements, merchandise, and subscriptions, to name a few. 

Jambb

Image from: https://www.finna.wang/jambb

However, this only represents 1% of fans, leaving the other 99% (who contribute in non-monetary ways) without the same content, access, and recognition that they deserve.

Strat VR by Jiacheng Yang

Strat is a hardware and software system designed for productivity in a virtual workspace. It constitutes a portable VR headset, a foldable keyboard, a stylus and various modules, including a power adapter, game controller and more. 

Strat VR

Image from https://www.jyang.io/strat

It is designed for creatives, programmers, journalists, and video editors, as a new way of working that is immersive, powerful, portable, efficient and affordable.

Perfect Recipes App by Tubik

Perfect Recipes combines the functionality for cooking and purchasing what’s needed for users’ meals. 

Perfect recipes

Image from https://tubikstudio.com/works/perfect-recipes-app

Databox by FireArt

Databox by FireArt is a provider of consulting services and expertise for building and implementing large-scale distributed reactive backend systems for processing massive large-scale datasets.

FireArt

Image from https://fireart.studio/

An Approach to Digitisation in Education

The TINIA online platform enables students to interactively and playfully create solutions to real-world challenges through Design Thinking, all based on the 17 Sustainable Development Goals.

Moritx Oesterlau

Image from: https://www.moritzoesterlau.de

Conclusion

Every UX case study is a distinctive narrative about your venture and previous works. Beginning with the framework outlined in this article will reveal who you are as a UX designer and how you solved a problem. 

At NetizenExperience, we’ve covered a wide range of UX design and UX research services. Reach out for a discussion on how they can be useful for your UX design project.

Top 12 Malaysia eCommerce Websites

Top 12 Malaysia eCommerce Websites

eCommerce (electronic commerce) is essentially a series of activities that revolve around the buying or selling of products or services over the Internet. It is underpinned by technology-driven activities like electronic funds transfer, data interchange, transactions processing, supply chain and inventory management and digital marketing.

In addition to facilitating traditional wholesale and retail, eCommerce also plays an important role in digitising a variety of services. For example, travel, legal, research, and educational services.

For the most part, eCommerce has created an unprecedented opportunity for sales across continents to reach disparate buyers through the internet, especially for small and medium enterprises. And Malaysia is no exception, with eCommerce providing a medium for many new businesses to thrive whilst offering customers convenience. 

How big is the eCommerce market in Malaysia?

According to Statista, eCommerce revenue in Malaysia is predicted to peak at US$9.08bn in 2022. It also projects an annual eCommerce growth rate of 16.93% between 2022 and 2027, resulting in a predicted market volume of $19.84bn by 2027 with 56.0% user penetration. 

According to e-Conomy SEA multi-year research programme, the Malaysian eCommerce market grew by 68% in 2021. This demonstrates a 47% year-on-year growth of online shoppers, as approximately 14.43 million Malaysians bought consumer goods online in 2021. 

Relatedly, according to the Global Data Research Institute, Malaysian eCommerce payments are forecasted to increase to US$13.8 billion by 2025. This forecast is landed credibility by the fact that Malaysia’s internet penetration rate currently stands at 89.6% as of 2022.

According to eCommerceDB, Malaysia was ranked 35th globally in 2021, with a collective revenue of US$6.3 billion in 2021. In fact, the average annual revenue per online shopper for consumer goods in Malaysia is estimated at approximately US$566.

Top 10 eCommerce sites in Malaysia

The websites shared below constitute Malaysia’s most profitable eCommerce stores by revenue, popularity and traffic metrics. In addition to the growing popularity of eCommerce in Malaysia, factors like simplified site designs, mobile responsiveness, strong UX/UI, etc also contribute to their popularity. 

Shopee

Shopee is the leading eCommerce marketplace in Malaysia, with recorded revenue of $139 million in 2021. The platform has a relatively large product assortment comprising imports from China, and also multiple local sellers 

For the most part, Shopee focuses more on delivering a mobile shopping experience for its diverse users. This mobile-first ethos is demonstrated across its UX design, which spells simplicity whilst maintaining good navigation and icon responsiveness. 

In fact, the site offers a commoditized and algorithm-driven ecommerce environment—from the moment customers initially discover products, to when they make their first purchase.

Shopee.com.my

Image Credit: https://shopee.com.my/

eBay

Originally from the US, eBay began as an auction and used products marketplace. However, later on, eBay became the world’s third-largest general eCommerce marketplace. 

The eBay Malaysia iteration is well established and has grown since its inception in 2004. eBay’s UX theme is minimalist, with a central focus on the user. For example, the site’s header image is simple, and its search bar is consistent with the rest of the site. 

eBay Malaysia

Image Credit: eBay Malaysia

Lazada

Launched in 2012, Lazada is one of the largest eCommerce platforms in Southeast Asia. Later acquired by the Alibaba Group, Lazada maintains an advanced fulfilment and shipping options, with a comprehensive product assortment and multiple flexible payment options. 

For example, buyers can employ everything from bank cards, over-the-counter (OTC) payments to cash-on-delivery (COD), etc.

Lazada

Image Credit: https://www.lazada.com.my/

Lazada’s UX experience is mainly centred around a desktop experience and mobile experience to facilitate advanced cross-border selling. With that theme, it maintains an easy user flow with advanced search functions. For example, algorithmic auto-complete suggestions that allow for in-depth search by product name and model number

Lelong

Lelong is one’s Malaysia’s most popular local eCommerce websites. Launched in 2007, the B2C marketplace, recording an average monthly traffic of 5.4 million visits.

The website charges sellers commission for every sale and also sells sponsored ads for product promotion. This business model guides its intuitive UX theme that focuses on ensuring visitors do not get disrupted by ads whilst shopping. It also exploits eye-catching imagery and compelling copy to immediately tell visitors what the site is for.

Lelong

Image Credit: https://www.lelong.com.my/

GoShop

The Go Shop marketplace provides its visitors with a multi-channel retail UX experience. The UX design focuses on delivering home shopping convenience, supplemented by a 24-hour television channel. 

In practice, customers can place orders either via their mobile application or phone call at home. In addition, the marketplace offers a wide range of products, including electronic appliances, kitchenware, beauty, health & fitness, and fashion accessories. 

go shop

Image Credit: https://www.goshop.com.my/

Zalora

Established in 2012, Zalora is considered amongst the largest online marketplaces for fashion products in Southeast Asia. The website maintains a stylish and modern aesthetic whilst catering to different fashion buyers’ needs when shopping for Gucci, Michael Kors, and Longchamp products. 

zalora

Image Credit: https://www.zalora.com.my/

With a presence in Malaysia, the Philippines, Singapore, Indonesia, Hong Kong, Taiwan, and Brunei, Zalora’s simplistic luxury theme focuses on remaining seamless to navigate for the users. 

For example, the site maintains a ‘quick view’ feature where a small pop-up appears with extra images to save the customer time clicking back and forth. 

Hermo

Launched in 2012 to sell Korean skincare and makeup products, Hermo later expanded its product range to non-Korean brands. Currently, Hermo is recognised as an eCommerce platform to purchase general beauty products. Furthermore, the website’s monthly traffic is average 718,000 user visits. 

Famed for offering discount coupons to enable buyers to purchase products at attractive prices, Hermo’s UX exudes a clean design with the user at the centre. The website’s clean graphics do a lot to complement its call-to-action directing you to exciting offers seamlessly. 

From the outset, users are immediately given the option to either ‘SELL’ or ‘FIND’. As such, users engage in a smooth flow to find what they exactly need, supplemented by advanced search capabilities. 

hermo

Image credit: https://www.hermo.my/

Mudah

Established in 2007, Mudah is the biggest eCommerce website in Malaysia for classified listings. The Monthly traffic of the website is approximately 12 million visits. 

Because Mudah doesn’t run the process of buying and selling products, its UX theme focuses on connecting buyers and sellers.

mudah

Image Credit: https://www.mudah.my/

Taobao

Originating from mainland China, Taobao is a popular eCommerce marketplace and retail platform utilised across various southeast regions. With over 500 million registered users and 60 million active visitors, Taobao provides access to a large variety of products at fairly competitive prices. 

For example, electronics, home appliances, and lifestyle products.

The eCommerce site’s UX offers convenience for users through intuitive icons that help them to find goods categories quickly. Additionally, users can easily scale product photos for better decision-making. 

taobao

Image Credit:https://world.taobao.com/

PrestoMall

Rebranded from 11Street Malaysia, PrestoMall is a popular C2C and B2C online marketplace in Malaysia. The company’s business model involves charging traders a commission for successful sales. The company also deploys sponsored ads to gain additional revenue.

The website’s UX has intuitive search features that enable customers to see the most relevant and helpful reviews immediately, with minimal effort. Furthermore, it is observed that its design principle limits navigation choice to give the user clear but restricted options. This ensures they aren’t overwhelmed.

presto mall

Image Credit:https://www.prestomall.com/

Qoo10

Founded in 2010 in Singapore, Qoo10 offers a wide variety of products like food & dining, baby & kids, home & living, women & men’s fashion, beauty & health, and digital & mobile products.

The main aim of the UX theme throughout the website is to magnify sellers’ competencies with quick access to fastshipping, integrated logistics solutions, and advanced fulfilment solutions. 

qoo10

Image Credit: https://www.qoo10.my/

Furthermore, Qoo10 focuses on small and medium-sized merchants whilst offering clever graphics and interactive galleries to facilitate the user journey. 

Ezbuy

Ezbuy enables Malaysian buyers to buy products that do not usually ship to Malaysia. Essentially, it acts as a third-party bridge to receive products typically sold on sites like Amazon US, Amazon Japan, and Tmall. In practice, the website charges buyers a service fee from the retail price of the item they have bought. 

Fundamentally, the site’s UX is effective since it focuses on the product and avoids unnecessary distractions. It also deploys a unique box layout for browsing quickly through products, with many dynamic images that move to interact with the customer. 

ezbuy.my

Image Credit: https://ezbuy.my/

Why are good UX/UI important for ecommerce platforms?

UX consideration is essential for an eCommerce website that desires to increase brand awareness. In practice, an intuitive UX is critical to ensure website visitors can seamlessly navigate one’s website, find what they exactly need, purchase it, and move on.

Enhance your platform’s performance with our UI/UX design agency, dedicated to refining user experiences for better customer engagement and increased conversions.

The smooth flow of a user journey is imperative to ensure repeat visits and drive conversions. This, in turn, translates into increased engagement and customer loyalty.

Conclusion

With technological advancements leading to high internet dependence in Malaysia, the eCommerce space will only expand by leaps and bounds. More Malaysians are seeking to avoid going to crowded supermarkets, and want to get everything at their doorstep. 

With many services and products now being purchased online, it’s imperative for emerging and existing e-commerce players to deliver satisfactory user experiences to their target audience. 

An intuitive UX design fosters trust in users, and thus, leads to repeat visits as it renders a shopping experience that customers will not forget. 

Additionally, a user-friendly and easy-to-access eCommerce site can improve SEO rankings as search engines consider indicators like user engagement and resting time on a site. In turn, the better one’s SEO rankings, the more traffic one can attract. 

Reach out to us at NetizenExperience for UX based web development for your ecommerce platforms.

End to End Web Development Services

NX logo
NX logo

User Testing Services in Asia

Key Highlights
  • Provides custom web development solutions tailored to the unique needs and objectives of businesses
  • Expert in building responsive and scalable websites from scratch, ensuring a personalized and optimized online presence
  • Proficiency in both front-end and back-end development such as HTML, CSS, JavaScript, and other front-end technologies to create engaging user interfaces
  • Expert in integrating popular e-commerce platforms like Shopify and implementing essential features such as product catalogs, shopping carts, payment gateways, and inventory management
  • Optimization techniques to ensure fast loading times, smooth user experience, and improved search engine rankings