|
1 | 1 |
|
2 | 2 | # Error and Warning Message Guidelines
|
3 | 3 |
|
4 |
| -- These guidelines ensure that messages are user-friendly, clear, and helpful while maintaining a professional tone. 🚀 |
5 |
| -- Originated from [guidelines](https://wiki.speag.com/projects/SuperMash/wiki/Concepts/GUI) by @eofli and refined with ChatGPT |
| 4 | +These guidelines ensure that messages are user-friendly, clear, and helpful while maintaining a professional tone. 🚀 |
| 5 | + |
| 6 | +Some details: |
| 7 | + |
| 8 | +- Originated from [guidelines](https://wiki.speag.com/projects/SuperMash/wiki/Concepts/GUI) by @eofli and refined iterating with AI |
6 | 9 | - Here’s the fully expanded and rewritten list of **error and warning message guidelines**, each with:
|
7 | 10 | - A **guideline**
|
8 | 11 | - A **rationale**
|
9 | 12 | - A ❌ **bad example**
|
10 | 13 | - A ✅ **good example**
|
11 | 14 | - A **reference**
|
| 15 | +- This list is intended to be short enough to be read and understood for humans as well as complete so that it can be used as context for automatic correction of error/warning messages |
12 | 16 |
|
13 | 17 | ---
|
14 | 18 |
|
15 |
| -### **1. Be Clear and Concise** |
| 19 | +## 1. Be Clear and Concise |
| 20 | + |
16 | 21 | - **Guideline:** Use straightforward language to describe the issue without unnecessary words.
|
17 | 22 | - **Rationale:** Users can quickly understand the problem and take corrective action when messages are simple and to the point.
|
18 | 23 | - ❌ **Bad Example:**
|
|
23 | 28 |
|
24 | 29 | ---
|
25 | 30 |
|
26 |
| -### **2. Provide Specific and Actionable Information** |
| 31 | +## 2. Provide Specific and Actionable Information |
| 32 | + |
27 | 33 | - **Guideline:** Clearly state what went wrong and how the user can fix it.
|
28 | 34 | - **Rationale:** Specific guidance helps users resolve issues efficiently, reducing frustration.
|
29 | 35 | - ❌ **Bad Example:**
|
|
34 | 40 |
|
35 | 41 | ---
|
36 | 42 |
|
37 |
| -### **3. Avoid Technical Jargon** |
| 43 | +## 3. Avoid Technical Jargon |
| 44 | + |
38 | 45 | - **Guideline:** Use plain language instead of technical terms or codes.
|
39 | 46 | - **Rationale:** Non-technical users may not understand complex terminology, hindering their ability to resolve the issue.
|
40 | 47 | - ❌ **Bad Example:**
|
|
45 | 52 |
|
46 | 53 | ---
|
47 | 54 |
|
48 |
| -### **4. Use a Polite and Non-Blaming Tone** |
| 55 | +## 4. Use a Polite and Non-Blaming Tone |
| 56 | + |
49 | 57 | - **Guideline:** Frame messages in a way that doesn't place blame on the user.
|
50 | 58 | - **Rationale:** A respectful tone maintains a positive user experience and encourages users to continue using the application.
|
51 | 59 | - ❌ **Bad Example:**
|
|
56 | 64 |
|
57 | 65 | ---
|
58 | 66 |
|
59 |
| -### **5. Avoid Negative Words and Phrases** |
| 67 | +## 5. Avoid Negative Words and Phrases |
| 68 | + |
60 | 69 | - **Guideline:** Steer clear of words like "error," "failed," "invalid," or "illegal."
|
61 | 70 | - **Rationale:** Positive language reduces user anxiety and creates a more supportive experience.
|
62 | 71 | - ❌ **Bad Example:**
|
|
67 | 76 |
|
68 | 77 | ---
|
69 | 78 |
|
70 |
| -### **6. Place Messages Appropriately** |
| 79 | +## 6. Place Messages Appropriately |
| 80 | + |
71 | 81 | - **Guideline:** Display error messages near the relevant input field or in a clear, noticeable location.
|
72 | 82 | - **Rationale:** Proper placement ensures users notice the message and understand where the issue occurred.
|
73 | 83 | - ❌ **Bad Example:**
|
|
78 | 88 |
|
79 | 89 | ---
|
80 | 90 |
|
81 |
| -### **7. Use Inline Validation When Possible** |
| 91 | +## 7. Use Inline Validation When Possible |
| 92 | + |
82 | 93 | - **Guideline:** Provide real-time feedback as users interact with input fields.
|
83 | 94 | - **Rationale:** Inline validation allows users to correct errors immediately, enhancing the flow and efficiency of the interaction.
|
84 | 95 | - ❌ **Bad Example:**
|
|
89 | 100 |
|
90 | 101 | ---
|
91 | 102 |
|
92 |
| -### **8. Avoid Using All-Caps and Excessive Punctuation** |
| 103 | +## 8. Avoid Using All-Caps and Excessive Punctuation |
| 104 | + |
93 | 105 | - **Guideline:** Refrain from writing messages in all capital letters or using multiple exclamation marks.
|
94 | 106 | - **Rationale:** All-caps and excessive punctuation can be perceived as shouting, which may frustrate users.
|
95 | 107 | - ❌ **Bad Example:**
|
|
100 | 112 |
|
101 | 113 | ---
|
102 | 114 |
|
103 |
| -### **9. Use Humor Sparingly** |
| 115 | +## 9. Use Humor Sparingly |
| 116 | + |
104 | 117 | - **Guideline:** Incorporate light-hearted language only when appropriate and aligned with the application's tone.
|
105 | 118 | - **Rationale:** While humor can ease tension, it may not be suitable for all users or situations and can sometimes be misinterpreted.
|
106 | 119 | - ❌ **Bad Example:**
|
|
111 | 124 |
|
112 | 125 | ---
|
113 | 126 |
|
114 |
| -### **10. Offer Alternative Solutions or Support** |
| 127 | +## 10. Offer Alternative Solutions or Support |
| 128 | + |
115 | 129 | - **Guideline:** If the user cannot resolve the issue independently, provide a way to contact support or access help resources.
|
116 | 130 | - **Rationale:** Offering support options ensures users don't feel stranded and can seek help to resolve their issues.
|
117 | 131 | - ❌ **Bad Example:**
|
|
0 commit comments