IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

对话框、暂时性通知和状态栏通知

晓生's新视角 2011-10-14 13:48:11 累计浏览 2,872 次
本机暂存

    这三者适应于不同的情形,从细节上区分其使用方式,供设计师参考。

对话框

    对话框用于显示重要信息或者主交互流之外的功能。windows的对话框可以分为模态和非模态,区分在于是否会当前操作流程,用户可以无视非模态对话框继续操作,手机界面由于显示空间有限,无法忽视界面中的对话框进行执行操作,所以非模态对话框比较少见。

    对话框可以显示确认、错误和警示消息,也称为公告对话框,使用形式有:

  • 模态对话框虽然会影响用户交互流,但是其视觉形式是浮在原界面之上,用户可以理解对话框与原界面之间的关系,完成对话框的操作之后可以继续原有操作,比如登录对话框。
  • ios的对话框推荐使用两个按钮,因为使用单个按钮时,用户没有选择的余地,当使用三个按钮时,用户会难以选择。
  • 用户有时并不会仔细阅读对话框上的文字,因此在按钮上以右边高亮的按钮作为默认选项,避免用户无意中执行危险的命令。
  • 对话框中的文字尽量简明扼要,这也适用于手机界面中所有的文本设计。
  • ios5之前使用对话框过于频繁,本应该采用暂时性通知和消息通知,却也采用模态对话框的形式,导致用户使用的操作流变的不流畅甚至厌烦,会弱化真实有用的信息。
  • 对话框最好不要显示不必要的操作或者级联对话框,导致这种交互操作多是界面本身的结构问题。
  • 暂时性通知

        暂时性通知(toast)也可以显示确认、取消和警示信息,与对话框相比,包含的信息一般对对话框少,因为显示的时间一般只有1-2秒,也不需要用户采用任何的操作,不会打断用户的操作流程,所以使用对话框可以避免影响用户当前操作或者注意力,其适用的情形有:

  • 用户的操作成功,很快进入下一步操作,用户正处在交互流中,比如成功新建联系人。
  • 信息的重要性比较低,不足以使用对话框通知用户
  • 危险性操作执行成功,并且之前已经得到用户的对话框确认,比如邮件删除成功。
  • 之前操作的反馈结果,当前正在执行新操作时,不免使用对话框打断操作流程。比如短信由于信号不佳发送失败,对话框提醒用户,当前正在写新的短信,当网络通畅告知用户之前的短信发送已经成功。
  • 用户正在浸入式体验时,对话框会严重破坏用户体验,用户注意力集中在界面很容易察觉到界面变化时,采用通知更为妥当。
  • 引导用户操作功能,比如用户第一次使用应用程序,告知用户点击某按钮会有何种效果。
  • 状态栏通知

        通知显示在状态栏,用于显示推送通知到手机,比如收到短信和邮件。消息通知并不打断用户操作,显示的时间比暂时性通知要长,比如WP7的短信通知显示10秒钟。如果用户立即处理,也会采用另外的方式提醒用户,比如WP7在“瓦片”通知显示未查看短信数量。也会已图标的显示常驻消息通知栏。消息通知适用的情形有:

  • 电话、短信和短信等手机基础功能的信息。
  • 系统的状态信息,比如手机SD卡被拔出。
  • 后台正在运行程序的信息,比如Android的微博未读评论和好友申请。
  • 应用程序中执行任务的角度,比如Android的任务下载进度。
  • 后台没有运行,通过系统推送的的应用程序信息。
  •     消息通知最大的优点是可以全局通知,只有显示状态栏都可以有显示,如果用户需要处理,点击消息之后可以进入程序。也可以暂时忽视,专注于当前的交互操作,可以空闲之后再处理。消息通知信息的内容可以稍多些,比如包括程序图标、信息数量和消息的部分内容。

    同分类推荐文章

    1. 如何写好设计文档? (2026-06-23 08:00:00)
    2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
    3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

    查看更多 设计 文章 →

    建议继续学习

    1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,500)
    2. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
    3. 流程管理与用户研究 (累计阅读 17,053)
    4. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
    5. sns视觉设计分享 (累计阅读 9,523)
    6. 网站导航设计的6大分类 (累计阅读 9,298)
    7. 给想转行做产品经理的同学 (累计阅读 6,927)
    8. 互联网产品经理必读书目 (累计阅读 5,840)
    9. 概念视觉设计 (累计阅读 5,827)
    10. “预注册”是一把金钥匙 (累计阅读 5,677)