Registrar Case Study

Creating a more friendly website for UVU students
The UVU website is a collection of all things UVU. Everything that needs to be found to
help a student at UVU can be found on this website. So what is the big problem?
Everything should be found on the website, but that is not what is important. The problem
with the website is everything is hard to find. There is zero similarity from page to page. I
worked on this project as a group of 4 and our goal is to give each page a similar feel and
make the navigation process easier.
Interview
Beginning of the process started with us needing to figure ou what were supposed to be
doing. We needed a better idea on who our audience is and what the clients want out of
this project, this will give us a guide on how to start moving forward with this process. To
start this process, we met with the client to get a better idea on what they wanted us to
accomplish. After meeting with them, we had a better idea on what the client wanted us to
do. We were able to fully understand our main tasks and felt like we had the ability to solve
them. We were tasked a couple of different things, the first one was to help people know
what the Registrar Office is. Because of the lack of consistency on this website, no one
really was able to know and recognize who the registrar office was. This was a main goal
that we were asked to set out and accomplish. Another goal we were tasked with was to
highlight the three main things that they did: registration, graduation and transfer credit.
Our last goal that we wanted to work on was making sure to get the right content on the
page. Their was a lot of unwanted content on the pages that needed to be taken care of.
Design Principles
After we had our interview and had a better understanding of the goal in mind, we wanted
to have some design principles that will help us navigate through the project. We set out
to find 4 design principles to keep us on track.
Consistency is the most fragile design principle

that influences user trust and familiarity with
your UI design or product. Improving
consistency polishes the look and feel of your
design. Additionally, it purges imperfections,
unwanted content, or navigation flows that
mislead the user.
Chunking caters to short term

memory loss by breaking down
large masses of information in to
smaller units of similar subjects
together. This will help UVU
students comprehend the
information laid out on the website
pages.
Aesthetic Usability Effect could help

users navigate through the website
easier. The look and feel of the
website would become more
aesthetically pleasing and usable for
the user. This principle could be
beneficial to incorporate because
the users have a tendency to be able
to tolerate minor usability issues
when the website is aesthetically
pleasing.
Hick’s law can help this website

become easier to use. By
incorporating Hick’s law, we can cut
down some of the things from the
website, and highlight the things
that need to be highlighted. This will
allow the users to spend less time
searching for things and give the
whole process of using the website
a better feel.
Research
To start this process, we each dove into the project trying to figure out how we can solve
these main problems. I began to look at other universities to see what they did for their
registrar office page to help me create a mood board that helped us as we moved forward
on this product. Once we had each completed some of our research, this led us to
creating our own surveys for UVU students to help us with how they view the website from
an outside perspective.
These graphs from our surveys helped us getting a better understanding of how students
view the website. It seems that a good majority of them, don’t even know what the
registrar office does. This showed us the main problem, we needed to create something
for the registrar office that helps the students know who to go to for help.
Site Map
After diving into the research and seeing what the students answered on our surveys, we
began to work on a site map to help highlight the main things. When creating our site map,
we had to figure out how to have a better navigation process throughout the website.
We spent a good amount of time breaking down each section. This allowed us to land on
something that we thought was best. We wanted to have six important things that can be
found right on the front page and then allow the students to navigate from there.
Wireframes
We held an interview with the registrar office, did our own research and got feedback from
students, figured out the site map and how we wanted to create this new look for the
website, and now we could start wireframing. We each created different pages of
wireframes to create a similar look from page to page. We spent time on mobile and
desktop to create something that we could move forward with.
Surface Comps
Now that we created a wireframe that we liked and had a similar feel from page to page,
we could now move onto adding color and figuring out what we wanted. We took the main
UVU colors and had them implemented into the wireframe. This was a fairly smooth
process and I felt like my surface comps looked how I wanted them. I was really happy
with how they turned out and also how my groups did as we each were able to create the
feel and look from page to page that we wanted.
Testing
After we had our surface comps ready and finished, it was time to prototype them and do
our own testing on the redesign. By doing this we were able to see if we had improved
what we wanted.
The feedback we got was very helpful as users were able to have a better experience
when navigating through the prototype. They noticed how smoothly everything was
connected and how the nav bar on each page didn’t change from page to page. That
helped build the consistency on this website and keep everything under the registrars
office name. One thing we also noticed from this test was that the information taken out,
allowed the users to find what they needed in a well timed manner. They weren’t having
unnecessary information to have to scan through when searching for the details they
wanted to find.
Prototype
https://www.figma.com/proto/K6G8WJuMh1wS3VLG4SS18u/Registrar's-office-
Prototype?type=design&node-id=16-6&scaling=scale-down-width&page-
id=0%3A1&starting-point-node-id=16%3A6
Project Outcome
Now that we had everything ready, we presented our design to help the registrars office to
walk them through the changes we made. They were pleased with the decisions that we
had made and how we had created a design that was nothing crazy, but got what they
wanted to see done. Looking at the design, I was happy with our redesign. We worked
really well as a group that had never worked together before. We implemented some really
helpful design principles and those really helped up with the redesign. Looking through
design principles and finding the right ones was a really helpful thing for us. Doing this
project really helped me learn to work with a team. This was a really enjoyable project that
helped me in many different ways.

Registrar Case Study

Uploaded by

Copyright:

Available Formats

Registrar Case Study

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Registrar Case Study

Uploaded by

Copyright:

Available Formats

Creating a more friendly website for UVU students

Consistency is the most fragile design principle

Chunking caters to short term

Aesthetic Usability Effect could help

Hick’s law can help this website

You might also like