iOS 7 Feature: Redesigned Home Screen

ios7_homescreen

iOS 7, the next generation mobile operating system for iPhone, iPad and iPod touch, includes a number of new features such as Control Center, iTunes Radio, AirDrop for iOS and smarter multitasking.

But one of the most significant changes is the revamped user interface, which is noticeable on the Lock screen, Home screen, Notification Center and the stock iOS apps.

In this iOS 7 Preview series, we’ll take an in-depth look at the redesigned Home screen.

Here’s what’s new:

  • One of the first things you will notice when you unlock your iOS device to get to the Home screen is the new animation. First you see two app icons fly to the home screen, followed by the rest of the icons.
  • The other thing you will notice immediately is the redesigned icons of the stock iOS apps. Apple says it has redesigned every icon around a new grid system and sticking to a precise color palette. They has been a lot of debate about the icon, and everyone seems to have opinion about it. You may not like it, but frankly how much time do we spend looking at the icons.

ios7-homescreen

  • The dock area is now a frosted/translucent panel, which gets the tint based on the wallpaper. If you’ve an iPhone 4, then you’re going to hate it, as it does not get the same translucent effect, instead it is a dull grey in color.
  • In iOS 5 or earlier, the Status bar was either black or grey. In iOS 6, the color of the Status bar changed dynamically to match the tint of the app’s navigation bar. In iOS 7, the Status bar is transparent. It subtly removes the separation between software and hardware as the status bar now feels part of the app even though it continues to provide the status of various hardware components such as the cellular and Wi-Fi signal strength, battery, Bluetooth, Location services etc.
  • One of the major changes is the 3D parallax effect on the Home screen. The Parallax effect makes “the position or direction of an object appear different when viewed from different angles”, giving a feeling of depth along the z-axis. You can read a more in-depth explanation on how it works here. If you’re worried about battery life then you can disable it via the Settings app (Settings > General > Accessibility > Parallax).

Demo of 3D parallax effect

  • You can now set static and dynamic wallpapers on the Lock screen. iOS 7 beta comes with two dynamic wallpapers, which animate in the background.
  • You can also set panoramic wallpapers on the Home screen. iOS 7 uses the gyroscope movement data to pan around the panoramic image.

Demo of Dynamic and Panoramic Wallpapers

  • The Clock app icon now shows the correct time on the Home screen, including the live second hand.

Demo of Live clock feature

  • Spotlight can now be accessed from the any Home screen page by swiping down just below the status bar, so there is no longer a separate Home screen page for spotlight.

ios7-spotlight

  • You can also access the all-new Control Center from the Home screen by swiping up from the bottom of the screen.

ios7-controlcenter

  • You will also notice that the status bar icon for the cellular signal has changed to just dots instead of signal bars.
  • The font is slimmer and slightly bigger.
  • Folders have also been revamped in iOS 7. When you tap on a folder, you will notice the zoom animation. The folder section is translucent, while you can see the wallpaper in the background above and below it. The folders are bigger, but they only fit 9 app icons on one page. You can finally add unlimited number of apps in a folder. If you’ve more than 9 apps in a folder, then you can swipe through folder pages to access the app just like the Home screen pages. The page indicator dots at the bottom of the folder tell you how many pages of apps are there in a folder.

ios7-folders

  • Newsstand gets its own icon, so you can finally hide it in a folder.
  • The zoom animation is also noticeable when you launch and exit an app. When you launch an app, the icon becomes bigger and disappears in the background and then zooms directly into the app. We hear that the animations are a lot smoother on the iPhone 5 compared to the older devices.
  • When you’re charging your device running iOS 7, a lightning bolt appears next to the battery indicator, gently pulsing.
  • The icons are marginally bigger, 120 pixels instead of the 114 pixels. The merging of the status bar with the Home screen has also given more space to accomodate the marginally bigger icons and the slightly bigger font.
  • New apps downloaded from the App Store are no longer labeled as “New”. However, if you’ve automatic downloads enabled for apps, the newly downloaded apps on the secondary devices are highlighted with a dot as you can see below. It’s a nice way to tell users how the app landed on the Home screen.

ios7-new-apps

Overall, iOS 7 Home screen looks quite classy, but more importantly Apple seems to have given us most of the things we asked for in our iOS 7 wish list, with features like dynamic and panoramic wallpapers, ability to add unlimited apps to a folder and quick access to system toggles and app shortcuts via Control Center.

