IOS one-to-one vs 10:ui and interactive comprehensive comparative analysis

Apple introduced the iOS 11 system as early as June at the WWDC Global Developers Conference, and in September we finally received a full version of the update push. iOS, which has undergone a major version of the 11 generation, remains vibrant and progressive. Does iOS 11 have any special changes in UI and interactivity when compared to iOS 10 with a year in hand? Let's take a look here. (iOS 10 on the left, iOS 11 on the right)

Home screen

The navigation in the upper left corner has obvious changes, from small dots to the classic signal lattice mode, the bottom of the dock also removed the name of the app, the application name font bold, relatively clear and easy to read.

Control center Adjustment is one of the biggest highlights of iOS 11, users can customize the common function block, and can be adjusted by 3D touch Brightness and volume, the control bar also from the horizontal to vertical column, saving the area of the control center, layout more reasonable, let a person refreshing.

Icons icon

There are 10 or so big changes in the icons: map, store, clock, camera, settings, contacts, reminders, music, contacts, memos and calculators. The map, clock, camera and address book changes are more humane and normal, there are some icons are relatively large changes.

The Classic App Store icon has changed so much that the original pen and Ruler express the essence of the "tool", and now the new icon turns into three round sticks, the triangle represents a stable structure, and more likely to emphasize the relationship between the App Store, the developer and the user.

And the change of the calculator icon is more thorough, from flat style to mellow, with solid circle as the main, more is let people infer is in the first generation iphone OS salute.

There are other icons that have been changed in a way that is generally simple or contrast-enhanced, in line with the overall tone of iOS 11.

APP Store

The APP store's new design highlights the card-based arrangement, with a large area of projection, which improves page hierarchy and contrast. This bold typography reinforces the App store's sense of design and artistry, highlighting levels and navigation.

In short, the App Store will apply the entire style is carefully categorized, after summing up a topic in the user's respective use style to recommend, behind it is Apple for the entire user group of big Data, and then directed to push the corresponding content, is a very good change.

Notification Center

In the new version of the notice, when we slipped from the top bar, the background is no longer the use of glass blur, the same as the lock screen interface, the above to retain the time and date information; vertical screen, the time and date will appear on the left side of the interface, the right side is placed notification information, design style and control center unified modular Design Style 10 compared to more concise and generous, more in line with the use of habits, space use is more reasonable.

Unlock interface

The digital keys in the lock screen in IOS 11 become solid, which improves the readability of the interface and reduces the distractions and effects of fine frames and thin lines on reading.

=====================================================

In addition to the iphone, IOS 11 is a stunning performance on the ipad, especially in terms of interactivity that makes the ipad a fresh one.

The biggest change for the IOS one for IPad is the new dock, similar to the experience on the MacOS dock. First, there are up to 15 apps on the dock, and the partition to the right of the dock shows the 3 most recently used apps, while the app in Handoff appears to the far right of the dock, and Handoff's app takes up one of the 3 most recently used apps.

The new dock uses a bottom-up, out-of-the-box interaction to replace the previous control center, and it's worth mentioning that, in the case where an application has been opened, we've pulled out of the dock from the bottom of the screen and opened an app, and dragged it to the interface, and the app will appear as a floating window on the right side

The new dock-and-hover-window mode solves the situation where the app can only be flipped through the swipe apps list in the iOS 10 split-screen state. The biggest difference with Slide over iOS 10 is that the Slide over open app is not operational, and now you can interact and manipulate the main app while you operate the hover window, greatly improving the experience.

APP switcher

New task switching Center to the author's greatest feeling, is finally can no longer double-click the Home button to exhale, after the call out of the dock, continue to swipe from the bottom of the screen can open the app switcher. The whole process is silky smooth, not only reduces the discomfort of sudden switching to physical operation, but also enhances the overall system immersion. If you want to go back to the main screen, you do not have to click the Home button, tap the app switcher blank area.

Drap & Drop

Drag-and-drop this interaction is finally achieved on the ipad, such as in the hover window, you can drag out a file, then click on the other files that need to be dragged, thus forming a stack, then you can easily drag and drop files to the main application.

Second Level menu

Another noteworthy interaction is the new two-level menu from iOS for ipad, which has so far not supported 3D touch, and in the new system you can achieve a 3D touch experience by long-pressing the app or the control center into the level two menu.

Overall, the most intuitive than IOS 10,ios 11 is the bold overall line sense, the overall font or icon effect has been deepened and bold, the contrast is also higher, representing a calm evolution and the user experience of fine-tuning. IOS 11 has a smoother update on the iphone, with more emphasis on the visual effects and operational experience on the ipad, while the updates on ipads can be said to be commendable, especially in terms of interactivity, making the ipad a step closer to productivity devices and giving developers greater freedom and platform. Makes the application ecology of iOS more efficient and practical.

Are you surprised by the style of this ingenious design? As an iOS designer, do you want to start this design right away? Here I recommend the following several tools, I believe can help you.

(1)Sketch

Sketch is a Mac-based vector drawing application. In the face of complex and cumbersome photoshop,sketch compared to the body light as Yan. Recently also launched the use of sketch design product prototype craze, because it is easy to draw design manuscript, let our prototype map more realistic, more conducive to communication and early display. Currently, the Apple Human-computer Interaction Guide has provided the official UI Kit for iOS 11, which allows you to adapt or iterate your own product in sketch based on UI Kit after carefully reading the design specifications.

(2)mockplus

Interaction is the soul of a prototype, the most intuitive way to demonstrate the archetype logic and thinking. After using sketch to complete the design, we can download and install the Mockplus plugin for sketch if we want to continue to design and collaborate on the design. After you have finished designing your sketch, you can export it as a project file for the MP to make prototyping and page interactions in Mockplus , and collaborate and annotate with team members.

iOS in both interactive and UI has maintained innovation and power, in addition we should also see the human spirit behind Apple and user experience, we in the process of product design, we should also let the product maintain a calm temperament, smooth experience, the product will become lively and vivid.

IOS one-to-one vs 10:ui and interactive comprehensive comparative analysis