Let's say you have a table that shows you how much a meal voucher is worth at a dining hall at a certain time, so like:
Meal Time Equivalency Rate 7:30 a.m. – 10:45 a.m. $5.00 10:46 a.m. – 4:45 p.m. $7.00 4:46 p.m. – 7:30 p.m. $9.00 7:31 p.m. – 2:00 a.m. $7.00
I want to display this data as efficiently (not necessary completely) as possible in one line at the top of a website I'm creating. I think that the primary situations people will use this are:
1) Checking the value before they make in the immediate timeframe ("I'm hungry, what can I get right now?")
2) Checking the value for a purchase they will make soon ("Can I get more value if I wait a few more minutes?")
I don't want to display this as a table, because it doesn't mesh well with the design. What's the best way to do this? I'm thinking something like:
"Equivalency Meal: $5.00 until 10:45 AM, then $7.00."
I've also considered this, taking into account scenario 2:
"Equivalency Meal: $5.00 for the next 45 minutes, then $7.00."
But this feels clunky and hard to read. I've been messing around and this is the best I can come up with. Note that there will be a live updating clock next to this message.