Win8交互UX——键盘交互

设计用户可以通过硬件键盘、屏幕键盘或触摸键盘交互的 Windows 应用商店应用。

本主题介绍键盘交互的设计注意事项。有关实现键盘交互的信息,请参阅响应键盘输入

键盘交互

键盘输入是 Windows 应用商店应用的所有用户交互体验的一个重要部分。对于残障人士,或者只是认为键盘是与应用交互的最有效方法的用户而言,键盘非常重要。

具有良好设计的键盘 UI 是软件辅助功能的一个重要方面。它使具有视力缺陷或行动有障碍的用户能够在应用中导航并与应用的功能进行交互。这些用户可能无法操作鼠标,而不是依靠各种辅助性技术,如键盘增强工具,屏幕上的键盘,屏幕放大器,屏幕阅读器,语音输入实用工具。

最常见的键盘类型是在物理上连接到设备的外部硬件键盘。除了硬件键盘之外,Windows 还提供两个软件键盘:

  • 屏幕键盘是一种可视软件键盘,你可以借助触摸、鼠标、笔/触笔或其他指针设备(不需要触摸屏)来使用屏幕键盘代替物理键盘键入和输入数据。屏幕键盘是针对没有物理键盘的系统提供的,或者是为行动有障碍而无法使用传统物理输入设备的用户提供使用。屏幕键盘模拟硬件键盘的大部分功能(如果不是全部功能)。

  • 触摸键盘是一种借助触摸屏输入来输入文本的可视软件键盘。触摸键盘不可以代替屏幕键盘,因为它仅用于文本输入(它不模拟硬件键盘),并且仅在文本字段或其他可编辑的文本控件获得焦点时显示。

    注意  屏幕键盘优先级高于触摸键盘,如果提供了屏幕键盘,将不会显示触摸键盘。

    以下是触摸键盘的示例。第一个图像是默认布局,第二个图像是缩略图布局(可能不适用于所有语言)。

用户应当能够仅使用硬件键盘或屏幕键盘完成你的应用支持的所有任务。

注意  触摸键盘仅用于文本输入,并非用于应用或系统命令。

键盘命令模式

为确保一致、可靠的用户体验,我们建议使用以下标准键盘命令模式。下面三个表格列出了常用的键盘命令。有关键盘命令的完整列表,请参阅 Windows 键盘快捷方式键

导航命令

操作 键命令
后退 Alt+向左键或特殊键盘上的后退按钮
前进 Alt+向右键
向上 Alt+向上键
取消或从当前模式中退出 Esc
遍历列表中的项目 箭头键(向左、向右、向上、向下)
跳转到下一个项目列表 Ctrl+向左键
语义式缩放 Ctrl++ 或 Ctrl+-
跳转到在集合中的命名项目 开始键入项目名称
下一页 Page Up、Page Down 或窗格键
下一个选项卡 Ctrl+Tab
上一个选项卡 Ctrl+Shift+Tab
打开应用栏 Windows+Z
激活或导航至一个项目 输入
选择 空格键
连续选择 Shift+箭头键
全选 Ctrl+A

常用命令

操作 键命令
固定项目 Ctrl+Shift+1
保存 Ctrl+S
查找 Ctrl+F
打印 Ctrl+P
复制 Ctrl+C
剪切 Ctrl+X
新建项目 Ctrl+N
粘贴 Ctrl+V
打开 Ctrl+O
打开地址(例如,Internet Explorer 中的一个 URL) Ctrl+L 或 Alt+D

媒体导航命令

操作 键命令
播放/暂停 Ctrl+P
下一个项目 Ctrl+F
上一个项目 Ctrl+B

注意:“播放/暂停”和“下一个项目”的媒体导航键命令分别与“打印”和“查找”的键命令相同。常用命令应优先于媒体导航命令。例如,如果一个应用同时支持播放媒体和打印,则键命令 Ctrl+P 应为打印。

键盘焦点和导航指南

  • 当应用启动时,将初始键盘焦点设置在用户将首先直观(或最有可能)进行交互的元素上。
  • 在元素较少的应用中,允许 Tab 键将键盘焦点移动到集合或列表中下一个单独元素。如果一个应用有许多元素,则允许 Tab 键将键盘焦点从一组元素转移到下一组元素。
  • 使用 Shift+Tab 键命令可以按相反的顺序移动键盘焦点。
  • 使用箭头键能够以可预见的方式向前和向后移动应用内容,但在阅读方面的应用中使用时除外。当显示用于阅读的内容时,允许箭头键在内容中按页面滚动。
  • 允许 Enter 键激活集合或列表中所有选定的项目。
  • 允许用户通过持续按住 Ctrl 键临时禁用自动选择。在禁用自动选择时,支持空格键明确选择和取消选择项目。
  • 当使用键盘打开一个新表面时,确保键盘焦点显示在该表面的第一个元素上。
  • 让用户可以使用 Esc 键取消表面。将可视键盘焦点返回到从中打开表面的位置。

视觉反馈指南

  • 仅在进行键盘交互时使用焦点矩形。如果用户开始使用触摸交互,则使键盘 UI 逐渐淡出。 这会使 UI 干净整洁。
  • 如果元素不支持交互(如静态文本),不要显示视觉反馈。
  • 对于所有代表相同输入目标的元素,同时显示视觉反馈。
  • 提供屏幕按钮(如 + 和 -)作为模拟基于触摸的操作 (如平移、旋转、缩放等)的提示。
时间: 2025-01-07 17:36:43

Win8交互UX——键盘交互的相关文章

Win8交互UX——笔交互

