it-swarm.cn

打印机友好按钮是否应该打开新的浏览器窗口?

阅读 常见的Web应用程序可用性陷阱? 当我读到使用target = "_blank"不好的事情 时,我感到内gui。

我已经开发了一个小型Web应用程序,以易于打印的视图格式化Stack Exchange问​​题,并且我认为target = "_blank"导航体验的界面有些问题。

让我解释:

首页

  1. 人们可以插入问题ID并通过点击“打印”按钮进行打印
  2. 打印机友好视图在同一页面上打开
  3. 人们可以点击页面左上角的小“主页”图标返回首页。

我认为这没什么问题(尽管任何反馈都值得赞赏)。

票数最高

  1. 人们可以浏览问题列表
  2. 单击小的“打印机”图标,将在新窗口中打开易于打印的视图(target = "_blank"
  3. “问题列表”页面上的焦点丢失
  4. 人们应该再次单击“问题列表”页面
  5. 人们可以从“问题列表”页面打印另一个问题

我为什么要这样做?

第一个原因:
Gmail的“打印”功能的工作方式如下(打开新页面)

第二个原因:
因为我想有机会同时打印一堆问题。
使用print - back to the "questions page" - print - back to the "questions page" - print etc. etc.之类的序列,用户可以并行打印他/她的问题(对于 此问题 之类的胖问题,打印过程不是很快。

我认为有些问题是因为:
1。第一种情况与第二种情况不同
2。 一旦打开了新的“打印机友好”窗口,人们在左上角就会有相同的“返回首页”图标,我认为这可能会造成混淆。[固定]

有什么建议吗?

13
systempuntoout

我不同意target="_blank"总是不好。在某些情况下,尤其是在Web应用程序中,它可能非常有用,就像您在上面描述的情况一样。 (而且我也遇到了各种各样的网页设计师,他们讨厌它只是因为最新的W3C规范说它是非法的。

UI设计师不喜欢它的原因是因为它使用户无法控制网站上的内容,这很烦人。那是因为您可以控制浏览体验,例如当浏览时。阅读文章时,您不希望网站每次单击链接时都弹出新标签或窗口。您将自己决定。

但是,当您使用Web应用程序时,尤其是在当今这些日子,随着Web应用程序变得越来越复杂(Gmail是一个很好的例子),用户的心态有所不同,并且希望以Web应用程序的使用为中心来提供便利。我不是说 target="_blank"是一个完美的解决方案,但是它确实不如在“陷阱”问题中听起来那么糟糕。

像往常一样,归结为弄清楚用户对此的感觉。作为设计师,您应该根据自己对您的用户群的最佳感觉来做出决策,并尽量不要过分依赖似乎总是适用于所有事物的通用“规则”。约定和模式很棒,但是重要的是您要保持开放的态度,并在适当的地方使用常识。 :)

13
Rahul

这与您的问题没有直接关系,但是这里... ...总是用“打印”按钮困扰我的一件事是,您永远不知道单击它是否会真正打印出来,或者是否会显示出打印机友好的布局。我只看到一个或两个网站将其按钮标记为“显示打印机友好页面”(或类似名称)。

12
Hisham

我不同意需要一个打印机友好按钮完全打开另一个页面。使用CSS,您可以隐藏所有不想打印的内容,并进行所需的更改。因此,默认情况下几乎每个页面都可以打印。唯一实际的例外是要在其中打印完整列表的分页列表。

http://www.w3.org/TR/CSS21/media.html

我认为,即使使用css使页面对打印机友好,您仍应在页面上具有“打印”按钮,但它所要做的只是直接调用浏览器的打印功能。这样做的重点是,大多数用户不习惯浏览器的打印功能运行得很好,并且页面上的“打印”按钮无法提供更清晰的输出。

5
Sam

我认为用户应该预览打印机实际将输出的内容。如果使用“打印本文”按钮,则可能不需要这样做,并且在这种情况下,如果可能的话,转换后的页面也可以直接传输到打印机。

关于打开新窗口,我认为模态窗口(野生动物园阅读器)始终是最佳选择,因为它将用户的注意力集中在窗口本身上,并且很容易看到如何关闭窗口以及通过关闭窗口来查看用户将返回到应用程序的先前状态(后台变暗的页面),并且如果数据是实时更新的,那么很清楚(假设它显示在ui中),页面的实际更新是什么正在打印。

无论如何,要针对这种特定类型的问题找到最佳解决方案并不容易。

2
Michele

我完全同意拉胡尔的意见,尤其是在最后一段。丹·萨弗(Dan Saffer)在他的“交互设计”一书中称其为Genius Design,设计师可以根据用户的需求做出最佳判断,然后根据该判断进行设计。

2
Howie

打印机友好从未如此。我不知道为什么一定要那样。

您可以做的是在服务器上用wkhtmltopdf渲染页面(使用高分辨率徽标所需的样式表,首选字体和SVG图像),然后将其与打印对话框一起使用-没有预览废话,只是PDF=直接进入打印机,没有_blank或类似的东西。通过这种方式,您可以控制页面布局并将其设置为'catalogue'标准,并为用户节省了必须打印的额外步骤按钮。

让您的打印按钮“按锡纸上的说明去做”。

1
ʍǝɥʇɐɯ

纯粹是我的观点未得到任何具体研究的支持:

由于许多原因,“打印友好”优于“打印”

  • 如前所述,一个人不知道“打印”链接会做什么……它将打开一个新窗口吗?显示我的打印友好页面吗?启动浏览器的打印对话框?
  • “打印友好”选项通常对于屏幕阅读非常有用。它的作用超出了打印机。
  • 您可以确保人们在打印之前会期望打印出什么(所有人都知道他们可以通过浏览器的打印对话框看到打印预览吗?)

因此,我希望同时拥有适当的打印CSS文件和“打印友好”链接。

至于是否应该在新窗口中打开……这是一个艰难的过程。新窗口仍会引入可用性和可访问性问题。我倾向于通过某种明显的“返回网络版本”链接将其加载到同一页面中。

1
DA01

我是在误解您,还是让用户每次想在单个打印命令中添加问题时都来回走动?如果是这样,您应该真正考虑一种更好的方法来实现这一目标。类似于“添加到打印列表”按钮之类的按钮,用于存储问题ID的列表,并在最终用户单击“打印我的问题列表”时为所有用户格式化所有格式。像这样在屏幕之间来回走动会让我非常沮丧。

抱歉,如果我误解了您在这里说的话。

0
ThatSteveGuy