Understand some excellent design ideas of the iPhone Platform

UnderstandingIPhoneSome excellent platformsDesignThe idea is the content to be introduced in this article.IPhoneFrom the perspective of Some iPhone platform projectsDesignExperience extractedIPhoneSome excellent platformsDesignTrain of Thought for everyone to work on mobile internet devicesDesign.

1. Differences between mobile internet devices and traditional mobile phones

In the traditional mobile phone era, standard call keys, hanging keys, and menu keys are the standard for mobile phones. Users are taught to use keyboards to operate data, so we have developed the habit of using keyboards, the classic case is Nokia's dominant age.

In the mobile Internet era, especially the large-scale application of touch screens, mobile phone functions have changed. browsing, downloading, and consuming Internet content have become the main application scenarios. Touch screens have become the industry trend, directly perform operations on the content, and click within the screen to become the main operation. Most operations are completed through direct interaction with the content, and users are not allowed to indirectly control the operation through the intermediate device.

Therefore, we can understand why Apple is so radical that only one home key is retained, and all other functional operations are done on the screen.

Returns, menus, home, and searches on the buttons at the bottom. Android seems to be between a traditional mobile phone and an iPhone. It retains some features of a traditional mobile phone, but I am also learning iPhone touch screen practices. According to Apple's simple design philosophy, the iPhone is more thorough and extreme.

2. highly intuitive interface

Apple uses metaphor and other methods to imply that the user's operations here are aimed at lowering the learning threshold of the user and allowing the user to know how to use the iPhone at first glance, A typical case is the unlock operation on the screen lock interface and the operation of scaling photos.

The iPhone uses a full touch screen. Most operations are completed through direct touch. Only the actual buttons of the home key are provided. This method works with the multi-touch technology, whether it is to complete a task or experience the game, the Operation simplifies the user's operation path to the maximum extent.

To this end, the iPhone also provides a variety of gestures, based on which developers can create a rich operation experience. For example, tweetie 2

3. Navigate to me as needed and tell me where to go

On the iPhone platform, if the application has an information level relationship such as email> inbox> email), use the title for navigation. the return button is always on the left side of the navigation bar. If necessary, you can place an operation control on the content with a title in the middle.

For the navigation buttons here, only the function at the upper level is always returned, and the title at the upper level is clearly specified.

Another question is what if the information level here is too deep? Whether you need to provide buttons such as the return home page or a longer breadcrumb path, here you need to consider how to reduce the information level of the program rather than simply complicate the navigation here.

The iPhone advocates direct operations on interface elements, and the same is true for returning to the upper-level. You do not need to switch the page with other physical buttons. What you need to do is to click directly on the screen.

Navigation Bar

4. Stable interface structure-location of the tab bar and toolbar

The interface structure of typical iPhone applications is very stable, and the navigation bar and Tab bar are not changed because of different applications. Users can enjoy a consistent experience.

The Android platform is less normative than the iPhone, for example:

1) Andorid treats titles in a strange way. Some programs have title bars, some do not, and do not comply with the consistency principle. In addition, there are two sizes of title bars.

2) Position of the tab bar. Some applications are placed on the top, and some are placed on the bottom, so the experience is inconsistent.

In addition, for handheld devices, the focus is from top to bottom, and the focus of the tab bar is not as high as the content. In fact, it is enough to conveniently switch the content when necessary, placing on the top is inconvenient for handheld devices.

5. Do one thing at a time to prevent one button from carrying too many functions

The menu key of Android is a global key, which is frequently used and has different functions based on different scenarios. It is difficult for users to build a consistent experience, system-level menus and context menus are easy to confuse users.

Apple's practice is to break down the functions in the menu. Important operations can be performed by users directly, such as adding contacts to the address book, releasing iPhone directly, and placing Android in the menu ), other operations may be concentrated in settings, sliding, and other interactive methods. Tweetie 2 shows more actions for the current contact through the slide operation)

6. Enhance User Experience

The iPhone is worth learning to enhance user experience. For example, core animation provides a large number of elegant animations that can be used directly to achieve gorgeous animation effects.

Why animation?

During the entire interface conversion process, Apple will add some animation elements for three purposes:

1) ease the user's anxiety about waiting, such as the typical program logon interface animation.

2) indicates the source of the current user interface. For example, a left-side switch animation with an information hierarchy.

3) enhance user experience

What animation is used?

Common animations on the interface:

1) if there is an information hierarchy, use the left-right switching animation.

2) operations on the current view content are commonly performed using the model view's bottom-up animation. For example, write an email and action sheet.

Quasi-materialized Design

In addition, there are sound elements, transparent design and other means to enhance the user experience.

Summary: UnderstandingIPhoneSome excellent platformsDesignThis article introduces the idea.Iphone designI hope this article will help you. MoreIphoneFor more information, see edit recommendations.