OculoFacialSurgeryedu (OFS)

Due to the project's privacy and ongoing development, final product details and visuals are not included in this case study.

The Oculofacial Surgery (OFS) Educational Website is designed to provide medical students, residents, and fellows with a centralized platform for accessing high-quality surgical videos. These videos are recorded during live surgeries by an MS4 and cover a wide range of oculofacial procedures, including eyelid, brow, orbital, reconstructive, lacrimal, and cosmetic surgeries. The project is supported by the ASOPRS Foundation and serves as a resource for Ohio State University’s oculofacial department. It is tailored to learners within the field or those exploring oculofacial surgery as a potential specialty. There is also potential for future collaboration with other institutions, such as Cornell and UCLA.

Problem

Medical students and residents often struggle to find a reliable source for oculoplastic surgical education. Existing resources are scattered and lack consistency, making it difficult for learners to access the information they need. Additionally, there is a lack of platforms that comprehensively cover multiple areas such as eyelid, brow, orbital, reconstructive, lacrimal, and cosmetic procedures.

Role

Researcher & Designer

Stakeholder Interviews

Discussions with medical students, residents, and the OFS project manager highlighted key needs:

  • Easy access to step-by-step video tutorials with clear explanations.

  • Organized content with search functionality for efficient navigation.

  • Regular updates on new techniques and educational materials.

Competitive Analysis

An analysis of platforms like EyeRounds and oculoplastic.eyesurgeryvideos.net revealed:

  • EyeRounds primarily focuses on eye-related content, while our platform covers a broader range of topics, including eyelid, brow, orbital, reconstructive, lacrimal, and cosmetic procedures.

  • Our project is specifically tailored for Ohio State medical students specializing in oculofacial surgery, addressing their unique educational needs.

  • The potential for collaboration with other universities, such as Cornell and UCLA, to expand its reach and content offerings.

Personas

Emma, the Fellow

  • Specializes in oculofacial surgery and seeks mastery of advanced techniques through detailed video content.

  • Needs high-quality, cutting-edge resources and efficient navigation to support learning and practice.

Alex, the Medical Resident

  • Seeks to deepen their understanding of intermediate-level procedures while transitioning into the specialty.

  • Needs organized, comprehensive resources for quick reference during training.

Sarah, the Medical Student

  • Focuses on exploring oculofacial surgery as a career path and accessing foundational learning resources.

  • Needs introductory videos and an easy-to-navigate platform to learn about the field.

Wireframes

  • A clean homepage with an engaging hero section.

  • Logical categorization of surgical procedures (e.g., Eyelid, Orbital, Lacrimal surgeries).

  • A search bar for quick content access.

Desktop wireframes of Home, Cometic, and About OFS pages

Responsive Design Approach

This project focused on developing a user-friendly website on desktop and mobile devices, ensuring accessibility for all users. The design process began with creating desktop layouts to establish a solid structure and functionality.

After finalizing the desktop design, adjustments were made to optimize the interface for mobile users, specifically catering to the needs of students and residents who frequently access content while on the go.

Due to the project's privacy and ongoing development, final product details and visuals are not included in this case study.

Information Architecture

To ensure that the platform meets user needs and provides an intuitive experience, this document outlines the information architecture that has been developed.

Usability Testing

Feedback from testing included:

  • Identification of a missing home button, which was added to improve navigation.

  • Positive reactions to the mobile-friendly design and intuitive layout.

  • Requests for features like bookmarking and notifications for new content.

Current Progress and Feedback

This project is currently in its final stages of development. Key milestones include:

  • Receiving positive feedback from stakeholders regarding the website’s usability and design.

  • Addressing navigation issues, such as adding a home button based on insights from usability testing.

  • Ensuring the site is mobile-responsive to accommodate users who primarily access it on their phones.

The next steps involve:

  • Conducting a final round of usability testing to ensure smooth navigation and flow.

  • Collaborators need to upload the remaining videos to complete the content library.

  • Exploring potential collaborations with institutions like Cornell and UCLA to expand the platform's reach.

Reflection

This project has been a rewarding and iterative learning experience. Collaborating with stakeholders and the project manager helped refine the design to meet the educational needs of students, residents, and fellows. Designing for both desktop and mobile ensured accessibility across devices, addressing the busy schedules of users.

The project is close to completion, and I am excited to see its impact on the learning experience in the oculofacial surgery field.