Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Related Pages: Field Validation

Table of Contents

...

System errors are application and server errors which occur from a failure of problem in communication between the client application and its server.

...

  • An illustration that attempts to visualize and contextualize error.

  • A title which describes the high level nature of the error. This may also contain the error code.

  • A description paragraph that summaries (in a little more detail) the reason(s) why the application entered the error state.

  • Optional helper operations (such as ‘Back’ or ‘Retry’) to help the user recover from the error state.

??Who should developers contact to validate message copy text??

404 system error example

System error structure example

...

  • The system error is centered vertically and horizontally on the full page, content or container area.

  • The illustrations are of ??fixed width and height??.

Interaction

System errors are mostly non interactive with the exception of optional helper operations (e.g. ‘Back’). The rest of the surrounding application should remain intractable when a system error is embedded in a content or container area.

...

Zeplin link

Screen thumbnail

<<Short Zeplin link. You
Use this
>>

<<Screen with 200 width>>

...