Session Management POCs - Graduate Study Online - American Psychological Association

Winning Designs

This modal would show up 5 minutes before the user's session is about to expire (with a session expiration time of inactivity set to 30 minutes).
The "Log Out" button would log the user out of the session and navigate to the custom GradStudy login page.
The "Stay Logged In" button would persist the active GradStudy session and close the modal.
Clicking on the "X" to close the modal would count as activity and persist the GradStudy session. In addition, if the user clicks out of the modal (on the overlay), that too will count as activity and persist the GradStudy session.

Then, once the session has expired, the platform would redirect to the GradStudy login page, with a top warning alert of:

You have been logged out of Graduate Study in Psychology because your session was inactive for 30 minutes.

This modal would show up 5 minutes before the user's session is about to expire (with a session expiration time of inactivity set to 30 minutes). Note that the timer would have to be tested for accessibility.
The "Log Out" button would log the user out of the session and navigate to the custom GradStudy login page.
The "Extend Session" button would persist the active GradStudy session and close the modal.
Clicking on the "X" to close the modal would count as activity and persist the GradStudy session.

Then, once the session has expired, the "session about to expire" modal would close, and this one opens up:

The "Okay" button would navigate the user to the custom GradStudy login page.
Clicking on the "X" to close the modal would navigate the user to the custom GradStudy login page.