Common way to display notifications and errors

[tschaka1904]

It would be nice to have a common layout and way to display errors and notifications. We're currently using ngToast. Which gets then displayed in different colours in the corner.

But there are different notifications all around the ebi. I know that this might be a bit tricky, but maybe we can add a guideline for this as well.

[khawkins98]

There's definitely a need to handle notifications in a consistent way across the services, both in a recommended technical solution and placement pattern — this is another place we can all benefit from consistent behaviour and shared UX testing.

One other example from QuickGO:

It would, perhaps, be good if there was some sort of notification "dock" area in the local navigation bar.

At a very primitive level perhaps something along these lines:

• A fixed point that could fit into existing architecture (right of local nav)
• Visible on page load (opens on load)
• Can be update with callbacks (ie "Your session expires in 5 minutes")

These would be "good to know" notifications. We would still need a pattern for disruptive popups (ie "You've been logged out"), there the standard Foundation reveal modal could suffice: