Windows Phone Design and interaction Guide notes

Effective immediately, no need to confirm the interface

To allow the user to cancel the previous operation

Progress bar

There is a progress bar at the top of the status bar. There are two types: determinate and indeterminate.

Determinate can be used to determine the progress, such as downloading; indeterminate can be used to determine the progress, such as connecting to the network and logging on.

Background

There are two kinds of black background and white background, the design UI should be fully considered.

Input big classification

• Touch
• On-screen keyboard
• Hardware keyboard
• Microphone
• Phone hardware buttons
• Sensor

1. Touch

Touch target & Touch Element

Touch target is physical, and touch element looks like

The area of touch element cannot be greater than or less than 60% of touch target

Touch target size limit

A touch target is recommended to be at least 9mm (34 pixels) and at least 7mm (26 pixels ). Commonly used, or with serious consequences, must be greater than 9mm.

The interval between the two touch targets is no less than 2mm (8 pixels), and the control interval for important operations is increased appropriately to avoid false

Single-finger touch

• Tap: open and run
• Double tap: Used to Switch ApplicationsProgramOr zoom in or out of space.
• Pan: used to move elements. If the content is moved between two States, the content should be adjusted to the closest State. The object moves with the finger and remains in the new position after the finger is raised.

• Flick: that is, swipe-stroke. Generally, the UI background layer also changes. Used to switch pages.
• Touch and hold: Simulate right-click.

Multi-touch

When the diameter of each touch point is not less than 7mm and the distance between each other is not less than 3.5mm, this action is considered as multi-point touch.

2. On-screen keyboard

If a developer uses the multiline editing control, it may partially hide it behind the keyboard. The developer must ensure that the line with the inserted symbol is always displayed outside the keyboard area.

When you click the Enter key, either the data is submitted and the keyboard is closed, or the focus is moved to the next control. If the editing control has multiple rows, click the Enter key to add a new row.

3. Microphone

The microphone frequency range for Windows Phone 7 is Hz ~ 7000Hz

4. Phone hardware button

Power supply, sleep, camera, return, start, search

Start button

When you press the start button, the main interface of the mobile phone is displayed. The running application is paused.

Search button

The physical search button starts Bing search. The Search Experience varies according to the user's situation. For example, in outlook, the search email is used.

Back button

When you press the return key on the initial interface of a program, the program is closed.

However, the primary purpose of the Return key is to return from the current page to the previous page.

The Return key cannot be used as the backspace key on the keyboard to delete input text.

Power/sleep button

Sleep button

The physical volume key is used to adjust the call volume (during the phone call) or the global volume (not during the call ). This includes the volume of music, radio, video, applications, ringtones, and system sounds.

Volume button

This button applies to the entire system and application. This means that developers cannot set the volume to a value greater than the user volume, nor cancel mute.

When an incoming call is made, pressing any volume key enters the mute mode.

Camera button

The camera key is associated with two actions. It supports both semi-and full-press modes. When the user is on time, the camera program will be started on the mobile phone. If you press the button after the camera program is started, auto focus is enabled.

If you press the camera key for more than one second when the phone screen is closed or locked, the camera program is started.

Sensor

All Windows Phone 7 phones contain the following sensors:

• Acceleration Sensor Accelerometer
• Global Positioning System A-GPS
• Proximity sensor
• Camera camera
• Compass
• Light Sensor

The proximity sensor is used to close the screen to save power. When an object is within 15mm of the screen, the sensor will respond. Mobile phone manufacturers can decide how to assemble sensors on devices. So its location is not fixed.
When the phone speaker is turned on, the sensor still works, that is, if it is covered with something else with your finger, the screen will still be closed.
Developers do not have permission to control function settings close to sensors.

All Windows Phone 7 phones are equipped with a 5 million pixel or higher resolution camera and have autofocus, flashlight, and a 4-3 ratio image sensor.

The resolution of all Windows Phone 7 phones is 800*480 regardless of their size.

Button

The number of words on the button cannot be too many. The number of words in English cannot exceed two.

Checkbox

Intermediate is not recommended.