If you don't mind me saying so, your information hierarchy is a little off. There are a few things I'd recommend.
First, when you label something, you should probably follow the convention of a label either defines what's above it, or what's below it, but not both. With that being said, this design could probably use the "Wednesday" at the top, therefor labeling all that's below it until you get to the future days.
Also, when playing with color, try to tie data that relates to each other by using the same color or color family. Changing to a different hue or reversing contrast can denote that it's a different group of data, not belonging to the data next to it.
I'd also increase the connection that the really big icon represents the current weather. I know it sounds stupid, but I keep feeling like the big icon is somehow disconnected or lacking function. I think what would fix that would be to display the day above the large icon, and include the smaller icons below but within the same container.
This will create a stronger bond between all the related information and your app will become more intuitive. As a side note, you could also just add the word "Currently" to the large icon as well, but I'm sure you're going with the super minimalism here. Good luck.
Thanks, Adam, that's a great idea, but after reading Justin's comment I've taken it in a slightly different direction.
Firstly, thank you for taking the time to write such an in-depth comment, Justin! You are spot on with what you have pointed out, and I really appreciate you sharing your knowledge with me. I'm currently working on adjusting the above design to address the issues you raised.
10 Responses
Playing around with the placement of certain parts. Is this an improvement?
View the attachment for more detail.
about 1 year ago
YES
about 1 year ago
Ooh that's nice! Might look cool to have the extra weather stuff in a white bar instead of the mid grey?
about 1 year ago
If you don't mind me saying so, your information hierarchy is a little off. There are a few things I'd recommend.
First, when you label something, you should probably follow the convention of a label either defines what's above it, or what's below it, but not both. With that being said, this design could probably use the "Wednesday" at the top, therefor labeling all that's below it until you get to the future days.
Also, when playing with color, try to tie data that relates to each other by using the same color or color family. Changing to a different hue or reversing contrast can denote that it's a different group of data, not belonging to the data next to it.
I'd also increase the connection that the really big icon represents the current weather. I know it sounds stupid, but I keep feeling like the big icon is somehow disconnected or lacking function. I think what would fix that would be to display the day above the large icon, and include the smaller icons below but within the same container.
This will create a stronger bond between all the related information and your app will become more intuitive. As a side note, you could also just add the word "Currently" to the large icon as well, but I'm sure you're going with the super minimalism here. Good luck.
about 1 year ago
^ That right there. Spot on.
about 1 year ago
Thanks, Adam, that's a great idea, but after reading Justin's comment I've taken it in a slightly different direction.
Firstly, thank you for taking the time to write such an in-depth comment, Justin! You are spot on with what you have pointed out, and I really appreciate you sharing your knowledge with me. I'm currently working on adjusting the above design to address the issues you raised.
about 1 year ago
Rebound
Weather App v3
by Joshua Hibbert
Here is the latest iteration after some major improvements.
about 1 year ago
Cool! @Joshua Hibbert
about 1 year ago
Thanks, Tobia!
about 1 year ago
This is rad!
7 months ago