Deep Adalja

UX Research

UX Research

UX Research

UX Research

Client

Client

Client

MyUT Team, Sejal Shah

MyUT Team, Sejal Shah

MyUT Team, Sejal Shah

MyUT Team, Sejal Shah

Duration

Duration

Duration

6 Months

6 Months

6 Months

6 Months

Role

Role

Role

UX Researcher

UX Researcher

UX Researcher

UX Researcher

Team

Team

Team

Deep, Jenny, Melissa, Wanting Wang

Deep, Jenny, Melissa, Wanting Wang

Deep, Jenny, Melissa, Wanting Wang

Deep, Jenny, Melissa, Wanting Wang

Methods

Methods

Methods

Competitive Analysis, Heuristic Evaluation, Screeners, Interviews

Competitive Analysis, Heuristic Evaluation, Screeners, Interviews

Competitive Analysis, Heuristic Evaluation, Screeners, Interviews

Competitive Analysis, Heuristic Evaluation, Screeners, Interviews

Tools

Tools

Tools

Figma, FigJam, Google Forms

Figma, FigJam, Google Forms

Figma, FigJam, Google Forms

Figma, FigJam, Google Forms

MyUT Website

MyUT Website

MyUT Website

MyUT Website/Mobile App

The University of Texas offers a centralized online portal called MyUT. This comprehensive resource serves as the primary source of information for all students, addressing a wide range of inquiries and streamlining access to essential services.

Client Kickoff

Current Situation

Current Situation

MyUT aims to be a comprehensive student hub, but usage is low.

MyUT aims to be a comprehensive student hub, but usage is low.

Goal

Goal

Transform MyUT into the essential resource it was designed to be.

Action Plan

Action Plan

Analyze mobile app usage to understand student needs and develop improvement recommendations

From Seed to Success

The University of Texas offers a centralized online portal called MyUT. This comprehensive resource serves as the primary source of information for all students, addressing a wide range of inquiries and streamlining access to essential services.

Heuristic Evaluation

Identified Design problems on mobile web version

Competitive Analysis

Identified Competitors and Performed SWOT Analysis

Task Analysis

Identified 6 Tasks that involved UX issues

Screeners

Define ideal participant characteristics and actively seek those who meet the qualifications.

Testing

Carries out Usability testing with selected participants remotely

Analysis

Collected quantitative and qualitative data and analyzed information

Seed

Succeed

Heuristic Evaluation

Identified Design problems on mobile web version

Competitive Analysis

Identified Competitors and Performed SWOT Analysis

Task Analysis

Identified 6 Tasks that involved UX issues

Screeners

Define ideal participant characteristics and actively seek those who meet the qualifications.

Testing

Carries out Usability testing with selected participants remotely

Analysis

Collected quantitative and qualitative data and analyzed information

Seed

Succeed

SWOT Analysis

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Direct Competitors

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Strength

1. Icons make it easier for user recognition and recall as they are the same throughout all platforms  2. Top part of screen shows current events which are great for student involvement  3. There is an option for users/students to ask for a new service to be presented Offers free Microsoft  365 to all students

Weakness

1. Some icons require a double sign in process 2. Not customization 3. No app available

Opportunity

1. Can advertise the site during student events to increase traffic 2. Can successfully integrate new features as requested by current and former students which increase use 3. Develop App for mobile use

Threat

1. MyUH self service is an older portal that is still in use 

AccessUH

myNTU

Modo Labs

Strength

1. Icons make it easier for user recognition and recall as they are the same throughout all platforms  2. Top part of screen shows current events which are great for student involvement  3. There is an option for users/students to ask for a new service to be presented Offers free Microsoft  365 to all students

Weakness

1. Some icons require a double sign in process 2. Not customization 3. No app available

Opportunity

1. Can advertise the site during student events to increase traffic 2. Can successfully integrate new features as requested by current and former students which increase use 3. Develop App for mobile use

Threat

1. MyUH self service is an older portal that is still in use 

AccessUH

myNTU

Modo Labs

Strength

1. Icons make it easier for user recognition and recall as they are the same throughout all platforms  2. Top part of screen shows current events which are great for student involvement  3. There is an option for users/students to ask for a new service to be presented Offers free Microsoft  365 to all students

Weakness

1. Some icons require a double sign in process 2. Not customization 3. No app available

Opportunity

1. Can advertise the site during student events to increase traffic 2. Can successfully integrate new features as requested by current and former students which increase use 3. Develop App for mobile use

Threat

1. MyUH self service is an older portal that is still in use 

AccessUH

myNTU

Modo Labs

Strength

1. Icons make it easier for user recognition and recall as they are the same throughout all platforms  2. Top part of screen shows current events which are great for student involvement  3. There is an option for users/students to ask for a new service to be presented Offers free Microsoft  365 to all students

