第18章--为桌面应用而设计-About Face 4 读书笔记

一、剖析桌面应用

桌面应用较多为独占式姿态,也有少量暂时式姿态。本章重点在独占式的桌面应用。(软件层面)

1.1主窗口和辅窗口

窗口是桌面应用的上层。通常一个应用由一个主窗口,以及一个或者多个辅窗口构成。

1、主窗口--包含应用内容和其他会被平凡使用的内容。经常被分为多个窗格。独占姿势

2、辅窗口--用来呈现不频繁的属性和功能,比如对话框、principle的预览窗口。21章将讨论对话框。

1.2主窗口的结构

一般情况下,主窗口会被分为几个功能区:一个内容区、一个菜单条、多个工具栏、窗格、共举办用于在工作区导航选择操作内容对象。

1、菜单和工具栏

2、内容窗格--主工作区

3、索引窗格--用户在这访问并选取对象。比如邮件列表、创作类软件的打开

4、工具板

5、侧栏--方便用户设置属性等,而不需要弹出模态或非模态对话框

(网页应用也能借鉴这个部分)

二、桌面系统中的窗口

在现代GUI中,矩形主体占据统治地位。

2.1层叠窗口

层叠窗口使用了桌面文件层叠的隐喻,但是显示器有尺寸有限的限制。而且鼠标要比较精准的定位才能选好窗口。除了主窗口还有各种辅窗口浮动面板等困惑用户。

2.2平铺窗口

平铺一位置多个应用程序可以用统一的小矩形来均分屏幕,在均分的屏幕上运行每一个应用,这样太浪费屏幕资源,因此没有保留下来。

2.3虚拟的桌面空间

单个虚拟桌面可以讲在桌面扩展至物理屏幕的数倍,而且可以同时运行多个虚拟桌面。比如苹果os的 space。对高级用户来说非常有效。

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光标

屏幕上鼠标位置可视代表物

5.5选择

5.6插入和替换

5.7拖放

5.8控件操作

5.9  2D对象操作

5.10  3D对象操作

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容