Android vs iphone interface layout comparison

Source: Internet
Author: User
Keywords tags contrasts applications layouts toolbars

The image above is an example of an interface layout that I've sorted out based on the "Production content applications" of two platforms, Android and iphone. The 4 points that are compared are the application general interface elements of the two platforms.

Status bar:
The Android and iphone status bars are all at the top of the screen for the reason that people's visual processes are from top to bottom.
The Android status bar, with the notification function, when the application has new notifications, displays the notification icon on the left side of the status bar, and slides down to open the view notification details.

The status bar of the iphone is pure, just a state. Contains the display of the active state, such as a process is running, there will be a rotating animation here. But you can't have any action on the status bar.
Personally, the Android notification system did a good job, seemingly later http://www.aliyun.com/zixun/aggregation/13466.html ">windows Phone7 also emulated the design."

Title bar:
Android is a pure interface title bar, where there is generally no operational response.
The iphone's title bar, which takes more action to navigate, is where you can quickly rewind (Android uses the entity key to rewind) or do something about the interface. In addition, when you use the iphone to browse the contents of the interface, double-click the title, but also play a fast to the top of the function.
TAB bar:
Android's Tab bar is located under the title of the interface, generally up to 5 items, in the original platform interface, visual effects are also uglier.
The iphone's tab bar is clearly below the screen, and is also up to 5 tops. Compared with the android,iphone to the status bar processing appears very intelligent. All display icons and text labels are the same width and display a black background. When the label is selected, its background is diluted and the picture in the label is lit.
If the application's tab bar contains more than 5 tabs, the IPhone OS displays 4 of them and automatically displays "more Tags" in the 5th.

I've thought about why it's the same label, Android, and the iphone.
So far, I can only guess:
Android designers believe that labels should be seen first and cannot be blocked by menu items.
The iphone's designers believe that tags are used to switch different views of the current application and should be more easily pressed, so choose to be at the bottom of the screen.
Therefore, I have completely not tangled up the so-called "single handheld" scenario design, because the above two platforms are not well supported.
Toolbar:
Android toolbars are generally located below the screen, typically 3 buttons. Given the availability of clickable fields, more than 5 are generally not recommended.
The iphone's toolbar, which is in the same position as the tab bar, does not coexist with the toolbar, at the bottom of the screen, either as a toolbar or as a tab bar.

Well, the contrast is over.
Frankly speaking, I am not in the design of a new mobile phone platform, our company will not toss the new "so-and-so phone." So given that I'm standing only at this altitude, I have no reason to "innovate" the above four points for my application interface.

This contrast seems a bit boring to me.
However, I can always find some "A mix B" Application interface design, let me feel more boring.

Perhaps you and I, in the design can always hear "xx is the same."

The implication is to copy over.
So, bad things are getting more and more.

What a shame.

Regardless of which platform the application program design, I always insist that the view is: follow the design specifications of the OS, familiar with the platform features, preferably with the platform from the application to maintain a consistent use of the experience. Don't need surprises.

Your innovation should be used in the right place.

SOURCE Address: Http://azero.tsang.blog.1 ... 106275197904/

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.