A Practical Guide To Suicide Prevention For GPs
- UI/UX Design
- Front-end Development
The aim of the eLearning project was to create a quality website for General Practitioners on “suicide prevention training”. The training program is divided into three topics which contain video and audio presentations, case study assessments, interactive learning activities, and a host of other useful resources.
This was a collaboration project with my business partner, Phuong Huynh and my primary role is as a User Experience Designer and Front-End Developer.
We worked directly with Associate Professor Owen Carter from Edith Cowan University to design a web app to meet this goal.
In the planning phase, I created a site flow that shows a high level view of the site size and complexity. It also showed how the pages should link to each other.
The design process starts with creating an interactive low-fidelity wireframe by using InVision to establish site structure, reflow and functionality. I used it as part of the Usability Phase to determine best arrangement of elements and their functionality.
With the style guide and high-fidelity wireframes, it showed the client that how the layout, navigation, buttons and form elements are coming together and is a nice way to see how the interaction works.
The dashboard for GPs is a single page that displays the module progress and links to each module.
This overview page contains the module brief and structure. It also indicates the module progress with links to each section (depends on the completion).
The learning material of module consists of the following content types:
- Diagrams / Images
- Drag-and-drop interactions
- Multiple Choice: choose one answer (or multiple answers) from a list of answer choices