针对触摸输入优化 Window 应用商店应用设计,并在默认情况下获得基本的笔支持. 本主题介绍笔交互的设计注意事项.有关实现笔交互的信息,请参阅响应笔和触笔交互. 笔交互 通过使用笔创建手写便笺.绘图和批注,设计用户可以交互的 Windows 应用商店应用. 笔可用作精确的指针设备.更有趣的情况是使用笔作为与数字墨迹相关的绘图设备. Windows 墨迹平台与笔设备一起提供了一种创建手写便笺.绘图和批注的自然方法. 除了在用户写字或绘图时捕获笔的空间运动,你的应用还可以收集信息(如压力.形状.颜

Win8交互UX——鼠标交互

针对触摸输入优化 Window 应用商店应用设计,并在默认情况下获得基本的鼠标支持. 设计和构建用户可以通过鼠标交互的 Windows 应用商店应用. 鼠标输入最适合那些需要精确指向和单击的用户交互.由于 Windows 的 UI 针对触摸的不精确特性进行了优化,所以它自然支持这种固有的精确度. 鼠标输入和触摸输入的不同之处在于,触摸可以通过对这些对象执行物理手势(如轻扫.滑动.拖动和旋转等等)模拟在屏幕上直接操作 UI 元素. 本主题介绍鼠标交互的设计注意事项.有关实现鼠标交互的信息,请参阅响

Win8交互UX——触摸板交互

针对触摸输入优化 Window 应用商店应用设计,并在默认情况下获得触摸板支持. 设计用户可以通过触摸板交互的 Windows 应用商店应用. 触摸板结合间接的多点触控输入和指针设备(如鼠标)的精确输入.这种组合使触摸板既适用于 Windows 8.1 触摸优化的 UI,也适用于桌面环境效率应用的较小目标. 本主题介绍触摸板交互的设计注意事项.有关实现触摸板交互的信息,请参阅响应触摸板交互. Windows 8.1 触摸板语言 Windows 8.1 提供一组在整个系统中通用的简单触摸板交互功能

WP8.1学习系列(第十七章)——交互UX之输入和反馈模式

如果你将 Windows 应用商店应用设计为触摸交互,则可免费获取对触摸板.鼠标.笔和键盘交互的支持.你的用户可以从一种输入法切换到另一种,而不会丧失应用体验的感觉.将键盘插入平板电脑?没问题.你的应用将对用户的选择做出一致且可预见的响应. 设计你的 Windows 应用商店应用的 UI 以支持触摸,同时考虑各种设备的设计含义: 结合了触摸和鼠标体验的触控板 鼠标 笔,专为数字墨迹而设计 键盘设备 触摸 Windows 提供一组在整个系统中使用的简单触摸交互功能.一致地应用此触摸语言可让用户对你

Win8交互UX——用于 Windows 的触摸交互

用于 Windows 的触摸交互 Windows 8.1 提供一组在整个系统中使用的简单触摸交互功能.一致地应用此触摸语言可让用户对你的应用感觉已经很熟悉.通过让你的应用更容易学习和使用,可提高用户的信心.有关触摸语言实现的信息,请参阅手势.操作和交互. 在本文中: 触控设计原则 触控语言 触控目标 姿势和握法 相关主题 触控设计原则 提供即时反馈 在用户每次触摸屏幕时均立即提供视觉反馈, 可提高用户的信心.可互动的内容都应表现出某种反应 - 改变颜色.改变大小或发生移动.不可互动的内容 只有在

WP8.1学习系列(第四章)——交互UX

交互模式和指南 这部分包括三部分内容,分别是导航模式.命令模式和输入模式. 导航模式 虽然 Windows 导航模式提供了框架,但它提倡创新.激发你的创造力并在已建立的模式上构建. 命令模式 使用应用栏.超级按钮.菜单和页面内容,以使用户可以控制你的应用. 输入模式 了解用户可用于与应用交互的许多方式.深入了解如何设计良好的触摸交互. 导航模式 组织 Windows 或 Windows Phone 应用中的内容,以便用户可以轻松而直观地进行导航. 适用于 Windows 的导航模式 适用于 Wi

Bad Habits of UI/UX Designers (交互设计师的那些坏习惯)

From creating imaginary users to forgetting about budgets, the design process has some flaws. Recently, I was pulled into a UI/UX meeting with a big regional bank's internal team and IT vendor. The bank had hired a whole army of UI/UX designers to re

WP8.1学习系列(第十六章)——交互UX之命令模式

命令模式 在本文中 命令类型 命令放置 相关主题 你可以在应用商店应用的几个曲面中放置命令和控件,包括应用画布.弹出窗口.对话框和应用栏.在正确的时间选择合适的曲面可能就是易于使用的应用和很难使用的应用之间的差别. 在应用商店应用中,命令是用户可用来执行操作的交互式 UI 元素.命令与导航元素不同,导航元素用于将用户转移到不同的页面,而命令则可让用户对当前页面执行操作.导航元素使应用可以使用.命令使应用有使用价值. 有关应用中不同命令图面的详细信息,请参阅布置你的 UI. 命令类型 筛选 筛选命

WP8.1学习系列(第五章)——交互UX中心或透视控件

具有主页菜单(中心或透视控件)的中心应用中心 你可能要设计包含许多功能的应用.当你看着这些功能时,可能会决定将它们整理到独立的区域中.这些区域最终会成为用户要访问的应用的独立部分.你需要设计一个简便的方法,让用户在这些 UI 区域中导航.此类应用需要应用程序中心,用户可在其中启动到应用的每个子区域. 例如,请想象设计一个用于管理足球队的应用.此应用需要多个功能区域—一个用于比赛和练习的日历管理,一个用于球队花名册信息,一个用于得分和球员统计数据,另一个用于过往赛事的视频片段.你会希望提供一种方式