INTRODUCTION
I'm excited to share the development of OfficeOurs, our last senior year capstone project, on my UX portfolio page. This dynamic project used an agile methodology, which allowed us to complete work in sprints and deliver incremental improvement.
As a team comprising one other UX designer and nine CIS majors, we were assigned the challenge of creating a website queuing management system. Guided by a client and stakeholders who provided a list of requirements and desired features, we embarked on this collaborative endeavor.
In my role, I was responsible for delegating responsibilities to the project manager on the CIS side, ensuring smooth coordination between our disciplines. We established a strong foundation by conducting user research, gaining valuable insights into user preferences and needs.
Applying the principles of UX design, we moved forward with wireframing and prototyping the website, shaping its structure and flow to enhance usability. Collaborating closely with front-end developers, we transformed our designs into a functional website, utilizing HTML, CSS, and Bootstrap.
Throughout the development process, we adhered to a user-centric approach, continuously testing our website with users. This iterative feedback loop enabled us to refine our features and ensure they effectively met the needs of our target audience.
SPRINT 1
PROJECT SUMMARY
In this project, AD Co. will create a user-friendly and effective Office Hours Management System, streamlining the tedious and confusing process for both student and faculty stakeholders. The website will be securely hosted on an Amazon Web Services instance, also in a local environment, and developed using C#, Bootstrap, HTML, and CSS. This system will provide users the ability to manage their office hours meetings easily and effectively through different pages focused on the creation of meetings, sign-up forms, and management of all appointments. UX/UI Engineers will create visually appealing pages that fit the client’s needs and preferences. Throughout the development of this product, AD Co. will work closely with various stakeholders through frequent interviews and user tests to receive feedback on design, functionality, and other needs, which will be implemented to deliver the best solution for our clients.
PROJECT APPROACH
Our team will use an Agile project approach in order to ensure feedback can be acted on quickly and that responsive changes can be made at each stage of a sprint or product cycle. This is something that our group feels will promote cohesion between all members of the group and foster the best possible product for the clients in the end. Since the Agile project management was originally developed for software development and collaboration within a timeframe it is the perfect fit for our team. We are looking to play into the strengths of our team members and this means that the CIS members will be focusing on the back end of the system development and our SMAD teammates will be using their creative vision to design an appealing and practical user experience.
PROJECT OBJECTIVES
-
Create an application that is efficient and easy to use
-
Create a single place where faculty and students can go to sign up for and monitor meetings
-
Complete the finished application within the desired timeline.
-
Have an open and clear communication approach between all team members and the clients in order to keep up with any developments in requirements.
-
Build in some sort of tracking or penalty to avoid abuse for missing or late cancel.
-
Ability to cancel for a student/ability to reschedule.
-
Ability to see where you are in the queue for both parties.
-
Alert system for the student when the instructor is ready to meet.
-
The ability for instructors to override queues for authority or priority.
-
Reschedule office hours and an alert for those in the queue.
-
Be able to look at and analyze data of what hours are busiest and not (Time data).
-
Stats on how many times a student has missed or attended office hours.
-
Able to extend or shorten office hours and open or close the queue at a time accordingly.
-
Send messages to students in the queue.
PROJECT GOALS / REQUIREMENTS
Notifications
As a professor, I want a notification to go to the student when I am ready to meet, and give them 5 minutes to arrive so that the meetings are efficient and on time.
Alternative tutoring times
As a professor, I want the application to provide alternative tutoring hours for students if the waiting time exceeds 30 minutes, so that students have the option to meet with a tutor instead of waiting for me.
Waiting Time
As a student, I want to be able to see how many are in the queue before me or where I am in the queue so that I can plan my visit accordingly and minimize my waiting time.
Prioritize Users
As a professor, I want to implement a priority system that will allow me to "over-ride" the priority order and prioritize students with urgent needs or emergencies.
More accurate meeting time
As a student, I want to be able to pick the purpose for my visit from a drop-down menu so that the instructor can prepare for our meeting and allocate the appropriate amount of time.
Easy Organization of all meetings
As a student, I want to be able to check the queue for multiple classes so that I can strategically plan my visits and avoid missing any meetings.
AUDIENCE INFORMATION
PRIMARY AUDIENCE
The primary audience for this application is students who need to schedule appointments with their instructors during office hours. These students may have multiple classes and want to be able to see the queue for each class so they can plan their visits accordingly. They will need to have a Dukes account to register for the app and will provide their name and mobile phone number for appointment confirmation and text purposes.
SECONDARY AUDIENCE
The secondary audience for this web application is the professors who are holding office hours on a first come first serve basis and require a better way of organizing the line. They want the ability to prioritize students within the queue to allow for better wait times for students who need the attention.
TIMELINE
SPRINT 1
MARCH 1 - 6
-
Determine whose project to move forward with
-
Determine considerations for Amazon cloud deployment
-
Meet with the client to refine systems necessities and wants
-
Meet with SMAD to better understand how our group can complete the project considering both majors’ knowledge
-
Segment group into smaller groups with similar strengths
-
Bug fixes of chosen system
SPRINT 2
MARCH 10 - 30
-
Determine system requirements to avoid abuse by users
-
Determine data collection methods and how to present the data
-
Determine how to handle students that were not seen in an office hours session they signed up for
-
Add additional controls to professor accounts to customize their office hours
-
Add recurring office hours
-
Implement necessary changes for a cloud-based system
SPRINT 3
MARCH 31 - APRIL 13
-
Final client meeting for final thoughts or changes
-
Code clean-up and testing
-
Optimization for mobile devices
-
Implement smaller requirements or wants
-
User testing
-
Implement student-user wants that were not included by the client
UX RESEARCH
The user research was conducted through an online survey, which received 47 responses from college students aged between 19-23 years old. The survey aimed to understand students' experience with scheduling office hours with their professors, and how an app could make this process easier and more efficient.
The survey was diverse, with respondents from different majors to make the app as versatile as possible. When asked how often they schedule office hours with their professors, the majority of respondents (51.1%) said less than once a month, with only 2.1% saying they schedule office hours twice or more per week. The average score for scheduling ease on a scale of 1-5 was 3.66, indicating that scheduling office hours with professors is not always straightforward.
The survey also sought to understand the reasons why students attend office hours. The most common reasons were to get help with course content or test preparation (74.5%), followed by additional help with assignments (38.3%) and personalized feedback (46.8%). Other reasons included building relationships with professors (34%), discussion of ideas and topics (17%), and career and academic advice (12.8%).
The biggest challenge students faced when scheduling office hours was finding a mutually convenient time for both the student and the professor. Respondents mentioned difficulties with conflicting schedules, class times, and availability, as well as communication issues such as email exchanges and not being able to see all available hours listed and updated. Some students expressed discomfort with the scheduling process, while others reported a lack of familiarity with it.
When asked if they had ever missed an office hours appointment due to scheduling conflicts, 25.5% of respondents said yes. The reasons for missing appointments included conflicts with other mandatory meetings, having class during the scheduled office hours, emergencies, oversleeping, and having a busy schedule with work and other commitments. Some students reported that the teacher's availability did not align with their own, making it impossible to attend office hours.
In terms of app features, respondents indicated that they would like to see an easily navigable interface, the ability to view professors' schedules and availability, a shared calendar, and a notification system for reminders. They also suggested the ability to schedule appointments for specific lengths of time, customization of hours to fit personal schedules, and the ability to see how many other students are scheduled to meet with the professor. The app should be user-friendly and universal, with a design similar to existing scheduling tools such as Calend.ly or Signup Genius.
Respondents considered it important to view the availability of their professors in real-time while scheduling office hours appointments, with an average score of 4.23 on a scale from 1-5. Email was the preferred method of communication with professors for most students (63.8%), followed by in-person communication (27.7%) and phone (7.8%). Respondents also considered the ability to communicate with professors through the scheduling app important, with an average score of 4 on a scale of 1-5.
The majority of students scheduled office hours appointments 2-3 days before, with appointments typically lasting between 10-30 minutes. Respondents considered reminders before scheduled appointments important, with an average score of 4.55. A quarter of students had to reschedule appointments due to conflicts that arose after the initial appointment was scheduled, making the ability to reschedule appointments through the app important, with an average score of 4.34.
The survey also sought to understand what an appropriate penalty for a student who misses a scheduled appointment would be. Responses varied, with some suggesting no penalty or a simple apology, while others suggested a 2 or 3-strike system where students lose the privilege of scheduling appointments if they miss too many.
SPRINT 2
DESIGN QUESTION
How can we improve the experience of college students and professors scheduling office hours through an interface that allows them to monitor queues in real-time and get notified when they're ready to be seen?
GOALS & APPROACH
Our overall goal with the Office Hours Queue Management System project was to create an efficient and user-friendly platform that simplifies the process of joining virtual queues for both students and faculty members. Our team's approach to solving user interface problems involved several steps. First, we conducted user research to identify the pain points that users faced when trying to schedule appointments or join virtual queues. This helped us to understand the specific challenges that users were experiencing and allowed us to design a system that addressed those challenges. Next, we created wireframes and prototypes to test different design concepts and user flows. This helped us to identify any usability issues early on and make changes before investing too much time in development.
As we developed the system, we worked closely with stakeholders to gather feedback and make iterative improvements to the user interface. We incorporated user feedback into our designs and made changes based on usability testing. In addition, we focused on creating a visually appealing user interface that was easy to navigate and intuitive to use. We used a consistent design language throughout the platform, making it easy for users to understand how to interact with different parts of the system. Overall, our team's approach to solving user interface problems involved a combination of user research, iterative design, and close collaboration with stakeholders. We were able to create a system that simplifies the process of joining virtual queues and provides a user-friendly experience for both students and faculty members.
ILLUSTRATED USER NARRATIVE
USER STORIES
-
As a professor, I want a notification to go to the student when I am ready to meet and give them 5 minutes to arrive so that the meetings are efficient and on time.
-
As a professor, I want to implement a priority system that will allow me to "override" the priority order and prioritize students with urgent needs or emergencies.
-
As a professor, I want my students to be able to pick the purpose for the visit from a drop-down menu so I can plan accordingly and maximize my time.
-
As a student, I want to be able to see how many are in the queue before me or where I am in the queue so that I can plan my visit accordingly and minimize my waiting time.
-
As a student, I want to be able to search by my professor's names to easily find them and their available office hours.
VALUE PROPOSITION
VALUE
DESCRIPTION
IMPROVED EFFICIENCY
The OfficeOURS Queue Management System can automate the process of managing appointments and queues, resulting in less time and effort required from staff and improved operational efficiency.
REDUCED WAIT TIMES
With OfficeOURS, customers can book appointments in advance and receive real-time updates on wait times, reducing the amount of time they spend waiting in line.
ENHANCED CUSTOMER EXPERIENCE
The OfficeOURS application can provide customers with a seamless experience from start to finish, including appointment booking, check-in, and notifications. This can lead to increased customer satisfaction and loyalty.
IMPROVED COMMUNICATION
The OfficeOURS application can improve communication between staff and customers, providing real-time updates and alerts about appointments and wait times. This can help to avoid misunderstandings and ensure that customers are kept informed throughout the process.
DATA ANALYTICS
The OfficeOURS application can provide valuable data insights, such as peak times, average wait times, and customer behavior. This information can be used to optimize staffing levels, improve service offerings, and make data-driven decisions.
FRONT-END DEVELOPMENT
SPRINT 3
CURRENT SCENARIO
The OfficeOurs System by AD Co. is a web-based platform that streamlines the office hours process for students and professors. Our system allows users to easily manage their office hours slots, view real-time queues, access student information, and receive notifications when professors are ready to meet with them. OfficeOurs is currently going through a "remodel" to work through some bugs and elevate it's features like: the edit information modal on account pages, ensuring accurate data is displayed on the dashboard, and adjusting the search bar to properly filter.
USER NEEDS
-
Professors need to be able to notify students that they are ready to be seen through effective notification.
-
Professors need to be able to modify the order of students to prioritize ones who were not able to get seen previously.
-
Professors need an accurate dashboard displaying all their office hour statistics.
-
Students need to be able to attach a reason to their office hours sign-up, so professors can prepare for the meeting.
-
Students need to be able to quickly search and find the professor they are trying to find office hours for.
TECHNICAL GOALS
-
Get data on the faculty home page working
-
Attendance Rate
-
Average Meeting Time
-
-
Have an easier path to edit office hours, change view upcoming language to create or edit office hours
-
Confirmation before deleting an office hours
UI SOLUTION
-
Dashboard: The Dashboard provides an overview of todays office hours, classes, and a data dashboard for professors.
-
Live Queue: The Live Queue page displays the real-time queue of a professors current office hours slot. Students can easily view their position in the queue and estimate the wait time. Professors have the ability to manage their queue and adjust priority as needed.
-
Account Pages: The Account pages provide users with the ability to edit their personal information, such as their name, email address, and office hours availability using information modals.
-
Search Bar: The search bar has been updated to properly filter through the available professors based on their name or subject area.
-
Notifications: To ensure that students receive timely notifications, we have integrated email notifications that alert them when a professor is ready to meet with them.
USER NARRATIVE
PERSONAS
INTERVIEW FINDINGS
-
Professors want to be able to set their availability for office hours in advance and be able to update it easily if needed. They want to have control over their availability and be able to communicate changes to their students.
-
Students want to be able to see the availability of different professors so they can choose the best time slot for them.
-
Both professors and students want a system that sends notifications about when the professor is ready to see them, either through email or a mobile app.
-
Professors want to be able to see a list of students who have signed up for their office hours and any notes or reasons they may have added during sign-up.
-
Students want a system that allows them to cancel or reschedule their queue slot easily, without having to email the professor directly.
-
Both professors and students want a user-friendly interface that is easy to navigate and does not require a lot of training or technical knowledge to use.
-
Professors want a system that allows them to prioritize certain students, such as those who need extra help or are struggling in the course.
-
Students want a system that is fair and transparent, so they can see how the queue is managed and know when it is their turn to meet with the professor.
-
Both professors and students want a system that is reliable and does not experience downtime or technical issues, as this can be disruptive to the scheduling process.
-
Professors want to be able to view data and analytics about their office hours, such as how many students they have met with, how long each appointment lasted, and what topics were discussed. This can help them improve their teaching and identify areas where students may be struggling.