《交互设计精髓》笔记 20-25章

第二十章:窗口行为

窗口是现代图形界面的标志,通过窗口系统带给我们模块化且灵活的用户界面。

  • 现在图形用户界面的一个原则——避免模态,模态是一种程序可能进入的状态,这种状态下用户的操作效果与正常状态有所差异,实际上呢是一种行为的转向。
  • 多窗格窗口吸收了平铺窗口的精华,将多个平铺窗口安排在一个全屏应用程序中。好处是独立而相关的信息可以轻松在单个独占屏上显示,并能将导航窗口和管理的附加工作几乎减少到零。对于一个复杂的独占态应用,相邻窗格设计很重要。
  • 多窗格的另一种形式是堆叠窗格或标签。如excel屏幕下的标签。这种形式在对话框中应用较多。
  • 不要随意为程序添加窗口,除非现有窗口不能满足意图。文中举例ps和lightroom
  • 当用户执行正常时间序列以外的功能时,程序必须提供特殊场所。比如清除数据,还原系统。
  • 通过研究用户找到适当的表现形式,不能简单的将每种功能都设置成对话框,有些功能应该放在从属界面主题的对话框中,有些功能应该从程序分离,要分清楚。
  • 任何交互习惯用法的运用都应该和所处的情境相关。
  • 程序员将应用程序的主窗口成为顶层窗口,顶层窗口有和其他顶层窗口层叠的内在能力。

第二十一章:控件

控件具有可操作性和自包含性。

  • 对话框中总有一个默认按钮,常常被突出显示来指示用户可以选择的合理操作。按钮的部分启示是其视觉受范性。
  • 图标按钮避免了工具栏过于拥挤,但是给新手学习造成了困难。如word上面的图标按钮。
  • 链接用于浏览导航,按钮和图标用于操作。
  • 避免使用滚翻按钮。容易产生误解,控件是作为目前状态的指示器还是执行命令控件?如播放器上的播放和暂停图标。
  • 单选按钮因为选择的互斥性所以单选按钮总是多个或者成组出现,对空间的浪费也加倍。在独占姿态的应用中,必须迎合用户的需要,使用下拉列表更好。
  • 单选图标按钮——如果两个以上的锁定图标按钮放在一起并且互相排斥以至于每次只能锁定其中之一,作用原理与单选按钮一样。如word改变页面对齐的一组图标按钮。
  • 组合图标按钮——单选图标按钮的下拉版本变体。Word中边框下拉组合图标按钮。Ps中画笔工具点击的展开组都是。
  • 图标按钮的优点:能有效地利用空间,让经验丰富的用户依靠模式识别来分辨他们。
  • 水平滚动文本是很可怕的事情,滚动时会遮盖一些文本影响可读性。应该禁止使用。
  • 组合框——是列表框和编辑字段的组合。如word中的选择字体组合框。组合框提供了一种确定的方法在列表控件中输入数据,其也有一个下拉变体可以节省屏幕空间。
  • 组合框本质是一个单一选择控件,使用屏幕高效,适用于部署在独占姿态的应用中。
  • 只有在非常自然地采用层次结构时,才使用树形图。
  • 有界输入控件:任何能够限制用户输入值大小的控件,例如一个滑动块从1到100就是你有界的。相反,一个文本字段可以接收用户输入的任何数据,这种是无界输入控件。
  • 对于有界输入要使用有界控件,很多时候滑块是很好的选择,可以直观的显示有效地输入范围。Ps中调整透明度的滑块等是这种用法。滑块允许用户使用相对值制定数值,它在精确输入方面作用较小。微调控制项在输入数值方面更好。
  • 微调控制项:常见的键盘或鼠标数字的输入控制键(输入框后面有两个按钮微调),其混淆了有界控件和无界控件之间的区别,箭头微调是有界的,输入框是无界的。
  • 确认控件是一个非常广泛的用法,但仍然有很多要改进的地方,成功设计确认控件的关键是提供充分的反馈。
  • 主动验证:一些控件在用户输入时拒绝接受按键,如注册是禁止使用某种符号等。拒绝输入时要提醒用户。如果控件等到用户完成输入才编辑其值则是被动验证。
  • 仅供输出的文本用非编辑控件(显示控件)显示。
  • 抽屉是独占态应用中可以一次操作打开或者关闭的窗格,常用于存放不同的控件和功能,但是当其投入使用后,就会和程序的主要工作区联合起来,抽屉的好处是不会像对话框那样遮挡工作区。Ps中图层、文字面板等

 

