Detail analysis in Windows Phone Interface Design-[user experience]

My personal opinion on WP7: I like WP7's simple interface design and I am also learning about WP development.Article.

1. Distinctive unlocking Interfaces

The WP7 unlock interface is very distinctive. The time information at the bottom of the center is the most eye-catching, that is, taking advantage of the advantages of English in typographical design and implementing the visual design concept of returning to simplicity, the information is presented to the user in an unburdened manner. Messages, alarms, and other push messages are displayed below the time information. System information such as device power and signal is indispensable at the top.

There is no familiar unlock prompt or "Lock" prompt on the interface, and the interface looks more like a painting. However, when using a mobile phone, you do not have to worry about entering the standby interface. When the user's fingers touch any place on the screen, the mobile phone screen will have a quasi-thing animation that simulates the landing of heavy objects and then pops up.

With such an animated prompt, I believe most users will try to slide the interface up. Congratulations, you already know how to enter the standby screen. Obviously, such animation prompts are more vivid and direct than any text prompts. The interface is concise and clean, and the operation prompt is vivid and vivid without any visual burden. This is the first surprise of WP7. When the user slides up the screen and the standby interface is displayed to the user's eyes, the whole process is like opening the screen. There is a small detail worth noting during this period, that is, the time information on the unlock interface will gradually disappear as the entire screen increases.

WP7 is considerate in preventing unlocking problems caused by misoperations. If you slide the unlock interface quickly and effectively, that is, the system recognizes it as a valid operation and immediately enters the standby interface. Otherwise, you need to slide the screen to 1/3 to unlock the screen.

Ii. simple and clear standby Interface

After unlocking, you can see the WP7 standby interface. The standby interface adopts a new style of content display and layout. It is neither a uniform icon nor a combination of heavy widgets and texture icons, but a more abstract interface, large blocks and ultra-large fonts make the user clear at a glance.

The content of the application icon varies depending on the application attributes. Function applications, such as phones and emails, are displayed with a monochrome icon. When new messages or missed calls exist, corresponding numbers are displayed on the edge of the icon;

Information applications, such as contacts and images, are displayed in contact photos and some images.

From the information structure of the application icon, we can divide each icon into three layers: the bottom layer is the background image or the color block of the system, and the middle layer is the application name, the push information is shown at the top.

You can edit each application entry by means of a long press, and then activate the editing status of the application entry to adjust and delete the position. You can drag your finger to adjust the position, and click the icon in the upper-right corner of the active application to delete the application. After the operation is complete, click any blank area to exit the editing status.

Slide the screen to the left on the standby interface or click the right arrow in the upper right corner to enter the application.ProgramList. Similarly, click the right arrow in the upper left corner of the program list page or slide the screen to the right to return to the standby interface. The icons in the program list are 62 * 62px in size, so that you can display as many list contents as possible without any mistakes.

In the Application List, you can press an application and then activate the edit menu to unmount the application, add it to the standby interface, view the heat, and perform comments.

3. panoramic view

To talk about the application in WP7, you have to first introduce panorama, that is, the panoramic view. It is a major change on the mobile phone interface brought about by the introduction of Metro. It is different from the user interface of any previous mobile phone system. It is no longer about adapting your content to small cell phone screens, or switching between different forms. It provides a new view that extends content horizontally out of the screen to display/integrate different controls, data, and services, it's like arranging them on a portrait. The part of the current visible area is only the size of the mobile phone screen, just like a sliding window on the picture. All you need to do is gently slide your fingers horizontally on the interface, and this picture will move the content you want to see to the focus area at your eyes.

All applications in WP7 use this architecture. It is different from any other mobile phone programs in terms of vision and interaction. We believe this will bring more freshness to users.

4. Novel animation Effects

If WP7 has these characteristics, it is not enough to cause such a huge impact. In addition to the new metro concept and the panoramic view of panorama, it is also quite powerful in visual effects. It is representative of the smooth sliding screen effect, the page flip effect between entry and exit levels, and dynamic loading animation. Smooth horizontal sliding is a derivative product closely related to the panoramic view.

Because the panoramic view is used, you can see part of the content of the next horizontal screen on the right side of the current screen. This also paves the way for horizontal sliding screen animation, this allows you to have the same experience when looking at the screen. Pages are displayed in different forms on different pages. The page flip animation of the standby screen. When a user clicks an application, the clicked application itself does not move temporarily. Other applications turn to the turn (to the left) together, similar to the book flip, then the clicked application is displayed separately. It makes people feel like opening a magic door. Both semantics and animation convey a sense of opening, which is very suitable for opening an application.

There are three types of page flip animations in the content list. One is when you go to the text list item-eversion (Left flip) when you exit the text list items, the items in the list are turned inside (to the right) one by one, and the entire page content is exited-the entire page is turned inside (to the right ). It feels like opening on the face and disappearing with the wind.

WP7 is a very breakthrough system. It brings us not only the visual impact, but also the open design concept. I believe that the wide variety of applications on WP7 will bring us more surprises.

Original article: http://mux.baidu.com/2011/04/928/