The user navigates across the website using a sidebar (Fig 7) that appears on the left of the screen when a button is clicked. The sidebar also displays an indicator showing the number of notifications a user currently has.
By only appearing when the user wants to navigate to a new page, this allows the front end to fully utilise the
limited space available on a mobile device. The front end uses a mobile-optimised navigation system where, when
the user tries to navigate to a new page, the front end fetches the information from the back end and creates it in a
page hidden from the user, which then slides into view upon completion, replacing the original page. A loading
animation is presented to the user while the page is loaded (Fig 7), and notifies the user if an error has occurred.
The main page of the website has two different display modes, one designed for a landscape aspect ratio and one
designed for a portrait aspect ratio (Fig 8). Switching between slides will automatically scroll the transcript to the
appropriate section for that slide, and selecting a Synmark will automatically scroll to the image that applies to that
Synmark.
The user navigates across the website using a sidebar (Fig 7) that appears on the left of the screen when a button is clicked. The sidebar also displays an indicator showing the number of notifications a user currently has.
By only appearing when the user wants to navigate to a new page, this allows the front end to fully utilise the
limited space available on a mobile device. The front end uses a mobile-optimised navigation system where, when
the user tries to navigate to a new page, the front end fetches the information from the back end and creates it in a
page hidden from the user, which then slides into view upon completion, replacing the original page. A loading
animation is presented to the user while the page is loaded (Fig 7), and notifies the user if an error has occurred.
The main page of the website has two different display modes, one designed for a landscape aspect ratio and one
designed for a portrait aspect ratio (Fig 8). Switching between slides will automatically scroll the transcript to the
appropriate section for that slide, and selecting a Synmark will automatically scroll to the image that applies to that
Synmark.
การแปล กรุณารอสักครู่..