Weakness

1. Some icons require a double sign in process 2. Not customization 3. No app available

Opportunity

1. Can advertise the site during student events to increase traffic 2. Can successfully integrate new features as requested by current and former students which increase use 3. Develop App for mobile use

Threat

1. MyUH self service is an older portal that is still in use 

AccessUH

myNTU

Modo Labs

In-Direct Competitors

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Strength

Allow official interest group chat  Friendly and free for students Open discussion and question board Data-Encrypted Ability to let users connect with other students in a safe environment

Weakness

Invite only, hard to access on their own Every chat has their own rules and regulations that user must follow or get risked being banned

Opportunity

Advertise the UT official discord page during student events Cooperate with student portal website to increase the use

Threat

Other competitors. Reddit for instance, does not require an invite-only system

Discord

Notion

G Maps

G Drive

Strength

Allow official interest group chat  Friendly and free for students Open discussion and question board Data-Encrypted Ability to let users connect with other students in a safe environment

Weakness

Invite only, hard to access on their own Every chat has their own rules and regulations that user must follow or get risked being banned

Opportunity

Advertise the UT official discord page during student events Cooperate with student portal website to increase the use

Threat

Other competitors. Reddit for instance, does not require an invite-only system

Discord

Notion

G Maps

G Drive

Strength

Allow official interest group chat  Friendly and free for students Open discussion and question board Data-Encrypted Ability to let users connect with other students in a safe environment

Weakness

Invite only, hard to access on their own Every chat has their own rules and regulations that user must follow or get risked being banned

Opportunity

Advertise the UT official discord page during student events Cooperate with student portal website to increase the use

Threat

Other competitors. Reddit for instance, does not require an invite-only system

Discord

Notion

G Maps

G Drive

Strength

Allow official interest group chat  Friendly and free for students Open discussion and question board Data-Encrypted Ability to let users connect with other students in a safe environment

Weakness

Invite only, hard to access on their own Every chat has their own rules and regulations that user must follow or get risked being banned

Opportunity

Advertise the UT official discord page during student events Cooperate with student portal website to increase the use

Threat

Other competitors. Reddit for instance, does not require an invite-only system

Discord

Notion

G Maps

G Drive

User Survey

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Frequency of Use

8 Responses

Never

Once a Week

Once a Month

2 (10%)

12 (60%)

6 (30%)

Frequency of Use

8 Responses

Never

Once a Week

Once a Month

2 (10%)

12 (60%)

6 (30%)

Frequency of Use

8 Responses

Never

Once a Week

Once a Month

2 (10%)

12 (60%)

6 (30%)

Frequency of Use

8 Responses

Never

Once a Week

Once a Month

2 (10%)

12 (60%)

6 (30%)

Heuristic Evaluation

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

User Control & Freedom

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Violation

There are two horizontal scrolls in a single page. I tried to scroll horizontally then both the navbar and the page both scrolled at the same time. I was having difficulty scrolling.

Violation

There are two horizontal scrolls in a single page. I tried to scroll horizontally then both the navbar and the page both scrolled at the same time. I was having difficulty scrolling.

Violation

There are two horizontal scrolls in a single page. I tried to scroll horizontally then both the navbar and the page both scrolled at the same time. I was having difficulty scrolling.

Violation

There are two horizontal scrolls in a single page. I tried to scroll horizontally then both the navbar and the page both scrolled at the same time. I was having difficulty scrolling.

Recommendations

There should an arrow on both sides of the link bar which will differentiate both the scrolls.

Recommendations

There should an arrow on both sides of the link bar which will differentiate both the scrolls.

Recommendations

There should an arrow on both sides of the link bar which will differentiate both the scrolls.

Recommendations

There should an arrow on both sides of the link bar which will differentiate both the scrolls.

Violation

When clicking the hamburger menu, there is no button to go back to the main page. The user is not offered an easily accessible or visible form of exiting the page hence limiting the users freedom to escape the situation.

Violation

When clicking the hamburger menu, there is no button to go back to the main page. The user is not offered an easily accessible or visible form of exiting the page hence limiting the users freedom to escape the situation.

Violation

When clicking the hamburger menu, there is no button to go back to the main page. The user is not offered an easily accessible or visible form of exiting the page hence limiting the users freedom to escape the situation.

Violation

When clicking the hamburger menu, there is no button to go back to the main page. The user is not offered an easily accessible or visible form of exiting the page hence limiting the users freedom to escape the situation.

Recommendations

There should be a return button to take the user back. Which could be an (x) or a (<--)preferably in the top right corner.

Recommendations

There should be a return button to take the user back. Which could be an (x) or a (<--)preferably in the top right corner.

