恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
优漫动游交互设计原则
0.0°
2023-08-28 好文转载 经验/观点 原作者: 广州UI设计培训 举报 413 0 0 0

交互设计原则:模态对话框  

  交互设计原则:模态对话框  

  打开一个模态对话框后拥有它的程序不能继续进行,直到对话框关闭为止,这种对话框在其轨道上会停止所有的进度,单击该程序的其他任何窗口,用户都只会听到粗鲁的“嘟嘟”声表示无法反应,它的所属程序表面所有的控件和对象在模态对话框工作过程中暂停工作,当然在模态对话框打开时用户可以激活其它程序。有些模态对话框是针对整个程序或整个文档进行操作的,有些模态对话框是针对当前的选择进行操作的,在这种情况上,在使用者已经调用这个对话框后不能改变当前的选择,这是模态与非模态对话框的最要重区别。  

  交互设计原则:非模态对话框  

  打开一个非模态对话框可以不用打断父程序,无须停止进度,应用程序也不会冻结,主程序继续调用,你也可以重新回到主程序,你可以改变选择。在某些情况下,也可以在主窗口和非模态对话框之间拖动动对象,这种特性使其在画图类型的程序中作为工具或对象调色板时确实很有效。非模态对话框很少建立行为规范,尤其是终止命令。视觉上区分非模态对话框与模态对话框是必须的,并且为非模态对话框提供一致的终止命令,同时非模态对话框也必须特别节约像素,它占据前面的中心位置,不必要的情况下不要浪费像素,尤其在使用悬浮工具板时,应该把标题栏上的关闭框作为唯一终止控作。  

  例:AdobeFireworksMX中的停靠调色板提供了和非模态对话框相类似的交互活动,但并不需要使用者花费过多的精力和注意力调用、移动并消除对话框,不必太动脑筋,我们就可以看到它们和工具栏非常相似,它们也在用户界在,上使用标准控件来提供直接、视觉化且一致的应用功能。  

  AdobeLightroom中的侧栏取代了几十个对话框,不同点在于侧栏不需要使用者调整其在屏幕上的位置,使用者也无须对它们一个一个地解锁或者撤销,整个侧栏也是可以隐藏的,这进一步降低了管理工作,在但在呈现功能方面超越了对话框,是显著的进步。  

  Cooper设计的CRM客户关系管理系统软件,其中采用了专门的属性区域,当某个使用者选择了工作区的一个对象时(屏幕上半部分的左面),其属性就会显示在下面,这样既保持了使用者使用环境,同时也把屏幕管理工作降至最低,这里我们不说他的软件设计优劣,只谈呈现的交互设计。  

  交互设计原则:不同用途的属性对话框,功能对话框,进度对话框,公告对话框  

  属性对话框向用户呈现所选对象的属性或者设置,并且允许用户改变;功能对话框通常从菜单打开,它们是最常见的模态对话框,控制单个功能,如打印、插入对象或拼写检查等;进度对话框由程序启动,而不是根据用户请求启动的,它们向用户表明当前程序正在忙于某些内部功能,其他功能的处理能力可能会降低。当程序变成无响应试状态时,必须通知用户。  

  例,许多程序采用把光标变成沙漏的等待光标暗示用户进度,但是进度对话框是一种更好且有信息量的解决方法,每个进度对话框有如下4个任务:  

  向用户清楚地表明正在运行一个耗时的进程;  

  向用户清楚地表明一切正常;  

  向用户清楚地表明进程还需多长时间;  

  向用户提供一种取消操作和恢复程序控制的方式。  

  微软XP的进度表基本上是正确的,对于资源管理器中的任何一次移动、复制或删除操作,它显示了设计合理的进度对话框,其中提供了操作剩余时间的线索,并使用动画显示文档从左侧的文件夹飞到右侧的文件夹或垃圾箱,用户的心理模型认为计算机内部的某个事物在移动,这个精致的小真实的反映了移动的事物。从用户的角度看,这个对话框让人耳目一新,计算机的外部形象反映了计算机的内部操作,不足之处在于没有显示移动中剩余的文件数量,否则它可以方便地提供更好的进度反馈,这个在windows7中得到了优化。  

  网页浏览器每次加载页面时并不弹出一个进度对话框,而是在窗口底部的状态栏上显示一个进度指示器,用户可以很容易地了解到当前的进度,而面前部分加载的页面也不会被遮挡,这种情况下是非常好处的,不过在运用这种进度对话框之前,还是需要考虑它是否适合于你的用户。  

  交互设计原则:模态对话框  

  打开一个模态对话框后拥有它的程序不能继续进行,直到对话框关闭为止,这种对话框在其轨道上会停止所有的进度,单击该程序的其他任何窗口,用户都只会听到粗鲁的“嘟嘟”声表示无法反应,它的所属程序表面所有的控件和对象在模态对话框工作过程中暂停工作,当然在模态对话框打开时用户可以激活其它程序。有些模态对话框是针对整个程序或整个文档进行操作的,有些模态对话框是针对当前的选择进行操作的,在这种情况上,在使用者已经调用这个对话框后不能改变当前的选择,这是模态与非模态对话框的最要重区别。  

  交互设计原则:非模态对话框  

  打开一个非模态对话框可以不用打断父程序,无须停止进度,应用程序也不会冻结,主程序继续调用,你也可以重新回到主程序,你可以改变选择。在某些情况下,也可以在主窗口和非模态对话框之间拖动动对象,这种特性使其在画图类型的程序中作为工具或对象调色板时确实很有效。非模态对话框很少建立行为规范,尤其是终止命令。视觉上区分非模态对话框与模态对话框是必须的,并且为非模态对话框提供一致的终止命令,同时非模态对话框也必须特别节约像素,它占据前面的中心位置,不必要的情况下不要浪费像素,尤其在使用悬浮工具板时,应该把标题栏上的关闭框作为唯一终止控作。  

  例:AdobeFireworksMX中的停靠调色板提供了和非模态对话框相类似的交互活动,但并不需要使用者花费过多的精力和注意力调用、移动并消除对话框,不必太动脑筋,我们就可以看到它们和工具栏非常相似,它们也在用户界在,上使用标准控件来提供直接、视觉化且一致的应用功能。  

  AdobeLightroom中的侧栏取代了几十个对话框,不同点在于侧栏不需要使用者调整其在屏幕上的位置,使用者也无须对它们一个一个地解锁或者撤销,整个侧栏也是可以隐藏的,这进一步降低了管理工作,在但在呈现功能方面超越了对话框,是显著的进步。  

  Cooper设计的CRM客户关系管理系统软件,其中采用了专门的属性区域,当某个使用者选择了工作区的一个对象时(屏幕上半部分的左面),其属性就会显示在下面,这样既保持了使用者使用环境,同时也把屏幕管理工作降至最低,这里我们不说他的软件设计优劣,只谈呈现的交互设计。  

  交互设计原则:不同用途的属性对话框,功能对话框,进度对话框,公告对话框  

  属性对话框向用户呈现所选对象的属性或者设置,并且允许用户改变;功能对话框通常从菜单打开,它们是最常见的模态对话框,控制单个功能,如打印、插入对象或拼写检查等;进度对话框由程序启动,而不是根据用户请求启动的,它们向用户表明当前程序正在忙于某些内部功能,其他功能的处理能力可能会降低。当程序变成无响应试状态时,必须通知用户。  

  例,许多程序采用把光标变成沙漏的等待光标暗示用户进度,但是进度对话框是一种更好且有信息量的解决方法,每个进度对话框有如下4个任务:  

  向用户清楚地表明正在运行一个耗时的进程;  

  向用户清楚地表明一切正常;  

  向用户清楚地表明进程还需多长时间;  

  向用户提供一种取消操作和恢复程序控制的方式。  

  微软XP的进度表基本上是正确的,对于资源管理器中的任何一次移动、复制或删除操作,它显示了设计合理的进度对话框,其中提供了操作剩余时间的线索,并使用动画显示文档从左侧的文件夹飞到右侧的文件夹或垃圾箱,用户的心理模型认为计算机内部的某个事物在移动,这个精致的小真实的反映了移动的事物。从用户的角度看,这个对话框让人耳目一新,计算机的外部形象反映了计算机的内部操作,不足之处在于没有显示移动中剩余的文件数量,否则它可以方便地提供更好的进度反馈,这个在windows7中得到了优化。  

  网页浏览器每次加载页面时并不弹出一个进度对话框,而是在窗口底部的状态栏上显示一个进度指示器,用户可以很容易地了解到当前的进度,而面前部分加载的页面也不会被遮挡,这种情况下是非常好处的,不过在运用这种进度对话框之前,还是需要考虑它是否适合于你的用户。  


Powered by Froala Editor

更新:2023-08-28

收藏

0人已收藏

乜野瓜

你好咯

  • 268

    作品

  • 1

    粉丝

  • 0

    关注

  • 分享几个免费AI生成工具  优漫教育
  • AppUI交互与视觉设计  优漫教育
  • 应届毕业生都转行学UI设计了,为什么呢?优漫教育
  • 混迹职场必需知道的职场交往技巧优漫教育
相关标签
广州Ui设计培训

    猜你喜欢

      2023-08-28 好文转载 经验/观点 原作者: 广州UI设计培训 举报 413 0 0 0

      优漫动游交互设计原则

      0.0°

      你确定要举报优漫动游交互设计原则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年08月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录