Windows Phone 7 UI design and interaction specifications (2)

Next, I will talk about the rest of the design and interaction specifications for Windows Phone 7, including text, punctuation, touch, screen keyboard, physical keyboard, screen, and other hardware.

Text

This specification is so meticulous that it provides detailed provisions and suggestions on the text format of Windows Phone 7 applications. Although many contents are not specific to Chinese, but it's okay to know about it.

The built-in Unicode font of Windows Phone 7 supports the East Asian language (China-South Korea-Japan). developers can also use built-in fonts in applications. The font size must not be smaller than 15pt, otherwise it is difficult to read.

The text that appears in the application should use natural language rather than mechanical computer language.

We recommend that you use text styles built in Windows Phone 7 instead of hardcoded custom styles.

If you develop an English application, pay attention to the case when it is case sensitive. In the example text in the search box
And the link in the text can be lowercase letters of the word. It is recommended to use case-sensitive words in the checkbox, single-digit, progress indicator, switch control, and text indicating status, notification, and description.
It is recommended that all letters of a word be capitalized in the title and date text of the application.

In addition, this specification details the correct use of punctuation:

• [&]: Available
• [:]: It should be used when a number or variable is introduced, for example, "load percentage: 60%". Do not use it at the end of the label Text of the control and at the end of the group title or column title.
• 【...] : Should be used in the Progress indicator label, not in the title and button.
• 【.?!] Ending Symbol: it can be used in teaching text, or in the title of an error message or dialog box, but not in other titles, buttons, check boxes, and single-sheet labels. The end symbol should be followed by spaces to separate sentences. In addition, avoid using sentences in tags.
• [()]: Avoid using it whenever possible.

Touch

Windows Phone 7 supports single-point touch and multi-point touch. The single-point touch supports the following gestures:

• Tap: Touch and exit the screen
• Double tap
• Pan: slide. The Finger stops after leaving the screen.
• Flick
• Touch and hold: press for a period of time to display the context menu

The gesture supported by multi-touch is pinch and stretch, which means two touch screens, approaching or leaving.

Because the precision of the fingers and the mouse is different, the uidesign of the touch application is very different from that of the traditional applications controlled by the mouse. For example, in the interaction design of a touch application, the touch target does not have a hover state. Because Windows Phone 7 does not support the navigation key, the touch target does not have a focus state.

To make touch easier, the side length of the touch target should not be less than 34 pixels (or less than 26 pixels in special cases), and the interval between controls should be at least 8 pixels. When a touch occurs, visual feedback or sound feedback should be provided immediately.

In addition, common tasks should be completed in one hand. It is not recommended to use gestures as shortcuts.

In addition to touch, Windows phone7 mobile phones also support multiple input methods: screen keyboard, physical keyboard, microphone, mobile phone physical buttons, sensors, but not all input methods are open to developers.

Screen Keyboard

The height of the screen keyboard is 336 pixels in portrait mode, 256 pixels in Landscape mode, and 65 pixels in the recommended panel.

Developers should set the input range based on the input type of the text box so that the appropriate on-screen keyboard is displayed on Windows Phone 7.

On-screen keyboard types in Windows Phone 7 include:

• Default: standard QWERTY Layout
• Text: Standard Layout, including ASCII expressions
• Email Address: Standard Layout, including. com and @ key
• Phone number: Classic 12-key Layout
• Web address: Standard Layout, including. com and custom enter keys
• Maps: Standard Layout, including custom enter keys
• Search: semi-transparent layout, including the search key and. com key
• SMS address: Standard Layout, including layout for easy access to phone numbers

The Screen Keyboard can be automatically displayed, but it is recommended that the screen keyboard be automatically displayed only when there are no more than two text boxes on the page.

Hardware

All Windows Phone 7 phones are equipped with a 800x480 pixel WVGA screen.

The screen has three directions: Portrait, landscape left, and landscape right. The latter two are landscape screens. The status bar for displaying power, time, and other information changes from 32 pixels to 72 pixels in width. When the screen is rotated, the system will produce animation effects, and developers do not have to write their own effects.

The application can choose whether to support horizontal or vertical screens, but cannot modify the screen direction programmatically. Because the mobile phone may be equipped with a horizontal slide keyboard, applications that support text input should always support landscape screens.

Code writing is required to support landscape screens. Once landscape screens are supported, both landscape left and landscape right directions must be supported.

Windows Phone
7 physical keys include power keys (sleep keys), volume increase keys, volume decrease keys, photo keys, back keys, start keys, and search keys. Where the START key, power key, Volume key, photo key, and search key are developed
If you press these keys, the current application may be suspended. Developers should be prepared for this.

Windows Phone 7 records page jumps in the application and saves snapshots for the page. When you press the back key, the system will open the snapshot of the previous page, therefore, the data may not be up-to-date. Developers can control the behavior of the back key, but the back key is intended to be backward navigation, so do not move it for other purposes.

IOS devices that advocate simplicity do not have this button. Therefore, a "return" button is often displayed on the iOS app UI. Although android has a physical backend key, it lacks the official power.
Guidance, many Android do not make good use of this button, but blindly imitate the iOS app. For example, the official Android client of Sina Weibo can use "Weibo text"
Bar removed to save space for displaying the real Weibo text.

Windows Phone
7 mobile phone can be equipped with a physical keyboard, but only allow Qwerty, AZERTY and qwertz three la S, and the key is strictly required, in addition to the necessary A-Z keyboard key, but also must
There are emoticon keys and other buttons. Android does not set too many rules on the physical keyboard. As a result, many functions (such as expressions) provided by third-party input methods cannot be easily used when using the physical keyboard ).

In addition, the Windows Phone 7 physical keyboard does not support any form of navigation and positioning keys, which is different from Android.

Developers can query the physical keyboard status through APIS.

The built-in sensors for Windows Phone 7 include accelerators, A-GPS, close-range sensors, cameras, compass, and light sensors, which are said to be open to developers.

Other Hardware includes FM module, Bluetooth, flashlight, focus light, micro SD, micro USB, Wi-Fi.

In terms of hardware, iOS devices are always operated by Apple, which is conservative but secure. Android is an open-source project with few restrictions on hardware. The advantage of this openness is that there are many device models and the disadvantage is that
The hardware and vendor development capabilities of these devices are inconsistent, which makes the current Android world messy. Users often encounter problems caused by system versions, resolutions, hardware performance, and so on.
Experience challenges.

Windows Phone 7 has strict requirements on all aspects of hardware. This ensures the diversity of devices and the consistency of user experience, it can be said that the advantages of both sides are learned while the disadvantages of both sides are abandoned. This is one reason why I am optimistic about Windows Phone 7.

 

The original Article is published in coding.windstyle.cn. Welcome to visit and subscribe to it and share it with me.