深度操作系统通用性规范

概述

此文档用于描述所有深度操作系统内部应用在产品设计阶段应统一的方面。

说明

应用
窗口位置
  1. 单实例窗口默认弹出在屏幕中间居中;
  2. 多实例窗口第一个窗口默认弹出在屏幕中间居中,后面每一个窗口和前一个窗口错开,不能完全覆盖;

 

主菜单
通用内容
  1. 除各自应用功能上需要外,主菜单通用项有:主题、帮助、关于、退出;
  2. 如果应用有自己的设置项,也需要在主菜单中展示;
主题
  1. 主题有三个子菜单:浅色主题、深色主题、跟随系统主题;
  2. 应用根据各自实际情况规定默认预装时的主题,例如目前所有应用为跟随主题,影院为深色主题,控制中心默认设置为浅色主题;
  3. 设置为跟随系统主题时,跟随控制中心的主题,单独设置为深色或者浅色时,以各自的设置为准;

 

帮助
  1. 在哪个应用点击帮助,启动帮助手册并且自动打开此应用的帮助模块;
  2. 按F1打开帮助手册;

 

关于

  1. 点击关于显示关于窗口;
  2. 关于显示应用名称、图标、版本号、系统名称、网站、鸣谢信息和简介。

 

退出
  1. 点击退出关闭窗口;
  2. 如果没有任务在进行直接退出进程;
  3. 如果有任务在进行仅关闭窗口,进程在后台运行;

 

 

 

快捷键
快捷键预览
  1. 在应用内使用快捷键ctrl+shift+?,预览快捷键;

 

通用快捷键
打开 Ctrl+O
复制 Ctrl+C
剪切 Ctrl+X
粘贴 Ctrl+V
删除 Delete
保存 Ctrl+S
重命名 F2
文件信息 Ctrl+I
全选 Ctrl+A
搜索 Ctrl+F
新建 Ctrl+N
上一屏 PageUp
下一屏 PageDown
关闭 Alt+F4
帮助 F1
取消 ESC
显示快捷键预览 Ctrl+Shift+/
全屏 F11
放大 Ctrl+=
缩小 Ctrl+-
默认大小 Ctrl+0
   
   
   
   

 

键盘交互
操作指令定义和模式

Tab键:用于在不同的区域内切换

回车键:用于执行选定对象

方向键:用于在同区块内对不同的对象进行选择

空格键:作为回车键的替代按键,在少量场景下与回车键的功能有区别

Ctrl+M组合键:新增的菜单快捷键(针对没有菜单键的键盘而设计)

注意:在Windows10中,Tab键已经被设计为在不同的区域内切换,而不再是单区域内多个对象(如多个文件夹)间的切换,多对象间的切换为方向键;MacOS中Tab键与方向键均为单区域内多对象间的切换。

Tab可以切换到后一个对象,也可以垮区域切换,可以包括并大于方向键,切换规则为“从上至下,从左至右”。

回车键为执行键,对于功能性按钮而言,执行该功能按钮;对于菜单而言为打开该菜单;对于文件夹而言为打开该文件夹;对于文件而言,执行该文件的对应操作(可能存在需要增加可执行权限问题)

方向键为选择键,为Tab键切换区域后,对该区域内的对象进行选择;如按钮、菜单、二级菜单、文件夹、文件等;且可以循环切换。

空格键在文件管理器中,为选定对象的预览快捷键;在深度影院和深度音乐播放器中为开始/暂停快捷键;在下拉列表中为展开下拉选项快捷键(回车键也可执行该动作)。

Ctrl+M组合键为菜单调用快捷键,调用选定对象的右键菜单(若存在);

 

控件中的使用规则
  • 在带有多种操作的对话框中:

Tab键切换不同的按钮。

  • 在类似深度音乐的界面:

Tab键切换标题栏,播放列表,播放控件区。播放列表中“↑”、“↓”方向键在条目中选择,Ctrl+M组合键调用右键菜单。

  • 对于存在子菜单的菜单:

