第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警告和确认

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

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

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

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

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

四、魔鬼在细节里

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

本书完

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

推荐阅读更多精彩内容