第21章--设计细节:控件和对话框-About Face 4 读书笔记

一、控件

1.1命令控件

与动词对应的空间类型叫命令控件

1.1.1按钮--按钮要提供诗句能供性,视觉上最吸引人

1.1.2图标按钮--容易记忆和使用,缺点是入门较难。

1.1.3超链接--图片也可以作为超链接

链接用于导航,按钮用于动作。

1.2选择控件

1.2.1复选框--方形。圆形是单选框。

1.2.2开关按钮--部分取代了复选框,适合非模态交互。

1.2.3状态切换按钮:一种应该避免的选择习惯用法

1.2.4单选按钮--圆形。也可以用图表按钮取代。

1.2.5开关--切换开关状态

1.2.6组合图标按钮--在下拉列表中,如果用单选图标按钮取代图标按钮,称之为组合图标按钮。面向中间和专家用户。

1.3列表控件

用户可以在一组有限责文本字符串中进行选择,每个文本字符串代表一个命令、对象或属性。可以用图表和预览图帮助选择。

做记号--区分设计单选和多选。

从列表中拖放--qq临时讨论组那样的样式

列表排序--要求能自动滚屏

列表中的水平滚动--一定避免跑马灯,可以换行或者省略中间用tooltip

在列表中输入数据--现场编辑

下拉列表和弹出列表--取代单选,让交互紧凑,立即改变信息状态

组合框--列表框和编辑字段的组合

树形控件--妨碍了使用者思考和利用对象的其他关系,除非具备非常自然的层次结构。

1.4输入控件

输入控件向程序表达名词。

有界输入控件和无界输入控件--能限制用户输入值大小的控件是有界输入控件。使用有界输入就要提供边界可视化的提示。

微调器--可以调节控件改变数值,也可以输入数值。

刻度盘和滑块--滑块更好操作。刻度盘不容易旋转操作,适合专业的独占式应用。

拇指轮--三维应用中用的较多。

无界输入:文本编辑控件

1.5验证输入控件

验证控件是内嵌验证和反馈功能的无界文本输入控件。

主动验证和被动验证--当一个主动验证控件拒绝输入,它必须告诉用户。对于被动验证,可以采用递减计时器,每次击键重新计时,如果时间减到0就开始验证。可以把计时器设置为半分钟。

暗示--解释验证控件可接受的数据范围。

处理出界数据--比如输入nine 可以自动变为9

单位和度量--如果文本编辑控件能够识别恰当的单位就太好了。

不要使用文本编辑控件输出--输出使用文本显示控件

1.6显示控件

文本控件--用作其他控件的标签,或者输出用户不能改的数据

滚动条--适合窗口内容和文本导航器

分割线--将独占应用分为多个窗格的工具。可移动的分割线可以用光标给出暗示。确保移动后窗格内容仍然可用。

抽屉--抽屉入口按钮始终可见。存放不常用的空间和功能。

二、对话框

弹框是对话框的一种,这里说的对话框主要是软件的弹框或者系统的小弹框。

把主要的交互操作放在主窗口。

2.1合理运用对话框

需要把用户的注意力抽离常规事物流程的地方:任何可能会让人困惑,置人于危险,很少使用的功能。比如可能对应用状态立即产生重大改变的行为。

对话框也适合集中放置某个主题的信息。

对话框主要服务于两类用户:对应用熟悉的用户,弹框被用来控制更高级或者更危险的设置。对应用不熟悉并偶尔使用的用户,通过对话框来学习基础知识。

2.2对话框的基本交互

对话框展现出明显的视觉层次。

始终在最上层的视觉层。

每个对话框有一个标题来标示用途,一般来说是动词。但是在属性对话框的标题中使用对象的名字。

至少哟一个可以关闭对话框的终止命令。比如关闭,ok ,cancel

2.3模态和非模态对话框

模态对话框运行的时候,在这个软件中不能干别的,只能处理这个对话框。意义明确很少被误解,就是有时被滥用。

非模态对话框可以不打断主程序。相比模态,比较难使用,因为它操作范围不确定。

1、区分模态对话框和非模态对话框----模态对话框一定有终止按钮,不要有关闭按钮。非模态对话框一定没有终止按钮,可以有关闭。

2、模态对话框的问题----尽量使用 OK cancel 这样的描述,不要使用太多变化,以免用户理解错误。(貌似ios的弹框内容就不是局限在这两者)

3、非模态对话框的问题--要设计非模态对话框参数改变后,主界面的实时改变。或者主界面选择的内容超过了非模态对话框的编辑范围时又该怎么设计。这些的复杂的问题造成非模态对话框无法像模态对话框那样统一好理解。

4、非模态对话框和撤销--程序层面的undo可能更适合

5、非模态对话框和边栏--如果非模态对话框主要为主窗口内的活动提供持久支持,最好采用边栏的形式。

2.4对话框的五个目的

1、属性对话框--最好做成非模态的或者边栏

2、功能对话框--智能控制单一功能,比对打印,另存

3、进度对话框--清晰展示:一个耗时的进程正在运行中,现在一切正常,该进程还需要多长时间才能完成(或者进度),还有多少事情或项目没有做完,用户如何才能取消操作。

4、通知对话框--移动端用的比较多,清晰持久的标示出新通知或者未读通知

5、公告对话框--应用程序直接启动,比如错误、警告、确认。通常是应用程序级模态的。

2.5管理属性对话框和功能对话框

1、选项卡对话框--tab 不要堆叠选项卡

2、扩展对话框--扩展后显示更多控件,有点像抽屉的概念,但不是抽屉的形式。从新手到专家都友好

3、级联对话框--对话框套对话框,不推荐。

三、消除错误、警告和确认

3.1错误对话框

用户犯错时 不应受到训斥 而是帮助

有些看似是用户的错 实际是程序不人性的问题,换做是人就不会这么无理了。

错误对话框真正做的事保护应用程序不陷入麻烦。

要消除错误消息 就要把程序写的不容易出问题。

使用户不可能犯错是消除错误消息的最好方法。其次是让程序变得足够聪明,使用户不再提出不必要的请求。

为用户提供正面反馈。正面反馈可以帮助人们做他们想做的事。

一定要用错误提示框 也请使用礼貌用语 并一定给出解决方法。  

3.2警告和确认

警告的原理在于告知用户,但是不能打断流畅的交互流。

软件告诉用户它的行动 ,应该在主屏幕上提供可视化的指示。

当应用对自己的行为不自信时 ,经常会使用确认对话框。确认对话框把责任推给用户。

解决方法是使动作易于恢复,并且提供足够的非模态反馈,确保用户不会措手不及。避免出现狼来了的情况。

如何消除错误框:做,不要问。提供撤销。给用户提供非模态反馈。

四、魔鬼在细节里

注意点点滴滴的细节 才能做出卓越的产品。

本书完

你可能感兴趣的:(第21章--设计细节:控件和对话框-About Face 4 读书笔记)