“↑”、“↓”方向键在条目中选择,“←”、“→”方向键进行“收起”、“展开”子菜单动作。

 

 

触控板手势
一指手势

一指操作是操作系统最基本的操作,一指操作只包括移动和点击事件

 

移动

1、一指移动就是简单的光标移动

 

点击

1、一指单点对应的鼠标主键单击事件

2、一指双击对应的鼠标主键双击事件 

       目前实现得不是很好,例如:单击桌面文件是选中,双击桌面文件夹是打开,而目前双击的操作即打开了文件夹又进入文件夹名编辑状态;

 

二指手势

二指操作是针对操作系统和应用的窗口内容进行操作,二指操作包括移动、缩放、点击事件

 

移动

1、二指向上移动对应的操作是“屏幕向下滚动”,如果“自然滚动”选项打开,对应的事件就是“屏幕向下滚动”;

2、二指向下移动对应的操作是“屏幕向上滚动”,如果“自然滚动”选项打开,对应的事件就是“屏幕向上滚动”;

3、二指向左移动对应的操作是”返回“,绑定鼠标的”返回“按键;

     从距离触控板的右侧边缘至少2cm处向左移动,只要检测有位置变化,则响应“返回”事件;

4、二指向右移动对应的操作是”向前“,绑定鼠标的”前进“按钮;

         从距离触控板的左侧边缘至少2cm处向右移动,只要检测有位置变化,鼠标则响应“前进”事件;

5、从触摸板右边边缘像左滑动对应的操作是”显示控制中心“;

        从距离触控板的右侧边缘1cm处向左移动,只要检测有位置变化,则响应“显示控制中心”事件;

6、二指从左滑动到右边边缘滑动对应的操作是”隐藏控制中心“;

        从距离触控板的左侧边缘1cm处向右移动,只要检测有位置变化,鼠标则响应“隐藏控制中心”事件;

缩放

1、二指放大对应的操作是放大内容,绑定的事件是 ”Ctrl + -“;

       二指放大时的手指距离要大于默认手指距离,才响应放大事件;

2、二指缩小对应的操作是缩小内容,绑定的事件是 ”Ctrl + =”‘

       二指缩小时的手指距离要小于默认手指距离,才响应缩小事件;

3、二指旋转对应的操作是旋转内容,主要支持看图和截图应用的旋转操作;

   
点击

1、二指单击对应的操作是显示右键菜单,绑定的事件是鼠标右键;

       二指单击空白处,显示空白位置右键菜单;

       二指单击应用或文件,显示应用或文件的右键菜单;

2、二指双击对应的操作是智能放大和缩小;

       智能放大和缩小就是以200%的倍率放大和还原;

 

三指手势

三指操作是针对操作系统和应用程序的窗口本身进行操作,三指操作包括移动、缩放、点击事件

移动

1、三指向上移动对应的操作是“最大化窗口“,绑定的事件是”super+Up”;

2、三指向下移动对应的操作是“还原窗口”,绑定的事件是”super+Down”;

3、三指向左移动对应的操作是“把当前窗口向左分屏;

      从距离触控板的右侧边缘至少1cm处向左移动,只要检测有位置变化,则响应“把当前窗口向左分屏”事件;

4、三指向右移动对应的操作是”把当前窗口向右分屏“;

      从距离触控板的左侧边缘至少1cm处向右移动,只要检测有位置变化,则响应“把当前窗口向右分屏”事件;

缩放

1、三指放大和缩小对应的操作都是“显示所有窗口”,绑定的事件是”super+w”;

      三指放大时的手指距离要大于默认手指距离,才响应”显示所有窗口“事件;

      三指缩小时的手指距离要小于默认手指距离,才响应”显示所有窗口“事件;

点击

1、三指点击对应的操作是“激活窗口移动状态”,绑定的事件是”Alt + F7″;

2、当三指激活窗口移动状态后,然后再用一指移动即可快速移动窗口,再次在任意处主键单机退出窗口移动状态;

 

四指/五指手势

