top of page

Research Blog

Field Notes

Field notes are new to me. They are typically used by professionals such as engineers and scientists to track important information as they work. In the context of user research, field notes can be used to note observations and collect data during a project. During the Usability Testing class for the Todo mock, I compiled the following field notes for various activities we did in the class:

Five-second test

Observations

We asked 12 class participants to evaluate the effectiveness of a simple Todo mock. Their first thoughts about the usage were as follows:

  1. It is probably something for adding tasks

  2. Used for an organized list of tasks

  3. Making a note of todo items

Several aspects of the mock were liked, and specific features were highlighted, including:

  1. Simple to use

  2. Minimalist (too minimalistic)

Some of the recommendations for improvements included:

  1. A title describing the functionality would be useful

  2. The light color complete button confusing

  3. A check box for completed tasks would be nice

Inference

The 5-second test gave us the effectiveness of the Todo app, its messaging and overall appeal. Based on the initial feedback, the UX researcher can look at improvements.

Heuristics

Definition – A heuristic analysis aims to identify usability problems and issues that may affect the user experience and hinder the overall usability before carrying out the usability testing.

The following guidelines are known as heuristics and were first introduced by Jakob Nielsen:

  1. Visibility of system status

  2. Match between the system and the real world

  3. User control and freedom

  4. Consistency and standards

  5. Error prevention

  6. Recognition rather than recall

  7. Flexibility and efficiency of use

  8. Aesthetic and minimalist design

  9. Help users recognize, diagnose, and recover from errors

  10. Help and documentation

The survey results showed mixed bags of yes and no responses for various criteria for the Todo mock.

These are the findings of my Heuristic survey done in class.



Reflection

Pre-Test: I use a to-do list very often. I use it every week to add my to-do things. This helps me stay organized and gives me a sense of accomplishment when I check off the items on my list.

Post-Test: The usability testing taught me how to add and sort the tasks. I use post-it to make my to-do list more often than using an app. After the usability class, I am inclined and confident about using it on my phone.

The field notes came in very handy while reiterating the entire process.

Design mockup Todo list 2.0

A set of recommended heuristics and improvements were identified during a five-second test. To implement them, a mockup was created with the help of Microsoft’s GitHub Co-pilot (similar to ChatGPT or Brad), a code completion tool. The following is a sample interaction with the co-pilot prompt for adding the strikethrough functionality for the Todo app. Unfortunately, the entire history cannot be exported from the browser.



The resulting application includes a range of features, such as displaying tasks as a list of checkboxes, indicating completed tasks with a strikethrough, and editing or deleting tasks as needed. Moreover, users can clear all tasks at once or search for specific tasks using a search bar. Additionally, users can change the order of tasks by moving them up or down on the list or adding new tasks through audio input.


The mockup was designed using HTML, JavaScript, and CSS and is currently hosted on W3Schools. By providing users with a range of features that optimize task management and productivity, this application has the potential to enhance workplace performance and efficiency.

Writer's pictureAfshan Naaz
The Design Thinking Process - How does it work? - MAQE - Insights

Design thinking is an approach to problem-solving that focuses on understanding the user’s needs and redefining problems to develop innovative solutions. It involves a series of steps to address complex challenges and create user-centric solutions, including product design, service design, and business strategy.

Proposed Case Study Outline

For the case study I plan to do, the outline will follow the ‘Design Thinking’ principles and comprise five stages, each with unique activities to achieve specific goals.

Empathize: In this stage, the focus is on understanding the needs, pain points, and motivations of the end-users. The goal is to put the user at the center of the design process and generate empathy towards their experiences. The activities in this stage include:

  1. User Research

  2. Interviews with users

  3. Competitive Analysis

Define: Based on the insights gained from the previous stage, this stage’s goal is to define the problem or challenge clearly. The activities in this stage include:

  1. Articulate user needs, insights, and pain points

  2. Formulate the problem

  3. Create Personas

  4. Building Empathy Map

Ideate: This stage is about generating creative solutions to the defined problem. The focus is on generating as many ideas as possible and selecting the most suitable ones for further development.

  1. Create solutions

  2. Come up with User Journeys

  3. Building the Information Architecture

Prototype: This stage involves developing tangible representations of the selected ideas. The primary goal is to test the ideas and gather feedback to improve the solutions. The activities in this stage include:

  1. Create Paper prototype

  2. Build Wireframes

  3. Recommend style guide

  4. Create final design

Test: In this stage, the emphasis is gathering user feedback on the prototypes developed in the previous stage. The goal is to refine and improve the solutions based on the feedback received. The activities in this stage include:

  1. Conduct usability testing

  2. Collect feedback

  3. Iterate on the design and make necessary adjustments.

  4. Implement the iterated design

The case studies that were assigned for review were all unique, but one particular case study that is aligned with my thinking is Muskan Attri’s Haven Self-Care Meditation App. It describes the process in the five similar steps above.

Interesting Case Study

Many UX Case Studies provide a comprehensive overview of the design process. One case study that has particularly caught my attention is Arvind Senthil’s grocery app. I know the various websites used for grocery shopping, but this one stands out because of the interface and the ease of user shopping.


In his case study, Arvind describes the problem and possible solutions for the users. The solution is explained step by step to make the user journey easy. Qualitative and Quantitative Research has been supplemented with interview questions, answers, and pie charts. It provides a robust foundation for user-centered problem-solving. The Competitive Analysis taken into account by Arvind helps to understand the product’s market positioning comprehensively and identify opportunities for refinement and innovation.

In the ideate stage, the information architectures component helps create frameworks or mind maps that visualize relationships between concepts and potential solutions. This allows designers to determine how users will navigate through a system, thus ensuring a seamless and user-friendly experience.

Next, the Wireframe feature is an interesting add-on that allows designers to establish the information hierarchy by indicating the placement and prioritization of different elements on the screen. The clean and simple home screen design is what the user wants so that they can easily locate the options and place an order without any hassle. The search page is simple yet very effective. It has features like Search History, trending searches, offers, and promotions to make the shopping experience easy and enjoyable. One feature that I found interesting was that the important details of the product are displayed along with user ratings.

Arvind’s Case Study is a good example of a UX Case Study. It has offered pertinent information I think I will consider as I start to research and work on my UX Case Study.

bottom of page