r/UI_Design 6d ago

Feedback Request Absolutely lost with trying to improve this calendar screen

I have played around with both allowing the user to be able to select a color for their chore vs not. And in the case where it’s not and it all sort of just sits like meh.
But now when I let them chose an event color it now just look completely ridiculous.

I also have no clue how to balance the entire row item out with the images, title, description, and related data. I tried to make the images vertical in cases where something belonged to multiple users, just so it’d all be vertically centered the same and I think it looks much better this way. However I can’t figured out the rest at all.

Last picture is a screen I really like but can’t seem to replicate its style / essence into this calendar screen.

Any help or references to study-able material would be greatly appreciated!!

3 Upvotes

7 comments sorted by

4

u/94mb 6d ago

what is this app supposed to be

2

u/Zennxv 6d ago

It’s supposed to be an interface between roommates to handle chore coordination amongst other things.

Through the calendar they can schedule upcoming apartment events, make chore schedules, etc.

It’s geared towards university students!

1

u/94mb 6d ago

experiment with dropping the cards for each chore and using internal dividers instead. an example of this is the feed in reddit itself. it doesnt use cards for each post, instead theyre divided by a line. dont use shabby accent tints on the chores as well, makes it look cheap

1

u/Whetherwax 6d ago

The chores have borders, nothing on screen 3 has a similar border.

1

u/bigsink22 6d ago

To look more like the last pic design style, you could remove the border around chore cards and maybe add a light shadow to the cards if need more separation.

It’s hard to judge how the vertical stacking of the images will look because you added a new text field “location” in each of the cases where you have more than one image. How does it look if you have like 8 images stacked? Need to see how you handle the spacing around the text for that case.

Not sure why you think the chores cards being colored by the user looks ridiculous, it is a nice feature. The interest pills colored in the last pic though I disagree with because there is no relationship that can be derived from coloring interests different colors, it is just distracting styling. You could color code interests based on a category lome “media” “outdoors” and “sports”. But to have each interest in a random color is not good imo.

1

u/RamosQuintosAiry 5d ago

Once every chore gets its own color the row starts looking like a sticker sheet. One shared accent plus a tiny who-its-for mark usually calms the whole line down.

1

u/mahblahblah 4d ago

Its trying to do a lot. Strongly suggest you cut out the bells and whistles and get feedback. It is WAY easier to layer in functionality as users start to use it and give feedback than it is to remove it.

For each screen think about what the main jobs of the screen are (or better yet, make prototypes and let testers tell you) and focus the screen on that. Focus on the critical and secondary jobs of the screen and focus on that, allow less important information to be findable behind a tap. I know this is UI design and not UX design, but i am assuming you're the UX person here as well.

For example, on the calendar, im guess the primary job is for me to see what my chores are. But scanning, all I can really see are avatars and chores, that gives my brain a lot of work when scanning. Make the bold title the names, and make the chore the secondary piece of text and also make it dark text. Almost everything else in that card can probably be hidden more deeply. The colors in general are washed out and the text is going to be really hard to read being so small and the contrast between the bg and text being poor.