弹出窗口与新页面

分享于 

4分钟阅读

Web开发

  繁體

介绍

本审查比较了一个新页面的弹出式文章使用户可以选择选项。 Popup Windows 通常用于允许用户从一组特定的选项中进行选择,这些选项可能是固定的或者动态的。 然而,它通常比使这些选项单独的页面更为优越,这可能会显示更多信息,并导致点击。 本示例将常用日历作为弹出式菜单或者新页面进行对比。 日历页的联机演示的链接如下。

典型日历弹出式菜单的视图

 popup.png

这是在当前页面前面叠加的,用户必须只将焦点缩小到窗口。

一个完整的页面日历示例( 75%比例)

 page.png

这里示例是用户的全部焦点。 这个演示可以在 http://shofarnexus.com/Philosophy/PageLayout/PageVsPopup/Calendar 看到。

月份弹出式菜单或者 15月日历页

对于讨论,我们将比较显示当前月份并允许直接点击特定日期的典型日历弹出式菜单。 要达到其他月份,你通常需要一次或者向后单击一个月。

我们的选择是一个显示 15-month 日历以当前季度开始的页面。 这假定应用程序在未来请求一个日期。 选择任意日期时,可能首选一个标准 12月日历。

点击次数

使用弹出菜单选择当前月份中的某一天时,你需要单击以打开日历,单击一次以选择日期。 对于页面,我们需要相同的两次点击。 但是,当你在未来的月选择一天时,可能会随着月份的增加而增加频率。 但是,使用 15-month 日历我们仍然在两点点击,除非我们在未来选择一天以上,这不太可以能。

日历中的其他信息

可以向日历用户提供它的他信息,例如指定给日期的属性,或者无效的日期。 例如,如果周末或者过去的日期不适用,它们可以是非可选的,而且高级日期会增加颜色。

虽然可以在弹出窗口中完成,但在整个页面中实现它更简单。 有了额外的房地产,你可以详细地说明你的颜色编码意思,或者提供有关选择过程。

如果应用程序同时需要开始日期和结束日期,则可以在呈现结束日期时使用关于开始日期的信息。 例如,如果结束日期必须在从开始日开始的某一范围内,那么只能选择那些日期。 可以突出显示首选日期。 显然,开始日期可以突出显示,因为它已经被选中。

页面响应时间

弹出窗口的一个参数是补偿慢页响应时间。 在互联网的早期,这主要是由于连接速度慢。 但是,大多数延迟现在是由于服务器生成页面的时间和浏览器呈现页面所花费的时间。 简单内容相比,增加页面复杂性会降低响应时间。 使用内容和脚本加权的页面可能会显著等待用户重复访问该页面,因这里可以更好地使用。 即时响应的轻量页面,特别是在内部网应用程序中,不需要处理响应时间问题。

演示

http://shofarnexus.com/Philosophy/PageLayout/PageVsPopup/Calendar 插件中可以看到 15月日历的实况演示,以及用于在http://shofarnexus.com/Philosophy/PageLayout/PageVsPopup/Calendar.shofar 生成页面的标记。

对于服务器上的1 个月的日历页面,我们的测试平均为 10mS,产生了大约2 个字节的HTML。 测试是在 2007个笔记本( 东芝 A205-S6808 ) 上进行的。

结束语

一般来说,新页面可能会减少点击次数,并允许更多的信息来描述选项。 当主页重量较大时,请求和渲染页之间有一个显著延迟,一个弹出的时间减少了用户的延迟。 当页面设计轻松干净时,特别是在网络时延少的网络应用中,新页面可以能超出了弹出。


POP  弹出  
相关文章