PDA

View Full Version : My iOS 7 Weather App Concept


cambookpro
May 31, 2013, 10:28 AM
Here is a concept that I have created for a new weather app for iOS 7. The weather app has always annoyed me, the way there are solitary little cards you flip between. Why the black border, and why such little useful information?

Let's start with some maths. The iPhone 5 screen is 1136 by 640 pixels, which equates to 727,040 pixels altogether. The iOS 6 weather app, however, uses roughly 535,130 pixels (including the menu bar, weather 'card' and dots at the bottom). That means that the iOS 6 weather app is only using 73% of the screen, and over a quarter of screen space is wasted.

This concept attempts to fix this problem, by not only increasing the amount of space used, but showing more information in a flatter design.

First, here is the icon. Notice the flat design, with weather and temperature that update:

http://i893.photobucket.com/albums/ac134/cambookpro/icon_zps24c561a4.png

This provides a more modern look for the weather app.

Secondly, this is now what you are presented with upon launching the app:

http://i893.photobucket.com/albums/ac134/cambookpro/WeatheriOS7_zps7b5b05f0.png

Included are more modern weather symbols, a new precipitation likelihood chart, a newer typeface (Avenir), and a more detailed outlook for the rest of the week, along with being nicer to look at (hopefully! :p )

So there it is: my concept of how iOS 7 should use the extra 27% of the screen when displaying the weather.

Tell me what you think, any feedback is much appreciated. :)

nepalisherpa
May 31, 2013, 11:00 AM
I like it! Clean and plenty of info! Even if Apple uses the new Yahoo Weather app as a stock app, I will be happy. :)

jbenkelman
May 31, 2013, 12:50 PM
I like it! Clean and plenty of info! Even if Apple uses the new Yahoo Weather app as a stock app, I will be happy. :)

Agreed. I think the Yahoo! Weather app is one of the most beautiful apps I have on my phone. It had some issues, but with the last update they really stepped up the game.

Simplicated
May 31, 2013, 12:59 PM
With that font size, text would be microscopic on an iOS device...

cambookpro
May 31, 2013, 01:05 PM
With that font size, text would be microscopic on an iOS device...

I know, that's the one thing I didn't actually test out, and the first thing I noticed when viewing it on the iPhone... :o

I've updated it with bigger font sizes that I'll upload later.

----------

http://i893.photobucket.com/albums/ac134/cambookpro/98976335-86F7-43B9-A5D8-236C94D07FD5-5500-000002F39401962D_zps2a35f934.jpg

jonnyb098
May 31, 2013, 01:24 PM
Ouch. Sorry please try again. Very unlikely it will look anything near to this. Font looks to be about size 5 or 6 even on the new pic. Feels a little depressing for a weather app.

cambookpro
May 31, 2013, 01:28 PM
Ouch. Sorry please try again. Very unlikely it will look anything near to this. Font looks to be about size 5 or 6 even on the new pic. Feels a little depressing for a weather app.

Just wondering what bits you would change, or would you say you'd go in a completely different direction?

Thanks :)

jonnyb098
May 31, 2013, 01:40 PM
Just wondering what bits you would change, or would you say you'd go in a completely different direction?

Thanks :)

Well we will all know what it looks like in about 10 days. But if you have been reading the reports of the new iOS, things will be be much more monocrome with very little to no texture . Think new podcasts app or current iPhone music app. Also only small hints of color as accents. Also using dark grey for your clouds is not the best choice...

cambookpro
May 31, 2013, 01:42 PM
Well we will all know what it looks like in about 10 days. But if you have been reading the reports of the new iOS, things will be be much more monocrome with very little to no texture . Think new podcasts app or current iPhone music app. Also only small hints of color as accents. Also using dark grey for your clouds is not the best choice...

But they're... uhh... but they're rainclouds! :p

Honestly though, I don't think we'll be seeing this monochrome OS that everyone goes on about. There will be changes I reckon, leading to a lot flatter design, but I doubt it's going to be as radical as a lot of concepts make out.

Of course, I could be totally wrong and next year they release a phone with a black and white screen :p ;)

jonnyb098
May 31, 2013, 01:47 PM
But they're... uhh... but they're rainclouds! :p

Honestly though, I don't think we'll be seeing this monochrome OS that everyone goes on about. There will be changes I reckon, leading to a lot flatter design, but I doubt it's going to be as radical as a lot of concepts make out.

Of course, I could be totally wrong and next year they release a phone with a black and white screen :p ;)

I think you are taking it a bit too literally as to the black and white look. Also party cloudy does not mean "rain". Doesn't really make sense in that instance.

And yes it will be a very big change. not so crazy it doesn't look like iOS but its going to be very different from numerous insider reports.

Your concept is a VERY radical change from what we have seen too.

