IOS 11 vs iOS 10: UI design changes in iOS 11

Despite the lack of determination, as was the case with the transition to iOS 7, Apple undoubtedly follows the course of developing a new design in iOS eleven. If in iOS 7 approach in interface design was minimalism and modesty of elements, then in iOS 11 everything is the other way around – maximalism and self-confidence. In applications and service windows, we see a reduction in information content, large, enlarged headings of search windows and bolder typography in everything.

iOS - 11-wide-featured-1 [1]

But there are also more refined design changes. Here's a list of the UI design changes iOS 11, compared to iOS 10. The screenshots on the left are from iOS 10, and the screenshots on the right are iOS 11.

iOS 10 vs iOS 11: Visual interface changes

1.Combine Lock Screen and Notification Center

iOS 10 vs iOS 11 lock screen notifications

When you turn on the device, we are greeted by probably the most noticeable design detail iOS 11 compared to iOS 10. When switching to iOS 10 Apple made a splash, when it introduced a completely redesigned lock screen. In iOS 11, they applied something different, at the moment something confusing and discouraging.

iOS 11 Notification Center

Cupertinos decided to combine the Lock Screen with the Notification Center into a single whole. Thus, the lock screen displays all notifications that were received while the device was locked. Swipe up in the middle of the screen to view all previous notifications.

Too many swipe gestures, and I really don't like the idea of ​​combining two utility functions on one screen. I hope that within the next three months the specialists Apple will finalize this concept before the release of the final version iOS.

2. Current track on the lock screen
iOS 10 vs iOS 11 Now Playing Lock Screen

Now, when you listen to music, the current track is displayed on the Lock Screen (in fact, on the Notification Center screen) as an information card and does not take up the entire screen space.

Thus, it becomes possible to view the received notifications, even if at this moment you are listening to your music tracks. Swiping with a gesture can also view all notifications from history.

3. Unlock animation
iOS 11 Unlock Gesture

iOS 11 introduces the first animation when unlocking the device. When you press the Home button, the lock screen pops up like a curtain, giving you access to the home screen. And since now the Lock Screen is combined with the Notification Center, such an animation is quite appropriate.

4. Home screen

iOS 10 vs iOS 11 home screen

The Home Screen hasn't undergone any significant changes, but they are. First of all, new wallpapers and new icons in the status bar. The most obvious difference is that the app and folder names in the dock are gone. Thanks to this, we managed to reduce the dock height by a couple of pixels.

5. Redesigned Control Center

iOS 10 vs iOS 11 Control Center

Thank you very much for coming back to the idea of ​​placing all the elements of the Control Center on one page. The buttons are now located on a dark background, the Center itself occupies the entire screen, and the controls in the form of tiles have received support 3D Touch and, when pressed harder, can now display more detailed information or advanced options of a function.

6. Drawer for iMessage apps

iOS 10 vs iOS 11 iMessage apps

Apple redesigned iMessage apps drawer. It is now easier to find and use. Apps appear as icons at the bottom of the conversation, which expand when you click on them. You can scroll them with a swipe gesture, and by clicking on the icon, you can launch the selected application.

7. Redesigned design App Store
iOS 10 vs iOS 11 App Store

The app App Store has been completely redesigned and now looks more like the app Apple Music. Less informative, larger icons and visuals.
iOS 10 vs iOS 11 App store app detailed view

There are also new separate tabs – 'App of the Day', 'Games' and 'Apps'.

8. Updated interface Siri
iOS 10 vs iOS 11 Siri

The user interface has changed significantly Siri. The text and updated answers are now positioned closer to the left. The text size itself has been increased and now Siri shows multiple answer options instead of one. There is also a more intelligible button for editing a user-asked question.

9. Redesigned 'Phone' application

Similarly, the design of the 'Phone' application has been significantly redesigned. It now has larger titles and bold titles. There is more space between the interface elements and are now easier to read.

10. Redesigned app 'Calculator'
iOS 10 vs iOS 11 Calculator

Redesigned both the icon and the application interface itself.
iOS 10 vs iOS 11 Calculator icon

The icon is more retro-styled and the app interface looks more like the dial pad for the Phone app.

11. Application interface 'Video'
iOS 10 vs iOS 11 video player youtube

The stock application 'Video' in iOS 11 received a visual change in the interface.

iOS 10 vs iOS 11 Video player The top and bottom of the video player now use the floating panels style instead of the frosty glass style. iPad will now have more intuitive buttons for switching to picture-in-picture mode and for enabling AirPlay mode.

12. Redesigned app 'Settings'

The top search section of the Settings app has gotten a larger panel, which is typical for the page with a list of options in the Settings app, as well as for some high-level service pages, such as the Control Center.
iOS 10 vs iOS 11 Settings Control Center

13. Redesign of the status bar
iOS 10 vs iOS 11 status bar

The cellular signal strength icon has changed. Now the signal level is displayed in sticks, rather than dots. The location icon now appears as an outline instead of a shaded icon.

14. Improved design elements of the 'Notes' application

iOS 10 vs iOS 11 Notes

The Notes app now has larger headings and titles.

15. Improved design elements of the Safari application

The user interface of the Safari app is more voluminous, where the URL bar has grown by a couple of pixels. The text in the URL line got a little more padding from both sides.

16. Improved design elements of the 'Calendar' application
iOS 10 vs iOS 11 Calendar

In the Calendar application, the Year line is now more expressive. Headings, again, have become larger and do not invade the text space.

17. Section on disk space management

The 'iCloud & Storage' section is now named 'iPhone Storage'. Its appearance is more reminiscent of the style of a similar section in Mac OS, indicating the space occupied by data for applications, photos, videos, and more. The list of data also indicates the date of their last use.

18. Application panel in iPad

iOS 11 iPad Dock

The application bar in iPad almost completely repeats the similar application bar on a Mac computer, it looks like a hover and is called up by swiping up at the bottom of the screen. More than six application icons can be placed, and recently used applications are displayed on the right side of the panel.

19. 'Slide Over' mode on iPad

'Slide Over' mode is no longer invoked from the right side of the screen. Now you need to hold down the application icon in the panel and drag it to the screen to open its data in a separate pop-up window over the current application that occupies the entire screen.

20. Switch between applications on iPad

iOS 11 new App Switcher

The switch between applications on iPad has been completely redesigned and now includes the application panel, and the Control Center, and running applications, and separate work screens.

Rate article
Site about smartphones, instructions, advice, ratings.
Add a comment