I really like the lines in the lower area and the right hand side. They add a nice feel of texture.
I'm always weary of using the letterpress type shadow along with a traditional/top-down dropshadow because they're quite different things that occur from different situations. This looks really good but does it make sense that some words are depressed and the rest are raised? Just posing the question…
@Trevor, the depressed type is the non important type, more of a header. the raised type is what you need to focus on. i don't think there's ever an issue with this type of style.
I totally get that and it's obvious, I just don't think it's realistic. I'm not saying that everything should be realistic, especially in this case where it looks good and does a good job at declaring a visual hierarchy.
I like it a lot Dann, the stats pattern is awesome. The yellow links are a little weird for me. maybe i would put them in a rounded white box with orange text.. I dunno..
My only problem is the right side with the stats. Everything is white, the number and icon are same size, and the leading is so tight on the whole module that it becomes noise rather then chunkable info.
For me, I think that having a clear color, size, and font hierarchy would really help make the info skimmable.
View Workout and Share Results could use some additional treatment. I like @Roberto's suggestion of containing those elements in a white area, button or otherwise. Other than than, very nice work.
@Roberto@Brad, thanks for your thoughts - but adding buttons might make it too much and call too much attention to the actions. this particular module is for view stats and your last workout 1st viewing the details and sharing are options, so they should stay subtle bc we don't want the attention on those.
Looks great, I looked on the full size version too and I personally would make the icons in the right sidebar just a little bit smaller or add 2-3 px more line-height to that list, for me it's a bit crowded now.
24 Responses
what do you guys think of this stat module for nike + ? view the attachment for full size.
12 months ago
Pro
Sean Taylor
I'm really drawn in by the colors.
12 months ago
looks great!
12 months ago
Pro
Muhammad El Melegy
Looks great!
12 months ago
Pro
Juan Arreguin
oooh! Pretty, love it. Very Nike+ like :D
edit: I would just space out View Workout details
and Share Results... it feels very tight in there...
12 months ago
Solid. Great job making such a bright color work.
12 months ago
Pro
Charles Riccardi
Dann, that looks AWESOME! I want to use it.
12 months ago
Pro
Brendan Pittman
this is solid. colors are nice and im diggin the icons - i like the feet and calories especially. nice dude.
12 months ago
thanks for the feedback guys! i'll post some more stuff from this site as i work on it.
12 months ago
I really like the lines in the lower area and the right hand side. They add a nice feel of texture.
I'm always weary of using the letterpress type shadow along with a traditional/top-down dropshadow because they're quite different things that occur from different situations. This looks really good but does it make sense that some words are depressed and the rest are raised? Just posing the question…
12 months ago
@Trevor, the depressed type is the non important type, more of a header. the raised type is what you need to focus on. i don't think there's ever an issue with this type of style.
12 months ago
I totally get that and it's obvious, I just don't think it's realistic. I'm not saying that everything should be realistic, especially in this case where it looks good and does a good job at declaring a visual hierarchy.
12 months ago
Pro
Roberto Vivancos
I like it a lot Dann, the stats pattern is awesome. The yellow links are a little weird for me. maybe i would put them in a rounded white box with orange text.. I dunno..
12 months ago
Pro
Mike Precious
Simple, but approachable typographic arrangement. Nice work on the subtle textures.
12 months ago
Sexy colors!
12 months ago
It's really nice, but please don't build it in flash like the rest of the Nike plus stuff is.
12 months ago
Pro
Bryan Le
I love the execution of this.
My only problem is the right side with the stats. Everything is white, the number and icon are same size, and the leading is so tight on the whole module that it becomes noise rather then chunkable info.
For me, I think that having a clear color, size, and font hierarchy would really help make the info skimmable.
12 months ago
Pro
Brad Haynes
View Workout and Share Results could use some additional treatment. I like @Roberto's suggestion of containing those elements in a white area, button or otherwise. Other than than, very nice work.
12 months ago
@Roberto @Brad, thanks for your thoughts - but adding buttons might make it too much and call too much attention to the actions. this particular module is for view stats and your last workout 1st viewing the details and sharing are options, so they should stay subtle bc we don't want the attention on those.
thanks for the feedback!
12 months ago
Pro
Jonathan Bowden
nice work dann! i've just started using the gps app, and love it.
12 months ago
Pro
Sam Mularczyk
This is seriously awesome. Great work!
12 months ago
Looks great, I looked on the full size version too and I personally would make the icons in the right sidebar just a little bit smaller or add 2-3 px more line-height to that list, for me it's a bit crowded now.
11 months ago
looks fruitty :) awesome color!
4 months ago
Pro
Christopher Pinches
Dude i like this lots...are you working on the nike fuel band too?
3 months ago