Razeus
May 31, 2013, 01:56 PM
Or you can just use the Yahoo Weather app. :eek:

cambookpro
May 31, 2013, 02:15 PM
I think you are taking it a bit too literally as to the black and white look. Also party cloudy does not mean "rain". Doesn't really make sense in that instance.

And yes it will be a very big change. not so crazy it doesn't look like iOS but its going to be very different from numerous insider reports.

Your concept is a VERY radical change from what we have seen too.

I know, I was joking about the clouds, they should be lighter really.

I know it's not going to be completely black and white, but I still don't believe it's going to be mainly that. Possible black and white toggles, sliders etc but I doubt all the apps will be like that.

----------

Or you can just use the Yahoo Weather app. :eek:

Ha... ha.. :p

sdilley14
May 31, 2013, 03:56 PM
Looks like an interesting design overall, but it feels a bit drab to look at. I don't agree with the dark'ish pastel type colors, and I feel like most of the elements are too small, giving it an "empty" feel overall. It comes across as flat and lifeless. It's a nice start though!

seble
May 31, 2013, 04:49 PM
For me, tbh, nothing can beat the Yahoo app for what I want apple to do with the default weather app.

dweezle3
May 31, 2013, 05:09 PM
Very nice! I agree with sdilley14 - the dark pastels could be a little lighter, more bright or vivid, and that there's quite a bit of empty space. Maybe you could utilize this space to make the small text a bit larger and more readable? Just a thought! Also, my first impression when I glanced at it was that it was very simple (which, I understand was the look you were going for), but the large expanse of midnight blue in the middle of it without much variation seemed a bit too... plain, maybe? Not sure if I've explained it well, but I think maybe adding something like a gradient or something to make it a bit more visually appealing? Let me know if I need to better explain it!

cambookpro
May 31, 2013, 05:11 PM
Looks like an interesting design overall, but it feels a bit drab to look at. I don't agree with the dark'ish pastel type colors, and I feel like most of the elements are too small, giving it an "empty" feel overall. It comes across as flat and lifeless. It's a nice start though!


Very nice! I agree with sdilley14 - the dark pastels could be a little lighter, more bright or vivid, and that there's quite a bit of empty space. Maybe you could utilize this space to make the small text a bit larger and more readable? Just a thought! Also, my first impression when I glanced at it was that it was very simple (which, I understand was the look you were going for), but the large expanse of midnight blue in the middle of it without much variation seemed a bit too... plain, maybe? Not sure if I've explained it well, but I think maybe adding something like a gradient or something to make it a bit more visually appealing? Let me know if I need to better explain it!

Thanks for the feedback :)

Tomorrow I'll play around with the colour scheme and make all the elements a bit bigger. I may play with a gradient, but according to almost everyone it seems, gradients and shadows are evil!! :p

Am3r1ca16
May 31, 2013, 05:19 PM
Looks flat and ugly. Hopefully iOS 7 isn't even flat as people have been assuming

Mjmar
May 31, 2013, 10:29 PM
I like this a lot

JoeyCloverfield
Jun 1, 2013, 12:05 AM
Why is there two elements that tell me the time? At first I assumed it was the time it was last updated, but then I looked down and noticed I was wrong. Perhaps it's going over my head. Apple's weather app does this too; I don't get it.

Anyhow, with the current app, I can see the specific temperature for any given day at a glance. However, with your design, I have to look at the day, look down to find the point and then look left to find the temperature. Also, if your going to use a line graph, it's a good idea to put a dot in the middle of the meeting lines (it looks choppy without it).

And, I don't understand why the hourly precipitation requires a bar graph when the daily one doesn't. Could you explain your reason for this?

Aesthetically, it looks nice. I like the color scheme you chose. However, if there's almost no chance of rain, I think you should go with white clouds.

cambookpro
Jun 1, 2013, 02:19 AM
Why is there two elements that tell me the time? At first I assumed it was the time it was last updated, but then I looked down and noticed I was wrong. Perhaps it's going over my head. Apple's weather app does this too; I don't get it.

Anyhow, with the current app, I can see the specific temperature for any given day at a glance. However, with your design, I have to look at the day, look down to find the point and then look left to find the temperature. Also, if your going to use a line graph, it's a good idea to put a dot in the middle of the meeting lines (it looks choppy without it).

And, I don't understand why the hourly precipitation requires a bar graph when the daily one doesn't. Could you explain your reason for this?

Aesthetically, it looks nice. I like the color scheme you chose. However, if there's almost no chance of rain, I think you should go with white clouds.


Thanks for the comments.

I think the time is for if the city you're looking at the weather in has a different time zone to yours; however, the last updated time will always be in your time zone.

I'll look into simplifying the temperature graph: dots is a good idea, didn't think of that! The bar graph is an interesting point too - maybe have it so you can flick between 24 hours/7 days?