1、四指和五指是针对操作系统工作区进行操作,四指操作包括移动、缩放,因为人手五指不一样长,导致五指操作非常困难,所以五指操作和四指操作完全一样,即使在误操作的情况下也不会让用户感觉到困惑;

2、除了Mac的触摸板可以支持5指操作,大部分的笔记本的手势只能支持4指手势,所以合并四指/五指操作也是为了考虑触摸板硬件兼容性;

 

移动

1、四指/五指向上移动对应的操作是“显示/隐藏工作区“,绑定的事件是”super+s”;

2、四指/五指向下移动对应的操作是“显示/隐藏工作区“,绑定的事件是”super+s”;

3、四指/五指向左移动对应的操作是”切换到前一个工作区“,绑定的事件是”super+Left”;

4、四指/五指向右移动对应的操作是“切换到后一个工作区“,绑定的事件是”super+Right”;

 

缩放

1、四指/五指放大对应的操作是”显示/隐藏桌面”, 绑定的事件是”super+d”;

2、四指/五指缩小丢应的操作是“显示/隐藏启动器”,绑定的事件是”super”;

 

 

实现备注

为了方便说明,上面的需求文档都绑定的是特定按键事件,但是代码实现的时候都要用命令去替换,避免系统快捷键被用户修改以后影响触摸板手势的操作行为

 

触摸屏手势
单指点击

单指点击,单指单击同鼠标单击一样。具体场景如下:

  1. 开机启动菜单点击选择进入哪个系统
  2. 锁屏界面可以点击关机、切换用户、登录账户
  3. 点击桌面图标选中桌面文件/快捷方式
  4. 点击dock上应用图标启动应用
  5. 点击dock上“显示桌面”,显示桌面,其他窗口都最小化
  6. 点击dock上右下角托盘区域、时间、电源等操作同鼠标单击一样
  7. 点击dock上的“启动器”图标,打开启动器
  8. 点击启动器右上角图标,切换启动器大小窗口模式
  9. 点击启动器里应用图标,打开应用(适用于大、小窗口模式)
  10. 启动器大窗口可以点击左上角选择是否切换菜单,点击选择左侧菜单;启动器小窗口可以点击进入到下一级分类或应用,可以点击右半边目录、时间、设置和关机
  11. 控制中心点击可以切换模块,进入下一级和返回上一级(所有单击操作和鼠标一致)
  12. 文件管理器里的切换目录等单击操作

 

双击

单指点两下为双击,同鼠标双击一样。具体场景如下:

  1. 点两下运行桌面和文件管理器中的文件或程序
  2. 在文本中,单指点击两下选中文字,手指在屏幕上拖拽来选择选中哪些文字
  3. 在打开的窗口的标题栏双击切换最大化和还原状态
  4. 控制中心鼠标双击测试

 

移动拖拽

单指选中,不抬起移动为移动文件位置。具体场景如下:

  1. 点击桌面图标,不抬起手指,在屏幕上移动,为移动图标的位置
  2. 点击打开窗口的标题栏,不抬起手指,在屏幕上移动,为移动窗口的位置。
  3. 点击dock上的图标,不抬起手指,在屏幕上移动,为移动dock上图标的位置,改变顺序。(电源、时间等一样)
  4. 点击启动器里图标,不抬起手指,在屏幕上移动,为移动图标在启动器里的位置。

 

右键

长按再抬起为鼠标右键。其中长按时间需超过1秒(不超过一秒抬起算是单击),手指离开时显示右键菜单。具体场景如下:

  1. 桌面图标
  2. 启动器图标
  3. dock图标
  4. 桌面空白处
  5. 启动器空白处
  6. 文件管理器图标和空白处

 

左侧划入

从屏幕左侧划入,打开工作区。工作区里面的操作同上面四点的规则一样,包括点击、右键、和拖拽(参考鼠标事件)。

 

右侧划入

从屏幕右侧划入,呼出控制中心。控制中心内的操作同上面规则一样。

 

 

dock一直隐藏唤出

需求背景:

方案一:一直隐藏的时候露出几个像素,方便点触。但这个方案不采纳了,因为多几个像素试了一下也没有很好摸出来,另外 @shule1987 觉得这样很丑,不能同意。

方案二:后期增加滑出的手势。这样操作非常好触发,但后期如果我们加上了屏幕左边划和屏幕右边划会有冲突。准备采用这个方案,如果不好用触屏用户会将dock放在下面或上面好唤出的区域。

这个工作可以安排在后面的触摸屏完善阶段做。

需求说明:

dock设置为一直隐藏时,如果dock在底部,从下网上划入,唤出dock。其他方向同理。

 

前进/返回

浏览网页时,同一个标签页里不同层级的页面,向左滑动是前进,向右滑动是返回前一个页面。

 

上下滑动

向上滑动内容往上,向下滑动内容往下。具体操作场景如下:

  1. 启动器内浏览应用时(包括大小两种窗口类型)
  2. 控制中心所有设置上下滑动浏览
  3. 浏览器内容上下滑动浏览
  4. 文档内容上下滑动浏览

 

左右滑动

向左滑动内容往左,向右滑动内容往右。具体操作场景如下:

  1. 控制中心首页切换模块、天气、通知等
  2. 控制中心和dock上所有左右滑块的控件
  3. 控制中心和dock上左右开关
  4. 浏览器、文档内容、文件管理器出现横向滚动条时也可以左右滑动

 

放大/缩小

双指捏合缩小,双指张开放大。具体操作如下:

  1. 浏览器网页内容
  2. 查看图片

 

界面效果
  1. 手指点击处要有界面效果提示;
  2. 手指在屏幕上不抬起移动要有移动轨迹的界面效果提示;

 

支持软键盘

需要调节样式到能使用的程度。

 

 

 

右键菜单

菜单项分布规则

1、一个菜单的交互区域从上到下分为三个部分:上部分、中间部分和下部分;

2、菜单的上部分和下部分对于用户是最容易聚焦和识别的,菜单中经常使用的菜单项应该放置在菜单的上部分和下部分;

3、在菜单上部分和下部分的位置被占用后,剩余的菜单项应该按照使用频率,从上到下进行分类排列,最大程度减少用户鼠标在菜单上做无畏的移动操作;

4、菜单项应该按照不同的分类对菜单项进行分组在菜单中放置,不同分类的菜单项之间应该用分割线进行分割,避免用户花过长的时间用于菜单项聚焦;

5、系统和各种应用之间,相同功能的菜单项应该保持在菜单中的相同的位置,最大化减少用户反复学习的成本;

6、只有菜单项的总数超过5个以后才进行菜单项类型分组,不大于5个菜单项的菜单不用做菜单项分类;

 

菜单加速键
哪些菜单项才能添加加速键?

1、菜单中,只有那些用户经常用的菜单项才添加加速键;

 

菜单加速键的键盘焦点处理

1、任何菜单打开以后,默认聚焦键盘焦点但不选中任何菜单项,菜单启动时按ESC隐藏菜单;

2、键盘聚焦后,用户按任何单字符即可选中对应菜单加速键的菜单项并执行菜单项对应的动作;

3、聚焦的菜单项有子菜单后,自动展开子菜单,子菜单的处理逻辑和父菜单一致;

4、当一个菜单中有多个相同加速键时,按对应的加速键并不会立即执行加速键对应的菜单项,而只是选中对应的菜单项,需要继续按Enter键才真正执行对应的菜单项;

 

菜单加速键的展现形式

1、菜单加速键的提示字母统一放到菜单项的右边,用灰色的小字号展示;

2、如果菜单加速键用于子菜单的菜单项时,加速键的字母紧贴子菜单小箭头左边;

3、为了菜单界面的统一和美观,菜单加速键不允许显示到菜单项左边的文本中,也不允许对加速键进行括号和下划线修饰,简简单单的一个字母即可;

 

菜单加速键字母的命名规范

1、加速键的字母选择应该和菜单项的代表单词的首字母相关;

2、一个菜单里面应该尽量避免相同的加速键;

 

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注