Recommendations

There should be a return button to take the user back. Which could be an (x) or a (<--)preferably in the top right corner.

Recommendations

There should be a return button to take the user back. Which could be an (x) or a (<--)preferably in the top right corner.

Consistency & Standard

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Violation

The icon displayed in the top right corner is unrecognizable to first-time users and difficult for users to know about the function since the color and placement is not effective for user to locate. The icon bar is also missing from the mobile version, and the lack of consistency makes it easy for users to get confused.

Violation

The icon displayed in the top right corner is unrecognizable to first-time users and difficult for users to know about the function since the color and placement is not effective for user to locate. The icon bar is also missing from the mobile version, and the lack of consistency makes it easy for users to get confused.

Violation

The icon displayed in the top right corner is unrecognizable to first-time users and difficult for users to know about the function since the color and placement is not effective for user to locate. The icon bar is also missing from the mobile version, and the lack of consistency makes it easy for users to get confused.

Violation

The icon displayed in the top right corner is unrecognizable to first-time users and difficult for users to know about the function since the color and placement is not effective for user to locate. The icon bar is also missing from the mobile version, and the lack of consistency makes it easy for users to get confused.

Recommendations

Recommend adding labels to each icon to help users identify its function. The size and color would need be changed so that users could see them at a glance, and the weight of the icon should be equal. The school logo can go all the way to the right and the icons can go to the left of the logo.

Recommendations

Recommend adding labels to each icon to help users identify its function. The size and color would need be changed so that users could see them at a glance, and the weight of the icon should be equal. The school logo can go all the way to the right and the icons can go to the left of the logo.

Recommendations

Recommend adding labels to each icon to help users identify its function. The size and color would need be changed so that users could see them at a glance, and the weight of the icon should be equal. The school logo can go all the way to the right and the icons can go to the left of the logo.

Recommendations

Recommend adding labels to each icon to help users identify its function. The size and color would need be changed so that users could see them at a glance, and the weight of the icon should be equal. The school logo can go all the way to the right and the icons can go to the left of the logo.

Violation

Clicking the infographics, the top one does not have a link to external pages, while the others do. However, the links are not functional.

Violation

Clicking the infographics, the top one does not have a link to external pages, while the others do. However, the links are not functional.

Violation

Clicking the infographics, the top one does not have a link to external pages, while the others do. However, the links are not functional.

Violation

Clicking the infographics, the top one does not have a link to external pages, while the others do. However, the links are not functional.

Recommendations

Either delete these unfunctional infographics, where users may perceive them as an interactive response by clicking the icon, or present users with the icon that informs them they are going to an external link, like the one shown next to “Grad Student Mentoring -Students”.

Recommendations

Either delete these unfunctional infographics, where users may perceive them as an interactive response by clicking the icon, or present users with the icon that informs them they are going to an external link, like the one shown next to “Grad Student Mentoring -Students”.

Recommendations

Either delete these unfunctional infographics, where users may perceive them as an interactive response by clicking the icon, or present users with the icon that informs them they are going to an external link, like the one shown next to “Grad Student Mentoring -Students”.

Recommendations

Either delete these unfunctional infographics, where users may perceive them as an interactive response by clicking the icon, or present users with the icon that informs them they are going to an external link, like the one shown next to “Grad Student Mentoring -Students”.

Flexibility & Efficiency of Use

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Violation

When the user goes on the mobile version of the website they are only presented with half of the website and are unaware of the second half. The other half of the website is hidden from view and can only be accessed by 2 light grey dots on the bottom of the page that blends in with the bottom tab. This causes confusion for the user as they are unaware of the “hidden page”. This makes the mobile version hard to use and ineffective.

Violation

When the user goes on the mobile version of the website they are only presented with half of the website and are unaware of the second half. The other half of the website is hidden from view and can only be accessed by 2 light grey dots on the bottom of the page that blends in with the bottom tab. This causes confusion for the user as they are unaware of the “hidden page”. This makes the mobile version hard to use and ineffective.

Violation

When the user goes on the mobile version of the website they are only presented with half of the website and are unaware of the second half. The other half of the website is hidden from view and can only be accessed by 2 light grey dots on the bottom of the page that blends in with the bottom tab. This causes confusion for the user as they are unaware of the “hidden page”. This makes the mobile version hard to use and ineffective.

Violation

When the user goes on the mobile version of the website they are only presented with half of the website and are unaware of the second half. The other half of the website is hidden from view and can only be accessed by 2 light grey dots on the bottom of the page that blends in with the bottom tab. This causes confusion for the user as they are unaware of the “hidden page”. This makes the mobile version hard to use and ineffective.

Recommendations

Recommendation would be to replace the light grey dots with a larger bright orange toggle. To make it more obvious to users at first glance.