Let us know what you think of the iOS 7′s Home screen. Do you like it?

Related:

iOS 7 Preview: The New Lock Screen

Like this post? Share it!

Categories: iOS 7

  • dbDESIGN

    ” You may not like it, but frankly how much time do we spend looking at the icons.”

    Really? Well, being a designer, we spend tons of time looking at icons. Also, so does everyone else, the icons are the first thing you see on your device. They should be the most well designed piece.

    • felix

      word

    • http://www.iphonehacks.com iPhoneHacks

      While I agree that it is important to have a good looking icon for an app to a developer/designer, as an end user, it doesn’t really matter in the long term. When users install iOS 7, some will like the icons, some will hate it and there will be some who won’t really care. But after that they will get on with it, as they’ll spend time in apps.

      • Andrew

        I dunno I think that the design of the icons is huge. Why revamp the whole ui and then leave ugly icons. That’s called incomplete. They need to put more effort into the icons. As an avid themer I’m not impressed in the least bit. Most of the ui changes are nice however the ugly icons make the whole thing ugly. Time to step up apple.

        • dbDESIGN

          I agree 100% . The icons should have been 100% flat, kick the gradients and rainbow colors. I can’t tell if Apple is trying too hard and failing…or not trying at all.

      • Sebastian Rasch

        Well you obviously belong to those who don’t really care. Therefore you can’t speak for those who care about icons. For me, they are most important since they are the face of iOS. To say “it doesn’t really matter in the long term” is simply wrong and doesn’t apply to most of the people. In fact, all people with iPhones I know would agree with me.

    • Sebastian Rasch

      I strongly concur, the icons are the most important part and it DOES matter very much. You see them all the time checking if apps have updates for you. I often don’t even open apps because they don’t show me update badges so all I see are is the icons.

    • dave walker

      we have a 3gs -without i0s7, of course, and a 4s, with i0s7 (of course). with all this talk of icon design, it is my feeling that both are appealing. it is also my feeling, however, that the old icons are “works of art” while the newer icons are “works of computer-generated art”.

  • izhan97

    In my opinion,a wallpaper that change according to the current weather would be nice!

    • Gen-Y.fm

      I agree – would love to get a glimpse of the weather just by viewing the background!

    • Matthew Black

      So if it’s a really horrid miserable day outside you’d want to see that?

  • m Arch Tom’s on Bar N Ass

    COURTESY: WARNER BROS
    QUOTE:
    i don’t wanna know, i don’t wanna hear, Please don’t say You’re sorry, `i’ve heard it all b4, and now, i can’t take it anymore…. Listen to You’re lies and to Your stories..

  • C, N

    Sorry for the irrelevant comment, but has anyone noticed that Disqus doesn’t like loading on Safari in iOS7 b2

  • Rob

    Thanks for the tip on how to turn off the parallax effect.

  • m Arch Tom’s on Bar N Ass

    m Arch Tom’s on Bar N Ass

    see also: revamped notification center comments

    Images below are under Creative Commons – Attribution Share-Alike 3.0 – License
    (This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as they credit you and license their new creations under the identical terms)

    courtesy of: apple Inc.

    powered by: Pages for iCloud

    PHASE – A

  • m Arch Tom’s on Bar N Ass

    m Arch Tom’s on Bar N Ass

    see also: revamped notification center comments

    Images below are under Creative Commons – Attribution Share-Alike 3.0 – License

    (This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as they credit you and license their new creations under the identical terms)

    courtesy of: apple Inc.

    powered by: Pages for iCloud

    PHASE – A

    • Guest

      PHASE – B

      • m Arch Tom’s on Bar N Ass

        PHASE – B1

    • m Arch Tom’s on Bar N Ass

      PHASE – B

  • cjoyce

    i don’t really like this IOS.7….I like my iPhone just they way it is..it just looks like the Samsung galaxy if we use the IOS.7 jus please keep the lookscreen and keyboard just the way it is :)

  • Brett

    Girls will love the look of the new the new animations

  • Thomas Eddison

    The zoom feature on the folders is terrible

  • Eugene Huang

    That very ugly dock rectangular underneath is just a horrid lack of design skill and imagination. What was or were the designer(s) thinking?
    Yes I have the iphone4. What they want to push people to buy the 5 to get their sense for more room to breath back on their homescreen? Is that it?
    Apple you corporate pieces of sheet!

    #Jailbreak