美文网首页交互设计About Face 4
第18章--为桌面应用而设计-About Face 4 读书笔记

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

作者: 友交互 | 来源:发表于2016-08-24 19:57 被阅读191次

    一、剖析桌面应用

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

    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对象操作

    相关文章

      网友评论

        本文标题:第18章--为桌面应用而设计-About Face 4 读书笔记

        本文链接:https://www.haomeiwen.com/subject/qvyydttx.html