UI design Sharing: Following the UI features of the mobile platform

Source: Internet
Author: User
Tags window

Web page Production WEBJX article introduction: Classic Interactive design of mobile phone interface.

Before I saw an article discussing the consistency and difference between iphone interaction design and Android Interactive design, it emphasized the features of the platform itself, not to copy the UI design of other platforms, so that users feel that they are actually using an Android software.

I am Everything is very relevant, and let's keep them in mind.

I think of our design innovation, designers of the design of ideological sources, follow the platform some of the UI features, but "breakthrough" more than the platform ...

The above two graphs show the different ways to tab, although YouTube is a good design, but Yelp is not bad, the two different design methods (I want to call it the design equivalence) also meet the functional requirements, and Yelp this design is more than the platform UI, Even if we are on the Web page, even in the Android platform to see such a way is not surprising, not to mention who copied who, who copied who, as long as it is a good design style and design characteristics, we can refine, reasonable application.

(Of course, Yelp has some problems with this tab adjustment method, which is explained in detail in the usability of the IPad Apps and Websites http://www.nngroup.com/reports/mobile/ipad/49)

Using a large number of iphone platform clients and looking back at iphone Human Interface Guidelines's introduction to the iphone design component, it seems that the hundred page's documentation is more likely to make designers timid, Think this is the iphone, follow such a design such as Picker,slidebar,web view is the real iphone ...

In the specific design process, whenever a number of design proposals, from other designers or developers of the question is: there is no such a design, I think the iphone does not conform to some of the inherent norms ...

I think it's completely wrong, it's just a basic no more basic specifications, the number of 100,000-level iphone clients each of the extraordinary strokes, the iphone's original basic design specifications of the brilliant interpretation of the wonderful is the best proof (although some of these clients design is not good, There are quite a few clients that are performing the UI to the extreme.

Central is an atypical Single Window application (Alian Cooper about the face of the book has a single window, multiple Windows application analysis, although it is for Web applications, but for the same reason for mobile phones), almost all operations around the map, In the way the map level is displayed, Central does not use picker (which is not actually appropriate to use, as described in the iphone Human Interface Guidelines) or table views, It's a way of doing it. Pop-up a list of behaviors (icons) to choose from, different behavior (icon) produced in different results on the map page display, almost no need for any user short-term memory can be successfully completed.

The center search function, location function is to let a person's eyes bright, if we merely so-called "UI guideline", I am afraid that we simply do not have the means to be so rich function properly arranged in the stage of 320*480, these functions are elastic and orderly, Who can say that this fine design is a patent for the iphone platform?

Until now in the iphone or Android design, more people (even some designers) are more willing to see the existing "design samples" to end the original "creative design" of the controversy, really design "breakthrough" enemy.

Click the avatar to show more operations, MSN Processing Way is quite ingenious, the operation of the front and rear to take to the user's guidance just right, WHRRL notification mechanism and did not use the traditional badge, but in the home page with an arc section identified, when there is information in the time, The Arc section is displayed as an orange reminder since.

SNS-based websites and recent waves of Weibo, there is an important module: A dynamic form of a friend or a person of concern, because this dynamic update is so fast that it is not possible to save it locally so that users can read it one by one (in fact, these developments are not necessarily the user's needs), A very good design strategy is to display the latest dozens of, if you look at the old dynamic (relatively new), click More, of course, there are many new developments in the current viewing process, but not loaded into the current list, you need to refresh, the image presented on the Weibo (Sina, Tencent) based on iphone intrinsic UI features (slide to the bottom of the list to start buffering, this is very pertinent to some of the physical phenomena shown, as well as the natural order from top to bottom (it is customary to think that the top is up to date, the oldest of which is the old one, which is a custom user, reference to do don't make me The smart design "pull down refresh" on the Customary usage section is reasonably shown and approachable for the flat-inch gold iphone screen.

The smart design is not the iphone's design patent, but it's also available on Android platforms with the same habits, but with different ways of using it (the Android platform doesn't have the habit of sliding lists to bottom buffers, So the refresh button and show more buttons need to appear at the beginning and end of the list rather than the iphone through the Pull-down operation to complete the refresh, so you can hide it.

Page indicator is a smart design component of the iphone platform, which is a sliding tab for multiple pages.

The image shown in the App Store for a product introduction, product image browsing mode, the appropriate use of page indicator, on the one hand to prevent excessive image accumulation caused the page is too long, on the other hand, when the initial acquisition of data also appropriately alleviate the pressure of the server.

The right picture is the mobile phone QQ browser 1.2 's first page, will quickly link in the form of page indicator, the proper use of the iphone user habits, the application is very ingenious.

and WHRRL page indicator simply on the navigation bar as part of the title, I am very clear that the left and right sliding can easily switch to other pages.



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.