UI Frames

[digable1]

Task Description
Create reference UI frames. This might be done in code or Figma, depending on time constraints and what is the best approach. Will leverage the main graphic page from the Menu Scheduler specifications (other support pages need to be defined)

[bobbygrdn]

Here is my first design for the dashboard of our application. It should encompass most of what we want to add to our web app. This is just a rough design and can be completely changed. I also think updating the color palette will be necessary because I used too much white.

[digable1]

@bobbygrdn I know this is just a mockup - but:

I see all 3 nights have the title "Mediterranean Feast". With 12 dishes and 3 dietary options listed for all 3.

The requirements say "no duplicates". However, that could be different dishes amongst the 12, so the fact that this is the same category is ok. Or not. What do we think about this?

At the minimum, we might want to expose the actual dish for each night, even if the week is "Mediterranean Feast".

For the Dietary alerts, we might want to have an alert for each night - right now I'm reading this as some 2 dishes out of the 12 have this alert. But you have to drill down to figure out which ones, as it's not on the dashboard.

And if we want to say "tomorrow's menu", we probably want a date/timestamp on this dashboard, so the baseline of when it's "tomorrow" (did somebody leave the screen without refreshing for a day?)

[bobbygrdn]

I'm sorry for the confusion. I probably should have added this to my explanation: "This is dummy data for a mockup. It is to get a design feel and adjust. So please do not pay attention to any data in the mockup."

As this is our first design, I do not expect it to stay the same. We can get into the finer details in future tickets.

[digable1]

Yeah I figured. I think I'm really suggesting that the data of some sort be rendering as part of the overall look and feel of the mockup.

However, if this really just a mockup of the layout, knowing we want to mock up the data as we define the fields, then yeah ignore me.

[bobbygrdn]

I did another design for our dashboard. Here is the dark theme mode for our dashboard. I think it is a clean look with a good contrast.

[digable1]

@bobbygrdn I believe you have just created a "nice to have" requirement to go into the backlog: The ability to select skins of the pages, with the first two options being "light" or "dark" (says the product owner impersonator)

[bobbygrdn]

The primary goal of this ticket is to develop a UI design. I'm currently focused on the design aspect, not on feature development or backlog additions. Please provide feedback specifically on the design, so I can proceed effectively with this ticket. I will continue working on the Figma design for other pages identified from the requirements.

Thanks for your understanding!