Anyway, thanks for taking time to read it and comment :)

JoeyCloverfield
Jun 1, 2013, 02:50 AM
I think the time is for if the city you're looking at the weather in has a different time zone to yours; however, the last updated time will always be in your time zone.

I'll look into simplifying the temperature graph: dots is a good idea, didn't think of that! The bar graph is an interesting point too - maybe have it so you can flick between 24 hours/7 days?

Ah. Yes, that makes sense. duh. :P

I think a pinch gesture would work better than a swipe because by going from day to hour your essentially viewing more precise data. Just like you would with a photo or website when you "zoom" in.

cambookpro
Jun 1, 2013, 07:16 AM
Very nice! I agree with sdilley14 - the dark pastels could be a little lighter, more bright or vivid, and that there's quite a bit of empty space. Maybe you could utilize this space to make the small text a bit larger and more readable? Just a thought! Also, my first impression when I glanced at it was that it was very simple (which, I understand was the look you were going for), but the large expanse of midnight blue in the middle of it without much variation seemed a bit too... plain, maybe? Not sure if I've explained it well, but I think maybe adding something like a gradient or something to make it a bit more visually appealing? Let me know if I need to better explain it!

Why is there two elements that tell me the time? At first I assumed it was the time it was last updated, but then I looked down and noticed I was wrong. Perhaps it's going over my head. Apple's weather app does this too; I don't get it.

Anyhow, with the current app, I can see the specific temperature for any given day at a glance. However, with your design, I have to look at the day, look down to find the point and then look left to find the temperature. Also, if your going to use a line graph, it's a good idea to put a dot in the middle of the meeting lines (it looks choppy without it).

And, I don't understand why the hourly precipitation requires a bar graph when the daily one doesn't. Could you explain your reason for this?

Aesthetically, it looks nice. I like the color scheme you chose. However, if there's almost no chance of rain, I think you should go with white clouds.

I've changed a few things. Now, there's a subtle gradient, dots on the graph, white clouds, and everything is much bolder, brighter and bigger.

Let me know what you think :)

justperry
Jun 1, 2013, 07:42 AM
If iOS is going to be flat like this I am going to jump of joy, cause I have a 3GS and can't install this "crap"

But, thanks for trying.:cool:

Rogifan
Jun 1, 2013, 11:56 AM
If iOS is going to be flat like this I am going to jump of joy, cause I have a 3GS and can't install this "crap"

But, thanks for trying.:cool:

Because what we have right now isn't crap? :rolleyes:

tekboi
Jun 1, 2013, 11:59 AM
Not really a fan of the blue background. Otherwise, I like the concept.

charlituna
Jun 1, 2013, 12:09 PM
It's not bad.

But I saw a better concept. For Weather, Stocks, Calculator etc

Get rid of them. In the age of no App Store they were useful. But now there are a dozen or more choices, many for free, in the App Store. So kill the bloat and let us download what we need.

Same with languages, keyboards, Siri voices etc. best part of the argument was that making these things DLC/plugins (same with things like iMovie apps, pages templates etc) would make it easier to make more avail, perhaps even by third parties, and to fix bits without needing a full iOS update.

Plus imagine Tim or Phil getting up on stage and mentioning how some systems are a bloated mess, using 1/3 to even 1/2 of device storage. And now to go with their lighter, thinner hardware is a new lighter iOS.

This could even be round one of the open Tim Cook mentioned at D11

Brittany246
Jun 1, 2013, 12:33 PM
I don't like it at all. It's like you're going back 10 years.

justperry
Jun 1, 2013, 09:55 PM
Because what we have right now isn't crap? :rolleyes:

Then buy a different phone.:rolleyes:
Or jailbreak it, if you can.

It's not iOS which is boring, it is "you" which got bored with it, new users/people who bought it just now don't find it boring.

I am not saying not to change it, I am just saying if it is flat like that it is horrible, but I trust Apple not to mess this up.

roland.g
Jun 5, 2013, 01:27 AM
Horrible graphics. It's like Wreck-It-Ralph the weather app.

I think it's going back more than 10 years.

Honestly, it's amazing, Ive is the premier industrial designer / engineer of this generation and perhaps our lifetime. I seriously doubt his vision is this limited.

Banquo
Jun 6, 2013, 09:54 AM
Gorgeous.

CalmEnvy
Jun 6, 2013, 11:04 AM
Would never use this as my weather app. Take a look at Yahoo's weather app, now that is gorgeous and is the app that I use. Just wish they would have a dynamic icon because the app is perfect in my opinion.

cambookpro
Jun 6, 2013, 11:57 AM
Gorgeous.

Thanks :)

sk24iam
Jun 6, 2013, 11:59 AM
I like that the icon shows the updated temperature. Apple needs to implement that ASAP.