美文网首页
21-设计细节:控件和对话框

21-设计细节:控件和对话框

作者: Celine_lee | 来源:发表于2018-05-14 15:56 被阅读0次


控件

1、命令控件

按钮由三维逐步发展到扁平为主。click/hover效果告知用户,用户希望看到按钮的改变。

图标按钮icon button,优点:易使用、不花费时间。缺点:不容易辨认。可通过工具提示,结合文本的图标

超链接指将用户带到下一个页面,展示点击文本的详细含义。链接常用在浏览内容上,仅与导航相关的习惯用法。按钮/图标按钮则常用在动作和功能上。

2、选择控件

选择名词。

复选框check box主要是基于文本的控件,大部分时候用方形

开关按钮(复选图标按钮)点击按下,再次则凸起,适合非模态交互,不打断用户流,可适当使用工具提示。图1

状态切换按钮

单选按钮

3、列表控件

4、输入控件

5、验证输入控件

列表控件中用图标区分文本中的重要项目

旋转控制按钮:点击或者轻拍向上/向右,增加刻度盘的数值,反之则减少数值。而非用鼠标去操作圆弧。

主动验证:在输入数据的同时,使用递减计时器,每次单击重新计时。递减计时器为零,开始验证。用户暂停超过半秒,程序判断用户停止思考,对当前输入分析。应用程序判断有效,输入框后打对勾、字体变成绿色。

6、显示控件

滚动条:优点-易于操作,显示当前的位置,显示可拖动区域的比例。缺点-高度精确的使用鼠标。

文本类好用的滚动条:总页数、滚动显示当前页数、滚动显示缩略图、跳到文档开始结束的按钮、返回的书签工具、带注释的滚动条、提供跳读的按钮

滚动条变体-文档导航器:小缩略图表示文档空间,提供文档中某个部分的视图。如微软中的文档结构图。

分割线-独占应用分成多个窗格、窗格中的信息可以浏览操作变换。窗格需折叠的时候使用抽屉。

对话框

非模态的工具栏、ribbon控件、情景工具栏在现代桌面中比对话框更有效。

中高级用户:更高级危险设置       初级:学习基础知识。

对话框-主交互流之外的功能。常规事物流程之外的功能、特性,让人困惑、危险、少用的功能。撤销、取消功能。紧凑、功能强大、快速流利。

功能对话框中的标题包含功能的动作。属性对话框的标题中使用对象的名字。

模态对话框:ok cancel确定、取消、不在模态对话框中使用关闭按钮。避免使用变体取消变成应用、关闭。合适的习惯用法是提供撤销功能,位于工具栏或编辑菜单中。

非模态对话框:右上角关闭控件。

边栏控制窗格:持久的支持主窗口的活动。常用功能放到边栏、工具栏中。

目的分:属性对话框、功能对话框、进度对话框、通知对话框、公告对话框

进度对话框-在对话框中使用动画告知用户进度。“取消” “暂停”

通知对话框-app使用通知中心来收取管理通知。小弹出窗口形式或抽屉形式出现停留几秒,在通知中心红点表示未读。

公告对话框-程序级模态,应减少,换成友好给用户帮助的交互。错误、警告、确认。

警告、确认

重新编程不容易出错,应用程序对问题有免疫力。使用有界控件(微调器、下拉列表),防止用户输入错误的数字。用内部时钟或互联网上获取时间系统。

加强正面反馈,成功时受到奖励和认可,而不止是错误提醒。

错误对话框要有礼貌、表达清楚、助人为乐。解释清楚错误发生的原因、相应的操作按钮触发的结果也要描述清楚。

警告对话框在于告知用户,不能以打断流畅的交互为代价。在发生不可恢复的命令情况下的对话框可以采用非模态反馈告知用户,并提供恢复(撤销)服务。

相关文章

  • 21-设计细节:控件和对话框

    控件 1、命令控件 按钮由三维逐步发展到扁平为主。click/hover效果告知用户,用户希望看到按钮的改变。 图...

  • Chapter 21 设计细节:控件和对话框

    此文仅为《About Face 4:交互设计精髓》的读书笔记,有学习需要请支持正版。 控件 Control Con...

  • 11月8日C#学习总结

    今天学习了StatusStrip控件和状态栏、MessageBox消息对话框、FontDialog对话框控件、Op...

  • Android 日期时间控件

    控件DatePicker和TimePicker对话框DatePickerDialog和TimePickerDial...

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

    一、控件 1.1命令控件 与动词对应的空间类型叫命令控件 1.1.1按钮--按钮要提供诗句能供性,视觉上最吸引人 ...

  • 2017.9.27

    创建新的对话框,建立类,建立列表控件、组合控件和编辑框.添加变量 注意变量的类型,编写对话框信息初始化,编写增加删...

  • Weex 动态Modal设计

    Weex 动态Modal设计 我们在项目中使用了各种自定义的对话框、弹出框等控件,其中各种控件都是在各自的页面中弹...

  • 9月26日-4期C语言学习总结

    今天的学习总结:老师具体讲了模式对话框和非模式对话框、编辑框的具体应用、设置控件的相关属性、如何进行控件数据的初始...

  • 警告对话框和等待提示器

    警告对话框和等待提示器 警告对话框和等待提示器控件定义(UIAlertView从iOS9.0起弃用) 创建警告对话...

  • 2017-9-26学习总结

    星期二 小雨 今天学习了对话框与控件。 上午老师首先讲了对话框分为模式对话框和非模式对话框,就是先创建一个MF...

网友评论

      本文标题:21-设计细节:控件和对话框

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