![]() ![]() ![]() Use the built-in controls exposed through the language frameworks in Windows to build apps that provide the full platform user interaction experience, including selection and manipulation behaviors. Touch input is not granular it's difficult to map the entire surface of a fingertip to a specific x-y location on the screen to place a text caret accurately. Mouse, pen/stylus, and keyboard input are highly granular: a mouse click or pen/stylus contact is typically mapped to a single pixel, and a key is pressed or not pressed. Text selection and manipulation is particularly susceptible to user experience challenges introduced by touch interactions. Assess whether selection is an issue for your app and, if so, identify the areas of the UI where selection should be prohibited. Controls such as buttons, labels, and logos are not selectable. ![]() Typically, Windows applications allow selection only within specific controls. This eliminates visual artifacts when displaying child windows.ĭon't allow selection of UI elements such as controls, labels, images, proprietary content, and so on. This is useful when a gripper isn't completely obscured by the finger or there are multiple text selection grippers. Eliminates occlusion by the grippers during the interaction. This ensures that the entire gripper UI is exposed to the user and minimizes unintended interactions with other edge-based UI. If your app enables text selection in a region that doesn't pan/scroll, allow a 1/2 gripper margin on the left and right sides of the text area and 1 gripper height on the top and bottom sides of the text area (as shown in the following images). Provide a margin around the selectable content to accommodate the gripper UI. When implementing your own grippers, they should share the following UI traits: Using font resources simplifies rendering issues at different dpi and works well with the various UI scaling plateaus. The gripper is a combination of two Segoe UI fonts that are available system-wide. Use font glyphs when implementing your own gripper UI. Important APIs: Windows.UI.Xaml.Input, Windows.UI.Input Dos and don'ts This article describes selecting and manipulating text, images, and controls and provides user experience guidelines that should be considered when using these mechanisms in your apps. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |