JF Design

Work

About

Work

About

An introduction

What is Athena?

Athena, a University of Georgia student information system, is trafficked by students, administrators, and instructors for tasks ranging from semester registration, entering course grades, or monitoring financial status’.

The problem

Each semester, students register for courses using Athena. The user-experience features inconsistent and confusing navigation and has a cluttered UI. For most, perspectives of registration are largely reflected on a negative Athena experience.

An introduction

What is Athena?

Athena, a University of Georgia student information system, is trafficked by students, administrators, and instructors for tasks ranging from semester registration, entering course grades, or monitoring financial status’.

The problem

Each semester, students register for courses using Athena. The user-experience features inconsistent and confusing navigation and has a cluttered UI. For most, perspectives of registration are largely reflected on a negative Athena experience.

Research and refine

User-testing & research

Conducted many rounds of UXR consisting of surveys as well as observational testing with the current UX of Athena and a low-fi prototype of our new Athena experience.

Sketches

We completed the crazy eight activity which was intended for each person to spend about one minute brainstorming different designs of a single component or general user-interface.

My sketches can be seen below, including an idea of having a "checkout" style process for adding courses to your schedule and what the initial progress indicator would look like.

Research and refine

User-testing & research

Conducted many rounds of UXR consisting of surveys as well as observational testing with the current UX of Athena and a low-fi prototype of our new Athena experience.

Sketches

We completed the crazy eight activity which was intended for each person to spend about one minute brainstorming different designs of a single component or general user-interface.

My sketches can be seen below, including an idea of having a "checkout" style process for adding courses to your schedule and what the initial progress indicator would look like.

Personas

This is a persona to understand and pinpoint frustrations of UGA students and professors, our target audience, and drive forward design decisions accordingly.

Low to high (fi)

After completing the sketches, it was my role to create wireframes of three differently rated tasks: simple, moderate, and complex. These tasks followed into the high-fi prototypes as well.

Simple: User previews a class then adds it to their schedule in one page.
Moderate: The user discovers they need two additional electives and uses the streamlined registration feature to search, plan, and add these classes to their schedule, all from the same page, without navigating away or encountering any registration holds.
Complex: A new transfer student is trying to register for classes but must clear a hold first, and books an appointment with their academic adviser.

Wireframes

Low & High-Fi

I crafted wireframes of three differently rated tasks: simple, moderate, and complex.

Simple: User previews a class and adds it to their schedule.
Moderate: User discovers they need two additional electives and uses the refined registration feature to search, plan, and add these classes to their schedule, all from the same page, without navigating away or encountering any holds.
Complex: A new transfer student is trying to register for classes but must clear a hold first, and books an appointment with their academic adviser.

Wireframes

Low & High-Fi

I crafted wireframes of three differently rated tasks: simple, moderate, and complex.

Simple: User previews a class and adds it to their schedule.
Moderate: User discovers they need two additional electives and uses the refined registration feature to search, plan, and add these classes to their schedule, all from the same page, without navigating away or encountering any holds.
Complex: A new transfer student is trying to register for classes but must clear a hold first, and books an appointment with their academic adviser.

Low & High-Fi

I crafted wireframes of three differently rated tasks: simple, moderate, and complex.

Simple: User previews a class and adds it to their schedule.
Moderate: User discovers they need two additional electives and uses the refined registration feature to search, plan, and add these classes to their schedule, all from the same page, without navigating away or encountering any holds.
Complex: A new transfer student is trying to register for classes but must clear a hold first, and books an appointment with their academic adviser.

Defined Audience

Personas

This is a persona to understand and pinpoint frustrations of UGA students and professors, our target audience, and drive forward design decisions accordingly.

Defined Audience

Personas

This is a persona to understand and pinpoint frustrations of UGA students and professors, our target audience, and drive forward design decisions accordingly.

Low & High-Fi

I crafted wireframes of three differently rated tasks: simple, moderate, and complex.

Simple: User previews a class and adds it to their schedule.
Moderate: User discovers they need two additional electives and uses the refined registration feature to search, plan, and add these classes to their schedule, all from the same page, without navigating away or encountering any holds.
Complex: A new transfer student is trying to register for classes but must clear a hold first, and books an appointment with their academic adviser.

Challenges

The challenge was transforming an existing UI with multiple components for each registration step into an enjoyable, streamlined process. I separated each step into individual pages and removed clutter. This created more breathing room in the UI.

Challenges

The challenge was transforming an existing UI with multiple components for each registration step into an enjoyable, streamlined process. I separated each step into individual pages and removed clutter. This created more breathing room in the UI.

Low & High-Fi

I crafted wireframes of three differently rated tasks: simple, moderate, and complex.

Simple: User previews a class and adds it to their schedule.
Moderate: User discovers they need two additional electives and uses the refined registration feature to search, plan, and add these classes to their schedule, all from the same page, without navigating away or encountering any holds.
Complex: A new transfer student is trying to register for classes but must clear a hold first, and books an appointment with their academic adviser.