Recommendations

Recommendation would be to replace the light grey dots with a larger bright orange toggle. To make it more obvious to users at first glance.

Recommendations

Recommendation would be to replace the light grey dots with a larger bright orange toggle. To make it more obvious to users at first glance.

Recommendations

Recommendation would be to replace the light grey dots with a larger bright orange toggle. To make it more obvious to users at first glance.

Task Analysis

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Scenario: Using MyUT homepage find your first course that shows up on the homepage.
Can you find your syllabus for that first course without leaving the page?  

Obervation

Some users were unaware that there is a horizontal scroll. Conflicting layouts depending on participants updated IOS. Users thought system was glitching or perceived it as user error. The horizontal screen bar conflicts with accessing the secondary page.

Recommendations

Vertical dropdowns menu would be efficient as its best to design with a vertical screen in mind.

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Scenario: Using MyUT homepage find your first course that shows up on the homepage.
Can you find your syllabus for that first course without leaving the page?  

Obervation

Some users were unaware that there is a horizontal scroll. Conflicting layouts depending on participants updated IOS. Users thought system was glitching or perceived it as user error. The horizontal screen bar conflicts with accessing the secondary page.

Recommendations

Vertical dropdowns menu would be efficient as its best to design with a vertical screen in mind.

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Scenario: Using MyUT homepage find your first course that shows up on the homepage.
Can you find your syllabus for that first course without leaving the page?  

Obervation

Some users were unaware that there is a horizontal scroll. Conflicting layouts depending on participants updated IOS. Users thought system was glitching or perceived it as user error. The horizontal screen bar conflicts with accessing the secondary page.

Recommendations

Vertical dropdowns menu would be efficient as its best to design with a vertical screen in mind.

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

Scenario: Using MyUT homepage find your first course that shows up on the homepage.
Can you find your syllabus for that first course without leaving the page?  

Obervation

Some users were unaware that there is a horizontal scroll. Conflicting layouts depending on participants updated IOS. Users thought system was glitching or perceived it as user error. The horizontal screen bar conflicts with accessing the secondary page.

Recommendations

Vertical dropdowns menu would be efficient as its best to design with a vertical screen in mind.

Task 1

Task 2

Task 3

Task 4

Task 5

Task 6

SUS Analysis

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Design Recommendations

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Condensed Text

Prioritizing the most important functions students need and delete repeated and dead links to avoid overcrowding.

Recommendation would be to replace the light grey dots with a larger bright orange toggle. To make it more obvious to users at first glance.

Adding icons, quick search and user history to easily navigate through the home page.

Hamburger Menu

All participants required hints to navigate to the UT Map due to the unclear design, leading to an unawareness of additional functions in the hamburger menu. Most participants believe there is nothing after “Academics” as it cuts off. The redesign should include a way to let users know there is more to the hamburger menu.

Concealing detailed information within expandable tabs to enhance clarity and organization.

Add a close button in hamburger menu to align with user control and freedom, and to structure the navigation more intuitively.

Avoid horizontal scrolling in mobile version

Many users encounter challenges when switching between a horizontal navigation bar, finding it counter intuitive. We can address this issue by:

Creating drop down menu or organizing all information on a single page to eliminate the need for scrolling.

Integrating the switching page information into a unified vertical homepage.

Ensure Consistency

Uniformity in how devices display information can enhance clarity and user experience.

Reduce redundant process

The broken links, repetitive information and re-login process failed to help users find information on MyUT website efficiently. It is imperative to prioritize user convenience and streamline the browsing experience to save their time.

Takeaways

We created this storyboard which appears to outline the process of signing up to the app to trying the costume using the AR feature and then ordering the costume.

Double-check the layout promptly

During testing, some participants failed to complete the task due to different layout on the screen and unknown system error.

We should double check whether it is a system problem immediately after the testing.

Be flexible to the unexpected result

Results don't always align with our initial expectations, and it's crucial to recognize that participants may not follow the same path to complete tasks.

This in turn informs us just how complex the user experience can vary from person to person.

Don’t split the tasks into many steps

It is important to make the task easy to understand. In Task 4, the question is lengthy, making it difficult for some participants to grasp.

We learned to simplify the task to be achievable in a single action, avoiding multiple steps.

Let’s Catch Up!

Handcrafted with

Like!

Like!

Like!

Copyrights | All Rights Reserved

Let’s Catch Up!

Handcrafted with

Like!

Like!

Like!

Copyrights | All Rights Reserved

Let’s Catch Up!

Handcrafted with

Like!

Like!

Like!

Copyrights | All Rights Reserved

Let’s Catch Up!

Handcrafted with

Like!

Like!

Like!

Copyrights | All Rights Reserved