# Advanced Flow UX improvement: different colour cards for WHEN, AND, THEN

**URL:** <https://community.homey.app/t/advanced-flow-ux-improvement-different-colour-cards-for-when-and-then/70110>\
**Category:** Ideas & Suggestions\
**Tags:** advancedflow\
**Created:** [October 9, 2022, 7:58am UTC](https://community.homey.app/t/advanced-flow-ux-improvement-different-colour-cards-for-when-and-then/70110 "2022-10-09T07:58:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gary\_Lane](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/gary_lane/32/49965_2.png) [@Gary\_Lane](https://community.homey.app/u/Gary_Lane)\
**Post date:** [October 9, 2022, 7:58am UTC](https://community.homey.app/t/advanced-flow-ux-improvement-different-colour-cards-for-when-and-then/70110/1 "2022-10-09T07:58:31Z")

</div>

Advanced flows can get complictaed, and with different apps labelling their cards with their own logic, it is sometimes ahrd to revisit a flow and know whether a card is an AND card or a THEN card. It would be visually handy if the WHEN cards, the AND cards and the THEN cards had different background colours (or border colours).

---

<div class="post-metadata">

**Author:** ![Peter\_Kawa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_kawa/32/173848_2.png) [@Peter\_Kawa](https://community.homey.app/u/Peter_Kawa)\
**Post date:** [October 9, 2022, 4:20pm UTC](https://community.homey.app/t/advanced-flow-ux-improvement-different-colour-cards-for-when-and-then/70110/2 "2022-10-09T16:20:51Z")

</div>

Agreed it can be a little more clear!

You can consider making ‘zones’ for the three kinds with a label for each column.

Differences are minimal but:

- A When card has a rounded left hand side _without connector_  
(a trigger card can’t be started by another card)
- An And card has _two connectors_ at the right hand side  
(the result of a condition is always true or false)
- A Then card has _one connector at both sides_  
(to pass on the “I finished OK” signal)

 ![Screenshot from 2022-10-09 18-17-43](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/a/f/af3c59afd9f67fd0fa0bc71882df38d8e529a490.png)

---

<div class="post-metadata">

**Author:** ![Gary\_Lane](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/gary_lane/32/49965_2.png) [@Gary\_Lane](https://community.homey.app/u/Gary_Lane)\
**Post date:** [October 10, 2022, 11:04am UTC](https://community.homey.app/t/advanced-flow-ux-improvement-different-colour-cards-for-when-and-then/70110/3 "2022-10-10T11:04:22Z")

</div>

Thanks for that helpful reply. Yes, I’m aware of the difference but it can sometimes be hard to see. A coloured background would be clearer I feel so just making the suggestion.

---

<div class="post-metadata">

**Author:** ![Peter\_Kawa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_kawa/32/173848_2.png) [@Peter\_Kawa](https://community.homey.app/u/Peter_Kawa)\
**Post date:** [October 10, 2022, 1:04pm UTC](https://community.homey.app/t/advanced-flow-ux-improvement-different-colour-cards-for-when-and-then/70110/4 "2022-10-10T13:04:09Z")

</div>

Agreed, but that’s why I use the columns in the meantime. Then it’s pretty organized imho 😉