第二十二章:菜单

  • 菜单简史:命令行界面——顺序层次关系菜单——可见层次关系菜单——下拉菜单、弹出菜单
  • 图形用户界面最重要的进步是放弃了层次关系而改为单层分组。对话框是简化的工具,实际是可以将任何菜单的子项都放进一个交互容器中,利用对话框能大幅减少菜单的层级关系。
  • 直接操作和工具栏改变了今天菜单的作用,图标按钮非常直接,而菜单命令相对较慢也比较沉闷,不过菜单命令有一个巨大好处,他用文字详细的说明了各项功能。这些详细路径明数据成为最有用的交互技术,如今菜单是一条学习路径。
  • 对程序有一点了解的生疏用户而言,下拉菜单或对话框向量的主要功能是作为工具索引。例如当他知道有一项功能,但是不记得位置或者名称时可以参考。
  • 如果菜单的主要功能是执行命令,那么就应该简练,如果主要目的是教会我们它能做什么,那就要必须解释特定的功能是什么。很多程序用窗口底端位置解释选择菜单项的解释文本。
  • 带条菜单:word2014版本。结合了菜单和命令条的统一结构体,既有工具栏按钮和图标的视觉化表示其受范性,又有菜单系统详细清楚而又全面的功能描述。
  • 咣当菜单(立即执行菜单)。导致一种功能立即执行,如打印命令的图标菜单,经常导致用户不安。

 

第二十三章:工具栏

  • 典型的工具栏是图标按钮的集合,通常没有文本标签,其实质是单行或者单列排列的始终可见的图形化立即菜单项。
  • 阅读比识别文本速度慢,人们容易识别设计优秀的视觉符号。
  • 工具栏是为了常用的功能提供快速访问的。工具栏并不是一开始就可以理解的,工具提示是很好的解决办法。

 

第二十四章:对话框

  • 应用程序是厨房,对话框是储藏室。储藏室应该处于从属地位,虽然他们有利于行动的推进,但不应该成为前进的发动机
  • 把主要的交互行为放在窗口中。对话框适合那些主流交互之外的功能。
  • 当程序显示一个对话框时,它将操作临时移到了主流程之外,摒弃了用户的主要关注点。
  • 对话框适合表达不常用的功能和设置,可以用对话框将功能分类。
  • 与其他控件相比,对话框通常有更多的空间来表现控件,比如与工具栏相比,对话框中可以为解释性标签使用更多的空间。
  • 对话框也适合集中某个主题相关的信息。
  • 每个对话框都必须有一个标题来显示他的用途。
  • 模态对话框——打开一个模态对话框后,拥有它的程序不能前进,知道对话框关闭为止,这种对话框在其轨道上会终止所有进度,单击程序的其他窗口,都会有嘟嘟响声表示无法反应。
  • 非模态对话框——打开后不打断父程序,无需终止进度。如word查找替换对话框。
  • 视觉上区分模态与非模态对话框。
  • 绝对不要动态改变终止按钮的标签。一致性
  • 任务窗格、侧栏等都是非模态对话框的发展类型,进一步降低了管理工作,呈现功能方面超越了对话框。
  • 4种不同用途的对话框:属性对话框  功能对话框  进度对话框  公告对话框 
  • 标签对话框适合处理复杂广度的问题,级联对话框适合处理深度的问题。

 

第二十五章:错误、警告和确认

  • 错误消息框会愚蠢的停止进度,应该避免。
  • 错误来自程序不合理的行为,而不是用户的错误。用户永远没有错……
  • 消除确认对话框,最好的方式是遵循简单的格言,即做,不要问。当你设计软件时,勇往直前给他确信的力量。如果程序自信的做了用户不满意的事,必须有能力执行撤销操作。让所有的操作都可以撤销。


评论
热度 ( 1 )

© monster | Powered by LOFTER