1 Attachment

56 Responses (page 1 of 3)

  1. Bill Labus Bill Labus

    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?

    likes

    10 months ago

  2. Nikita Abramenkov Nikita Abramenkov

    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?

    likes

    10 months ago

  3. Mikael Johansson Mikael Johansson

    Your take on iOS 7 looks very, very good. It's what they should've done.

    likes

    10 months ago

  4. Eli Schiff Eli Schiff

    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.

    likes

    10 months ago

  5. Nemanja Nenadic Nemanja Nenadic

    Way better than the original! Thumbs up.

    likes

    10 months ago

  6. Jip Jip

    Agree, your take is way better! You should apply here

    likes

    10 months ago

  7. Jord Riekwel Jord Riekwel

    El Grande Sexy

    likes

    10 months ago

  8. Alexander Käßner Alexander Käßner

    Thats what I expected as they sad "iOS7 will be flat"…
    Great redesign!!

    10 months ago

  9. Diego Jiménez Diego Jiménez

    Much better, keep it up!

    10 months ago

  10. Matt Walton Matt Walton

    Much much nicer. Great job. The iconography in iOS 7 is just really ugly: Inconsistently weighted and sized.

    likes

    10 months ago

  11. Matthew Morek Matthew Morek

    This is what was supposed to be unveiled last night at WWDC. I salute you, dear sir.

    likes

    10 months ago

  12. Doney den Ouden Doney den Ouden

    This is simply amazing.

    10 months ago

  13. Piotr Denis Piotr Denis

    @Bill Labus I have mentioned your concept in open letter to Apple : https://medium.com/thoughts-on-user-interaction/4213500e58ef

    likes

    10 months ago

  14. Belaĝojo Belaĝojo

    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.

    10 months ago

  15. Brett Jones Brett Jones

    Beautiful. Really strikes me how much I prefer the icons from iOS 6 to iOS 7.

    likes

    10 months ago

  16. j j

    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.

    likes

    10 months ago

  17. Max Di Capua Max Di Capua

    Nailed it. Seems to achieve everything we're assuming Apple were going for and looks beautiful doing it.

    likes

    10 months ago

  18. Visualia  ⚒ Visualia ⚒

    That's nice! We can do this for iOS Apple? Please ...

    10 months ago

  19. Elliott Kember Elliott Kember

    I feel as though more consideration went into this one screenshot than the entire iOS redesign.

    likes

    10 months ago

  20. Nico Tzogalis Nico Tzogalis

    Much more what is wished to see.
    But, this battery icon gives eye cancer.

    likes

    10 months ago

  21. Raffael Hannemann Raffael Hannemann

    SHOW MOAR OF THAT! 😱

    likes

    10 months ago

  22. Daniel Thomas Daniel Thomas

    If only they hired you :(

    10 months ago

  23. Lucas Veiga Lucas Veiga

    MOAR PLEASE

    likes

    10 months ago

  24. Jani Muikku Jani Muikku

    Much better. Please do this apple.

    10 months ago

  25. Pedro Vieira Pedro Vieira

    I'll wait for themers and jailbreakers. Don't worry my friend, this will see the light of day!

    likes

    10 months ago

keyboard shortcuts: previous shot next shot L or F like