Client
BCIT
Year

2015

Project
BCIT Office of Administrator Program Website
Deliverables
  • Responsive Web Design
  • Web Development
  • User Research & Testing

Implementing usability improvements and new features to enhance the students’ experiences

The Brief

We were given the opportunity to re-design the internal website for BCIT’s Office Administrator with Technology Program. Prioritizing the content and simplifying the navigation and information architecture became a clear objective. A new design, look and logomark was in desperate need to best reflect the students and create a pleasant user experience that connected with the target audience. The primary users of the website are mainly females, ages 18-50, and non-tech savvy.

Discovery

To best understand who we were designing for, our team spoke with the students to discover more about them, and their likes and dislikes of the current website. We learned what content was most important to them – the schedule and job resources. Prioritizing content and the navigation became clearer with this key user research.

The former BCIT OAT Website.

New Features for Enhanced Experiences

Discovering the user painpoints and needs gave birth to innovative ideas. Addressing usability, we implemented 3 effective ideas not used on the previous site:

1) mySQLI Databases to output class schedules and student information dynamically, to improve usability for faculty and staff.

The previous website was entirely hardcoded, meaning faculty would need to access the code in order to update the schedule and student information. We wanted to make it easier for faculty to make these updates which are done three times a year. By creating .csv files to import into the database, faculty can easily input data with excel and we can output this content dynamically with a customized style.

2) Created a class schedule ‘widget’ using the mySQLI Database information

By creating the databases, we can dynamically retrieve and output the schedule information in the form of a global ‘widget’, so students can easily see the upcoming class information. On desktop, the widget is located in the top right corner of the header, where it can be globally viewed throughout the website. For mobile, we created a simplified version of the homepage, focusing on the class widget as the main view point.

2) RSS Feed for Job Postings.

Job resources were important to the students. We wanted to help students get motivated to search for jobs, so we researched RSS feeds and implemented the BC Civic Jobs Administrative positions onto the jobs page.

Trial and Error

User Testing was conducted in a controlled environment with survey questions and tasks prepared for users to complete with the first working prototype. Our discoveries led to some minor design changes: mostly colours and larger navigation.

The Outcome

Our team designed and produced the chosen design to go live April 2015. From the beginning, we addressed the users needs and the goal for the website: to enhance the design appeal and create a functional website, representative of BCIT and the OAT program. It was a great challenge from the design perspective, representing accurately BCIT through professionalism and colour choices, as well as handcoding the entire website without the use of frameworks to have total control. Another challenge, was implementing and using databases for the first time and writing PHP code to output the course schedules dynamically. From the beginning, we wanted to create a thoughtful website that really catered to the students and facultys needs. We successfully achieved this through creative problem solving, great teamwork and communication, and always keeping the end user in mind.

View the Website