*Update*:City Guides, a product by National Geographic and Rally Interactive is now live in the App Store.
*Download the iPhone app*: https://itunes.apple.com/us/app/city-guides-by-national-geographic/id592453480?ls=1&mt=8
Attached some real pixels.
Nothing is set in stone at the moment, so feedback is most welcome!
Using the lovely Weather Symbolicons - http://symbolicons.com/ and a couple of Climcons w/ a custom one thrown in there too...
10 months ago
Looks good—but I am a little concerns about the touch point on the bottom menu. It looks to be pretty small.
@Mike Arndt Thanks for the feedback. At the moment we're keeping it this size as the hit area will be larger than what you see. The menu will also be gesture driven (swipe up from the bottom). This [of course] is subject to change once we get a feel for it in Dev.
The chance of rain prediction and percentage shown are quiet apart! Or did I got that info wrong!!!
Slick stuff, love the numbers on the side. This might be just me, but the water droplets were a tad confusing at first glance, that for some reason makes me think of rain. Have you tried using one droplet for humidity?
This is awesome!
@Rally Interactive (via Ben Cline) I would decide on one font to use for the numbers, but that's only imo :)
Stunning, as always!
Dope as usual. Maybe the text beside the small icons (umbrella, wind, rain) could be slightly darker so that easier could be more easily scanned? Or at least some more contrast in that area. It looks fresh but a tiny bit hard to quickly gather then information if that makes sense. Also, what's the difference between the umbrella % and the rain %? She's a beaut!
Side note: Is it bad that it bugs me to see a Canadian carrier and temperature in fahrenheit?
more space between prime and secondary information about the weather, or adjust the size of the secondary. Touch point could be bigger. I love the darky scheme and the icons match perfectly with the rest. Very good work in general.
I agree with @Anders Drage, the two typefaces being used for the numbers are a bit troublesome for me. Two drastically different styles that just don't go well with each other. But I understand the need for a thin font on the right hand side because of how narrow that section is.
I still think the arrow in the bottom menu indicator should point the other way... feels awkward with it pointing down inside of an upwards pointing container.
Really like the dark theme and secondary line-only icons. IMO, Some of the nice simplicity is lost in the main weather icons... being filled shapes they seem to not match, thematically, for me.
I think two fonts for the numbers makes sense (to me) only in the sense that they are for two different units of measurement. We don't want to confuse time with temperature or any other number of things being displayed. Sure, we can use other visual indicators to make that separation, but I guess that's just the designer's preference. :)
All in all, I think it looks very good!
Liking this a lot.
Love the wind icon. Do you have various for several strength of the wind?
Thanks for all the great feedback guys! Much of it I will try out and see if it improves the design. I've definitely debated the two competing fonts, although I'm not sure I've got the most elegant solution in this screen, I am using the two fonts throughout the project... see http://dribbble.com/shots/905330-Number-59 & http://dribbble.com/shots/909370-Data
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter