一、剖析桌面应用
桌面应用较多为独占式姿态,也有少量暂时式姿态。本章重点在独占式的桌面应用。(软件层面)
1.1主窗口和辅窗口
窗口是桌面应用的上层。通常一个应用由一个主窗口,以及一个或者多个辅窗口构成。
1、主窗口--包含应用内容和其他会被平凡使用的内容。经常被分为多个窗格。独占姿势
2、辅窗口--用来呈现不频繁的属性和功能,比如对话框、principle的预览窗口。21章将讨论对话框。
1.2主窗口的结构
一般情况下,主窗口会被分为几个功能区:一个内容区、一个菜单条、多个工具栏、窗格、共举办用于在工作区导航选择操作内容对象。
1、菜单和工具栏
2、内容窗格--主工作区
3、索引窗格--用户在这访问并选取对象。比如邮件列表、创作类软件的打开
4、工具板
5、侧栏--方便用户设置属性等,而不需要弹出模态或非模态对话框
(网页应用也能借鉴这个部分)
二、桌面系统中的窗口
在现代GUI中,矩形主体占据统治地位。
2.1层叠窗口
层叠窗口使用了桌面文件层叠的隐喻,但是显示器有尺寸有限的限制。而且鼠标要比较精准的定位才能选好窗口。除了主窗口还有各种辅窗口浮动面板等困惑用户。
2.2平铺窗口
平铺一位置多个应用程序可以用统一的小矩形来均分屏幕,在均分的屏幕上运行每一个应用,这样太浪费屏幕资源,因此没有保留下来。
2.3虚拟的桌面空间
单个虚拟桌面可以讲在桌面扩展至物理屏幕的数倍,而且可以同时运行多个虚拟桌面。比如苹果os的 space。对高级用户来说非常有效。
2.4全屏应用
在平板和智能手机中,基本都是全屏。(但是现在也有智能手机和平板开始提供分屏)
2.5多窗格应用
一个窗口内多个独立视图
好处:独立且相关的信息可以在单个屏幕上轻松显示,并将导航和窗口管理的股价工作减少为几乎为零。
多窗口的另外形式是堆叠窗格(不是堆叠窗口)或标签tab,这种形式在偏好设置、属性、独占窗口中用得最多。
2.6窗口状态
最小化
最大化
多元化:既不是最大也不是最小,和其他窗口分享屏幕。暂时式应用最适合多元状态窗口。
2.7窗口和文档:MDI和SDI
MDI:多文档界面,比如ps、excel的sheets
SDI:单文档界面,一个应用窗口一个文档,比如sketch。
2.8窗口的运用
决定使用哪种窗口是定义设计框架时要考虑的重点问题
1、不随意给应用程序增添不必要的窗口
2、当用户执行非日常功能时,应用程序必须提供特殊的场所,也就是新的窗口。
通过研究用户目标,我们能自然地找到应用表现的恰当形式,不是简单地将每种功能都设置在一个对话框。
三、菜单
3.1把菜单作为教学工具
菜单是一个教学工具,用菜单来提供一条学习捷径。
对新手来说,菜单式索引工具。对中间用户来说,菜单帮助回忆。对高级用户来说,菜单提供了固定的位置或者最为快捷键的提醒。
如果菜单的目的是指令命令,那么就应该精炼。如果是告诉用户能做什么、如何访问、快捷键是什么,那么就应该直白、避免使用行话。
3.1禁用的菜单项
没有满足使用条件的命令行或者命令按钮应该暂时被禁用,直到能用
3.3复选标记菜单项
这种复选标记,通常被用来 启用或禁止 应用中的某个功能。优势是不仅提供了功能控制,还能指出控制状态。优于翻滚式菜单项,后文21章详述。
3.4菜单上的图标
相同的命令使用相同的视觉符号。
3.5快捷键
1、遵循标准。2、形成日常使用快捷键的习惯。3、表明如何使用它们。
比如黏贴复制的快捷键基本在软件之间通用。
3.6助记符
按下alt键,使用键盘字母打开菜单
3.7级联菜单vs. 单层分组
下拉菜单中有二级菜单这种形式叫做级联菜单。缺点是需要鼠标精准操作。
现在流行单层分组,菜单只有一级深度。适合新手自学和发现。
对话框也是一种简版菜单。
如果必须使用级联菜单那也要用在独占式应用中,而且把不常用功能放进去。确保鼠标移动的空间和阈值足够大,以免鼠标轻微越界造成次级菜单消失。
四、工具栏、工具板、侧栏
工具栏是非模态的:它始终在界面显示,用户能直接看到去点击。
4.1工具栏和菜单
菜单能帮助新手学习。工具栏适合中间用户快速访问。
4.2工具栏vs. 非模态对话框
工具栏跟非模态对话框比的优势是1、外形与对话框不同。2、用完后不必取消。3、不会遮挡正在操作的东西。
4.3工具栏图标
需要让中间用户快速识别,而不必须使用隐喻。
4.4工具提示
工具提示 tooltips 既能给用户提供宽松的学习环境,又能节省屏幕像素。鼠标hover1s左右,这个时长很重要。
4.5禁用工具栏控件
不能点击的图标按钮要灰掉。
4.6工具栏的新用法
工具栏除了放置图标按钮,还可以放组合框,反应应用中数据的状态。
4.7可移动工具栏
允许用户移动、拆分工具栏
4.8可定制工具栏
让高级用户自己调整工具的位置,(并提供恢复到默认的功能)
4.9情境(弹出)工具栏
根据被选择对象的不同,显示适合的图标按钮
4.10 ribbon控件
包含带有多个文本标签的功能组。融合菜单和工具栏。
4.11工具板
比如ps中的色板、文字编辑等组合功能板
4.12侧栏、任务窗格、抽屉
侧栏、任务窗格:允许用户直接编辑参数。可以包含固定控件,也可以包含情境控件。省去用户管理屏幕。
抽屉:会带来屏幕管理工作,对尺寸较小的屏幕有帮助。
五、点操作、选择、直接操作
本节聚焦于基于鼠标和光标的桌面交互
5.1鼠标的人体工学
鼠标有手腕控制和手臂控制两种模式,分别对应近距离活动和远距离活动,尽力少的让用户在两者间频繁切换。同样也避免键盘鼠标的频繁切换。
5.2鼠标按键和控制
操作:元键、指向、单击、右击、单击拖动、双击、合击、双拖。
5.3触控板、轨迹球、手势传感器
触摸板没有鼠标好用。轨迹球避免拖放。手势传感器适合高级用户。
5.4光标
屏幕上鼠标位置可视代表物