On the layout of three kinds of application types of iphone platform

In the mobile phone such a small limited screen size, to make the interface to maintain a clear and reasonable, concise and beautiful, it involves the product "framework layout" of the design problem, we need to be based on different product requirements and application scenarios to design a reasonable interface layout.

iphone platform standard interface layout for the top title bar, central content area, bottom toolbar/tag bar, designers according to different types of application and different use of the situation to carry out a clever layout, including a lot of courage to break the rules, delicate and reasonable layout design. Let's take a look at the diverse interface layouts of the iphone platform today.

The

iphone platform has three types of applications: efficient Applications (productivity applications) practical applications (Utility applications) immersion applications (immersive applications) Each type has its own different characteristics and application scenarios. Before you design, you need to be clear about the objectives, characteristics, and motivations of the users to use the product to select the appropriate application type. Here are three ways to summarize the layout of the interface.

-efficiency applications include almost every application from social networks to mobile banking. Such applications have the ability to organize and manipulate specific information, require a more streamlined user experience, and thus do not hinder the user's work, the user experience to focus on the task, users can quickly find the desired goals, easy to complete the operation.

1 How to design a task-oriented design concept for efficiency applications. Establish the accurate task model, disassemble the user's possible tasks, and design the optimization process. Let users quickly start, find information quickly, and quickly leave. Establish a clear hierarchical relationship, convenient and accurate retrieval methods so that users can quickly locate the information needed. To reduce user learning costs, use system controls and operations as much as possible. Reduce the noise, ensure that the advanced functions can be found when the user needs, and will not cause trouble when not needed.

2-Interface layout for efficiency applications A. Nine

Such interfaces are usually the first screen after the user enters the product, providing a classification entry for the user, and the entrance is usually shown in the form of a chart plus text. Arranged in the form of a lattice, allows users to quickly find the entrance. This type of layout is suitable for rich content presentation and content for classification aggregation. B. Collapsing list folding tables are layouts designed to avoid excessive scrolling within a page, and you might want to consider using such layouts when displaying large content on the same page. The content is grouped into a level two list, and each group can expand its subprojects separately. C. Picture List Picture List can visually display the whole picture, convenient for users to quickly retrieve the view, a large picture also brings the user a visual pleasure experience. D. The layout of a merry-go-round Trojan is suitable for the content to be organized in a linear or cyclic manner, make full use of the limited screen space, better to display a series of graphic images, so that users get a better focus experience, as the cheerful Pentium Trojan, non-stop rotation display, so that each individual has the opportunity to perform. This layout is especially useful for the limited screen space and the need to show a lot of content. Commonly used in the merry-go-round layout There are two kinds, one is the full screen of the above display, generally used for the home page, as the entry of various content. The other is the application of the following diagram, with multiple items typically used at the top of the page. E. Sideslip split screen Sideslip interface layout is a three-screen mode (left screen, main screen, right screen), this architecture has excellent extensibility. path2.0 completely subversion of the iOS Guild line mode, the use of this three-screen mode, minimalist homepage, the main screen left only feed display and add functionality. Placing the navigation on the left side of the screen increases the scalability of the future as well as the clear content of the main screen.

practical applications accomplish tasks that are low on user input. A user opens a utility application to quickly view a summary of the information or perform a simple task on a few objects. Practical applications are characterized by minimal installation, simple flow and layout, and standardized interface elements.

1 How to design a practical application focus on a function to make it at a glance, the need to display the information at a level, so that users quickly get a certain kind of information or perform a specific task, so it is not necessary to operate after the problem is the most perfect. Strive to make the interface concise and use simple, standard views and controls as much as possible. Settings are usually on the back of the main view and you can set up different data sources.

2 the interface layout interface of practical application displays information in the form of a flat list, is easy to browse, contains only the most necessary information, and has no in-depth information hierarchy. Each view provides the same data organization structure and depth of detail. The number of open views is displayed below the interface, and users can browse sequentially and select another view after one view.

usually a practical application solves only one aspect of the problem, such as the compass and thermometer above, through the design of materialization, the full screen layout highlights the application function, at a glance.

The

interface succinctly highlights the main features and does not have the extra operations and settings to enable the user to quickly complete the operation.

immersion applications can provide users with the ultimate entertainment and gaming experience, such applications and the standard system interface, users hope that such applications can bring them the greatest entertainment. This type of application is characterized by focusing on the main content and the fully personalized user experience.

1 How to design immersion applications rich media manifestation, sound, light, color, effect, through the rich expressiveness let the user immersed in it. Not rigidly adhere to the system of control and performance, therefore, the interface design of the freedom to play a higher degree, simulation, lovely design style is often easy to color.

2) Immersion application interface layout A. Full-screen layout of game class immersion applications usually occupy the entire screen, including the battery and network information of the status bar, so that users gathered in the main content to enhance the user's sense of participation. This Full-screen interface layout does not have redundant task orientation and element interference, let the user explore, and find and reward in the exploration, not rigidly adhere to the system control and performance. This type of application is more in the direction of the horizontal screen layout. B. Media class Full screen layout media class The most common is the electronic reading and video playback, the close-up content will occupy the entire screen, the interface only displays the content, lets the user immerse in it, when the user clicks the screen to display the control on the floating layer. C. Full screen layout for specific task classes common to have recordings, photos, picture processing, and so on, the interface layout to highlight specific tasks, in the bottom of the interface with the task of the operation of buttons, usually using a custom interface to match the environment. This type of application may involve processing large amounts of data while it is running, but usually does not display the data without having to be viewed by the user.

In the mobile phone interaction design, we have to think about how to reasonable layout in a limited space, better display content, whether text or pictures, to make content look elegant and graceful. We need to be based on different types of applications, product positioning, user goals to choose the right interface layout, but also dare to try to break the conventional, designed to sell users pleasing products.

Source Address: http://mux.baidu.com/?p=2950