So after fully digesting all of the various details in iOS 7's new UI design (or at least those present in the first beta), I've gathered some thoughts on it.
I was initially extremely disappointed in not just the overall style, but the actual execution of that style. I realize Apple is keen to update the visual style of the OS after so many years, but in attempting to differentiate from all previous versions, I believe they pushed a bit too far in the opposite direction (note that all of this is referring to the visual/UI design- everything I've seen/used with regards to the UX/interaction design is top-notch, as always).
I'm starting to warm up to the general 'lightening' of the UI, as it lends a clean, airy feel (not that the current OS suffers from the opposite, but the new aesthetic is indeed refreshing, so I think they succeeded there). Having said that, I think the core issues revolve around the execution of that aesthetic. The UI has indeed been 'flattened', but when combined with the overall lighter color scheme, it seems to lose a sense of visual order and hierarchy, with many of the apps suffering from their content blending in with controls and making it difficult to distinguish exactly what is interactive (borderless textual buttons, lack of gradients and drop shadows to separate nav bars/toolbars from view content,...)
I'm convinced that the sweet spot lies between the two extremes, and I think the UI could benefit from taking the best of both styles to create something new and refreshing, but still discoverable and intuitive.
So with that in mind I've mocked up a version of the new Maps app which I think does just that (check out attachment for full pixels and side-by-side comparison). Some notes:
- One aspect of the new UI I absolutely love is the unification of the nav bar and status bar- it feels extremely clean, and makes the status bar subtle and more unobtrusive than ever.
- With regards to the translucent nav bars and toolbars, I also like this a lot, and it does serve to more visually tie the controls to their content. However, I've added subtle gradients and shadows to them, as I think without them, the bars get lost in the content and it can be difficult to discern where they begin and end at a glance.
- I brought the existing toolbar icons over from iOS 6, as I think this was really a case of 'fixing' something that wasn't broken. Not only do the 'old' icons still look great and communicate their purposes clearly, but I see multiple issues with the new ones, including unclear meanings (bookmarks, action sheet, 'i' button), inconsistent visual weights, and incorrect sizes in relation to their containers (the toolbars). I'm also not sure about the 'tint' color yet- I don't really see what value it adds, but it makes it a bit more clumsy to add highlighted states when the icons sort of already look 'highlighted'.
- And finally, although the updates to the visual design of the maps themselves aren't terrible, I think the existing style is still superior (a bit more rich and vibrant, which I thought was what they were going for with the new UI?), but that's a minor point compared to the others.
And that's about it. I have calmed down a bit after my initial shock at the changes (except for those home screen icons ಠ_ಠ), but I do think there's a lot of room for improvement. Ideas, thoughts, opinions?
10 months ago
Mostly agree, there is a lot of work to do (mostly making rolling back to iOS6 like in case with toolbar icons).
The one thing I can't understand - why did they decide to make something similar to flattened HTC Sense that was popular really a lot of time ago?
Your take on iOS 7 looks very, very good. It's what they should've done.
Bill, superbly done. This middle ground would allow for Apple to push a cleaner, more minimal aesthetic while still allowing designers the freedom to explore textured UI.
Way better than the original! Thumbs up.
Agree, your take is way better! You should apply here
El Grande Sexy
Thats what I expected as they sad "iOS7 will be flat"…
Much better, keep it up!
Much much nicer. Great job. The iconography in iOS 7 is just really ugly: Inconsistently weighted and sized.
This is what was supposed to be unveiled last night at WWDC. I salute you, dear sir.
This is simply amazing.
@Bill Labus I have mentioned your concept in open letter to Apple : https://medium.com/thoughts-on-user-interaction/4213500e58ef
I love your take on it. With a relatively small amount of changes, you transformed the appearance of the nav bar/tool bar from "kind of weird" to a style that's as subtle and simple as it needs to be to fit into Apple's new design direction and also has a much higher recognition value for long-time iOS users than the actual original does.
Beautiful. Really strikes me how much I prefer the icons from iOS 6 to iOS 7.
Excellent. Absolutely love your take on this. I'd probably try losing the 1px white bevel on the icons to cater even more for the flat styling.
Nailed it. Seems to achieve everything we're assuming Apple were going for and looks beautiful doing it.
That's nice! We can do this for iOS Apple? Please ...
I feel as though more consideration went into this one screenshot than the entire iOS redesign.
Much more what is wished to see.
But, this battery icon gives eye cancer.
SHOW MOAR OF THAT! 😱
If only they hired you :(
Much better. Please do this apple.
I'll wait for themers and jailbreakers. Don't worry my friend, this will see the light of day!
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.