UX corrections

I found some UX issues in my first testing, please find them listed below:

Global changes

❌ Issue

• The tab icons are all the same and generic (Spam Signal default icon). It doesn't help the user to identify what to do

✅ Expected

• The tab icons should be different and more explicit:

  

  Icons used in example are: ri-information-line, ri-search-eye-line and ri-guide-line

General tab

❌ Issue

• The subtitle Get started with Spam Signal doesn't serve any purpose right now as there is only one section in the General tab.

✅ Expected

• On General tab, remove the subtitle Get started with Spam Signal.

  

---

❌ Issue

• Small typo on the subtitle Use~~r~~ your condition in a new flow

✅ Expected

• Should read Use your condition in a new flow

  

Conditions tab

❌ Issue

• After choosing the detection type, the condition gets automatically created and user is directed to the Edit condition page. If user goes back to Conditions tab without editing the condition, it gets listed as an empty condition (name and list). This should not be allowed as these are mandatory inputs.

  

✅ Expected

• Condition should not be created until after the user has filled the mandatory inputs (name and list). This ensures empty conditions can't be created. The button label should reflect this and be changed from Update to Create. Make sure the button label still says Update when editing condition.

  

---

❌ Issue

• On the Detection type page, the term TLD is not very user friendly, the user doesn't have an easy way to understand what detection type they should use.

✅ Expected

• Change the texts on the TLDs option and add examples to make it easier for user to understand:

  

---

❌ Issue

• On the Edit Condition page, the term TLD is not very user friendly […]

✅ Expected

• Change the label of text-input to List of forbidden Top-Level Domains. Comma-separated

• Add .finance, .porn as placeholders for the text-input

  

---

❌ Issue

• When user leaves a mandatory field empty, the error message says There is an error in this field. which is very generic and doesn't help the user on what to do.

✅ Expected

• Change the generic error message to This field is mandatory. when user leaves a mandatory field empty.

  

Flows tab

❌ Issue

• When editing a flow, the UI gets a little cluttered because a lot of the text elements look the same

  

✅ Expected

• Use components seen on other Admin pages to make the UI more readable:

  • Collapsable sections (General, Conditions, Actions)
  • Trigger subtitle becomes a disabled text-input

  

---

❌ Issue

• When user leaves a mandatory field empty, the error message says There is an error in this field. which is very generic and doesn't help the user on what to do.

✅ Expected

• Change the generic error message to This field is mandatory. when user leaves a mandatory field empty.