shavonneg / pe

0 stars 0 forks source link

No padding is added between each patient #11

Open shavonneg opened 4 months ago

shavonneg commented 4 months ago

Ui can appear to be very clustered due to the lack of padding between each patient especially given the rounded edges which indicate that there is expected to be padding between each patient.

Screenshot 2024-04-19 at 16.53.14.png

nus-pe-bot commented 4 months ago

Team's Response

The team's preference after testing with multiple users is without the padding as it looks nicer this way. The rounding gives some padding to the text box itself for a neater look.

Items for the Tester to Verify

:question: Issue response

Team chose [response.NotInScope]

Reason for disagreement: Thank you for pointing that out. However, as a user, it makes sense to have adequate padding between elements with rounded corners because it increases readability and clarity. As seen in the article below, this provides breathing room and separation between the content and its surrounding elements which makes it clearer for the user. https://app.uxcel.com/glossary/paddings

This would help to distinguish between individual components (in this case each patient) to make the interface easier and clearer to view, especially for users who rely on visual cues for hierarchy and segmentation. Having the boxes so close together also will add visual tension and make the interface more cluttered.

https://www.lenovo.com/sg/en/glossary/white-space/?orgRef=https%253A%252F%252Fwww.google.com%252F

As seen from the article above as well, white space helps to provide breathing room between elements and allows users to focus on the key information, preventing overcrowding. This will enhance readability and make it easier for users to scan and understand the content.

Furthermore, the law of proximity states that objects that are near to each other tend to be seen as a group, but in this case, each object that is here (one patient's information) is considered separate from the second object (a second patient's information).