<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://kb.perpendicularangel.com/index.php?action=history&amp;feed=atom&amp;title=Error_Messages</id>
	<title>Error Messages - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://kb.perpendicularangel.com/index.php?action=history&amp;feed=atom&amp;title=Error_Messages"/>
	<link rel="alternate" type="text/html" href="http://kb.perpendicularangel.com/index.php?title=Error_Messages&amp;action=history"/>
	<updated>2026-04-29T15:06:05Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.37.1</generator>
	<entry>
		<id>http://kb.perpendicularangel.com/index.php?title=Error_Messages&amp;diff=3254&amp;oldid=prev</id>
		<title>Kirabug at 00:12, 10 June 2021</title>
		<link rel="alternate" type="text/html" href="http://kb.perpendicularangel.com/index.php?title=Error_Messages&amp;diff=3254&amp;oldid=prev"/>
		<updated>2021-06-10T00:12:11Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 17:12, 9 June 2021&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l4&quot;&gt;Line 4:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 4:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==TL;DR==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==TL;DR==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Error messages can occur at four levels of the application:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Error messages can occur at four levels of the application:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Field-level&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, in a form&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[&lt;/ins&gt;Field-level &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;validation and error messaging]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Page level, when validating a form&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Page level, when validating a form&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Submit / system processing level, when validating a form&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* Submit / system processing level, when validating a form&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Kirabug</name></author>
	</entry>
	<entry>
		<id>http://kb.perpendicularangel.com/index.php?title=Error_Messages&amp;diff=3253&amp;oldid=prev</id>
		<title>Kirabug: Created page with &quot;Error messaging patterns are the patterns we use to tell a user that they can’t move forward in their current task because of the state of the system.   The goal of error me...&quot;</title>
		<link rel="alternate" type="text/html" href="http://kb.perpendicularangel.com/index.php?title=Error_Messages&amp;diff=3253&amp;oldid=prev"/>
		<updated>2021-06-09T22:35:07Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;Error messaging patterns are the patterns we use to tell a user that they can’t move forward in their current task because of the state of the system.   The goal of error me...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Error messaging patterns are the patterns we use to tell a user that they can’t move forward in their current task because of the state of the system. &lt;br /&gt;
&lt;br /&gt;
The goal of error messaging patterns is not to ensure that we prevent errors, (that’s a different set of patterns) but that when errors occur, the user can recover as quickly as possible to move forward. &lt;br /&gt;
==TL;DR==&lt;br /&gt;
Error messages can occur at four levels of the application:&lt;br /&gt;
* Field-level, in a form&lt;br /&gt;
* Page level, when validating a form&lt;br /&gt;
* Submit / system processing level, when validating a form&lt;br /&gt;
* System flat out quit, no user action caused the problem&lt;br /&gt;
Each of these scenarios requires a different form of treatment due to the causes and contexts of the errors. &lt;br /&gt;
==Pattern description==&lt;br /&gt;
This is a parent page for multiple error messaging patterns. &lt;br /&gt;
===Why this is important===&lt;br /&gt;
By providing consistent error messaging we:&lt;br /&gt;
* Increase the user’s confidence in our applications&lt;br /&gt;
* Increase the user’s confidence in their ability to use our applications&lt;br /&gt;
* Ensure higher efficiency of using the system (because the user isn’t slowed down by poor messaging or confusion)&lt;br /&gt;
* Build trust in users that we know what we’re doing and are transparent about it&lt;br /&gt;
===Use when…===&lt;br /&gt;
* Error messages are only used for “hard stop” scenarios. &lt;br /&gt;
===Do not use when…===&lt;br /&gt;
* If the user can proceed but possibly shouldn’t, use a warning.  &lt;br /&gt;
* If the user can proceed and you have additional information for them, use an info message.&lt;br /&gt;
==Additional Resources==&lt;br /&gt;
[[Accessible Error Handling]]&lt;br /&gt;
&lt;br /&gt;
[[Category:Design]]&lt;/div&gt;</summary>
		<author><name>Kirabug</name></author>
	</entry>
</feed>