top of page

Making Faculty Daily Tasks Simple & Accessible

CLIENT

The School of Contemporary Teaching and Learning (SCTL) at St. Lawrence College

TEAM 

Myself, Bhoyasa, Siddhanth, Dhriti, Digvijay

MY ROLE

UX Researcher

UX Designer

TOOLS

  • Figma

  • Balsamiq

  • MS Excel

  • Optimal Workshop

  • Miro

BRIEF

Redesign the 'Getting Started' section of the teach@slc website to improve functionality and accessibility, time optimizing for faculty while preserving effective elements.

RESPONSIBILITIES

  • Secondary Research

  • Report Analysis

  • Protocol Preparation.

  • User Interviews

  • Usability Testing.

  • Prototyping 

DURATION

8 months

RESULT

Created a more functional and accessible website, improving colors, typography, information architecture enabling users to easily find information. Successfully preserved effective content and sections based on user feedback.

How can we enhance the website’s accessibility and functionality to optimize users' time and enable them to fully benefit from all the essential content?

PROBLEM STATEMENT

IMPACT

In 3 months new faculty website usage increased by 16% Older faculty website usage increased by 32% (As per analytics provided by client)

RESEARCH

User Research

  • Literature Review

  • Competitive Analysis

  • Heuristics Analysis

​​

Were conducted to understand the existing content and flow of the ‘Getting Started’ page and to evaluate design principles and assess valuable content.

User Persona

  • Bio: Teaching staff  including new, returning, and part-time faculty.

  • Goal: Wants to learn about upcoming events, classes schedules, syllabus etc. from this website

  • Challenges: Due to the plain design of the website, users find it difficult to navigate, differentiate, and read through the pages, increasing their cognitive load and preventing them from fully utilizing the site's content.

User Interviews

  • We had 14 faculty for the interview from various departments, age group and technical knowledge.

  • We asked them questions about the ease of use, accessibility,  to understand their task completion and time taken rates.

INSIGHTS

User #4

Users could not figure out what was the functionality of each of these buttons or where it would take them.

​

"The buttons look weird as they are. A long black bar with just text, no description of what we will see if we click on that button"

1

USABILITY TESTING

The System Usability Scale (SUS) was used to quantitatively measure the usability. Qualitative feedback was also collected.

simplify navigation and reduce information overload to improve the user experience on the teach@slc website

HOW MIGHT WE?

?

KEY FINDINGS

Grounded in the user’s emotional state and comprise the key ingredients of the experience with the product or service

1

Clarifies to provide more comprehensive information

2

Provides proactive and personalized touchpoints for unique user needs

3

Approachable, accessible and reputable, trusted resources

SUS (System Usability Score)

WIREFRAMES

FINDINGS

Accessing a resource

14/14

participants successfully located the academic resources related to the onboarding process.

1

Identifying a section

8/14​

participants faced challenges identifying the section with learning mediums, which suggests a redesign for intuitive access may be beneficial.

3

Navigating to FAQs

7/14

participants experienced initial difficulty, indicating a need for clearer navigation cues.​

2

Evaluating icons

7/14​

participants felt some confusion about the actions related to icons, indicating a need for more descriptive icons or tooltips.

4

FINAL SOLUTION

  • Clean Layout
  • Informative Buttons
  • Prominent Navigation 
  • Improved Readability
  • Branding Consistency
User #8

Due to poor hierarchy and taxonomy, users find the content overwhelming

​

"There is a lot of information that makes the pages look overwhelming; maybe the website could have a clearer structure."

2

User #12

Users had accessibility issues related to smaller fonts, colours which did not help them in fully exploring the website

​

"Could you increase the font size? It would make it easier to read."

3

User #14

Important information such as FAQs are hidden and search bar is hardly visible

​

"I want the search bar and FAQ sections to be more visible.."

4

https://www.figma.com/proto/U7iisXJWJtJeBExHqzx2WR/Teach%40SLC?page-id=0%3A1&node-id=463-1241&viewport=-416%2C324%2C0.07&t=LBZefSXGEwHY50wI-1&scaling=scale-down&starting-point-node-id=463%3A1241

VALIDATION

User Feedback & Suggested Improvements

  • There were initial confusions that cleared up after explanations.

  • Improve the visual cues for navigation to ensure users can find FAQs and other resources without confusion.

  • Relocate apps and equipment information to the 'Delivery Methods' section for better coherence.

  • Ensure iconography is intuitive and accurately represents the actions or links it is associated with.

What has been improved

  • Visual hierarchy have been enhanced.

  • Breadcrumb has been added.

  • The title now features red color to represent the SLC brand.

  • Photos have been used for visual enhancement.

  • Buttons enhancement (Title with icon)

  • Consistent Visual layout

  • FAQ has plus and minus icons now

  • Spacing has been enhances in text and used 40 - 75 characters per lines to enhance accessibility.​

PROTOTYPE

bottom of page