W Design & NEWS

重点:网页设计中的模态窗口

W-design2015.09.02

  模态窗口的弹出网页内嵌的最新风格。这些内容块出现在一个网站上,而不是从字面上打开一个新的浏览器窗口。大部分的时间,这个可爱的更换为弹出窗口,可以很方便的。但如果使用不当或不可严重损害用户体验。在这篇文章中,我想分享一些想法,趋势和良好的/坏的模态窗口设计实例。关键是要理解如何访客可能会到一个未知的或不必要的模态窗口的反应。传统模态设计模态窗口一般由某些类型的用户交互打开。当用户点击一个链接或按钮,它可能会引发一个模态窗口的细节,进一步的信息,或加载图形。然而一些模态窗口触发立即在pageload,任何用户行为完全的无端。我是一个大风扇前,往往对后者。所需的模态窗口是一种方法,包括额外的页面内容,而不强制进入布局。就像Ajax的内容可以加载页面重新加载,模态窗口可以拥有一个私人邮件的形式无需重新加载页面。我认为脸谱的窗口是一个奇妙的例子。广告脸谱模式信息窗口这通常是最著名的模态设计的选择。提供一些用户需要的东西,并把它保持在最低限度。传统的模态窗口是为了简化形式和数据收集,从视图中删除这些功能,直到他们要求的用户。

    Imgur模态窗口上传Imgur的上传字段是另一个例子是由杰出的模态窗口控制。快速,易于控制,作品完美,适合自然融入设计。我不会走远说,所有无端的情态动词是一个贫穷的设计选择。然而,你真的需要考虑一下为什么你强迫一个模态窗口在第一位。模态的内容是否真的会对大多数访问者有帮助?它融入布局吗?也许最重要的是,它容易摆脱?只是让我结束它!严格来说,从用户体验的角度来看,模态窗口应按外窗被关闭。这些盒子一般占据屏幕的一小部分而发黑了其余的网站。但那些只想查看网站是如此习惯于点击,当它不工作,它能唤起的挫折的背景。moqups模态窗口弹出比如moqups主页。他们的模态窗口只意味着一个简短的教程,引导新的访问者。这一切都很好,但即使你不想看教程,这种模式需要互动。你不能简单地通过点击以外的方块,你必须点击绿色的“尝试它现在”按钮。另一点要远离这个例子是显微镜。为什么这个按钮说“尝试一下现在”,而不是“关闭”或“不,谢谢”?如果你想要一个教程的话,这个模式是问你是否想要一个教程,所以这句话“尝试一下”似乎可以暗示你的教程。这让它看起来像按钮将启动的教程。混淆是一个很大的问题,用户体验设计,所以避免它在所有的成本。

    一个次要的但有趣的例子可以发现在MAPbox。单击“登录”按钮不会将您带到一个新的页面,而是打开一个模态窗口。这很整洁,但也很难接近。该图标有点小,窗口本身也很小。我不想抨击MAPbox因为他们有一个很好的服务和网站布局。但你会注意到他们的登录链接进入了一个新的页面,那么为什么不能登录表单有它自己的页面呢?衡量利弊之前仔细用情态动词在您的网站上。强制模式:中肯的或讨厌的?每个人都应该熟悉强迫模态窗口弹出。这个不受欢迎的窗口出现在博客文章或登陆页面的内容上面。强迫模态窗口通常用于提供交易或收集新注册一个时事通讯。但是这些模式其实对一个网站提供价值?这个问题的答案是基于你的性格。一个网络推手可以认为注册率将提高通过强迫模态窗口。然而,UX设计师可能会说游客真的只是想看你的内容,这样得到的方式是令人讨厌。你可以找到大量的强制注册这个OXP第。我发现他们中的大多数都是简单地令人讨厌,虽然他们可能稍微提高转化率,他们往往使网站显得不专业。特殊的交易和通讯注册是一回事–但罪魁祸首是力的作用将不会关闭否则模态窗口。让我们举个例子,这是一个用户投票Quora问答网站。当你第一次登上一页时,你可以不中断地浏览这个问题。然而,如果你浏览的网站上的其他地方,你受到了一个令人讨厌的登录请求模态框。Quora的模态窗口强制注册如果这是一个简单的方法来增加Quora的用户群,那么我可以理解。然而,在这种情况下,你不能浏览网站没有注册。不想注册的用户在哪里?不是Quora的信息应该是免费的吗?你为什么拿1的浏览量,作为免费赠品,但2以上需要登记吗?

    这无疑是我见过的最糟糕的用户体验之一。这几乎像是强迫服从胁迫下通过谈判与你需要的信息。有时这可能会工作,但你知道大部分时间可能发生什么?参观者刚离开。有这些问题的答案不在匿名游客挂锁论坛内容丰富。然而,我们也应该采取一看强迫模态窗口,实际上工作很好。我认为创意的市场模式是至少相关的,易于管理。你可以通过点击框外的任何地方快速关闭窗口,它不会打扰你。创意市场模式窗口这些类型的模型可以是一个滋扰,但至少他们尊重。内容是可信的,实际上可能会感兴趣的新访客。那些不感兴趣的人可以把窗户关上,然后从那里继续前进。开源插件设计师谁想要添加到自己的项目的模态窗口将是明智的使用一个开源的解决方案。有许多的选择,可以节省你的时间和应力突然在键盘。如果你想建立一个清晰的和可靠的模态窗口,然后看一下这些插件,看看哪一个(S)可能适合你的项目最好。一个次要的但有趣的例子可以发现在MAPbox。单击”登录”按钮不会将您带到一个新的页面,而是打开一个模态窗口。这很整洁,但也很难接近。该图标有点小,窗口本身也很小。我不想抨击MAPbox因为他们有一个很好的服务和网站布局。但你会注意到他们的登录链接进入了一个新的页面,那么为什么不能登录表单有它自己的页面呢衡量利弊之前仔细用情态动词在您的网站上?。

    强制模式:中肯的或讨厌的?每个人都应该熟悉强迫模态窗口弹出。这个不受欢迎的窗口出现在博客文章或登陆页面的内容上面强迫模态窗口通常用于提供交易或收集新注册一个时事通讯。但是这些模式其实对一个网站提供价值?这个问题的答案是基于你的性格。一个网络推手可以认为注册率将提高通过强迫模态窗口。然而,UX设计师可能会说游客真的只是想看你的内容,这样得到的方式是令人讨厌。你可以找到大量的强制注册这个OXP第。我发现他们中的大多数都是简单地令人讨厌,虽然他们可能稍微提高转化率,他们往往使网站显得不专业特殊的交易和通讯注册是一回事–但罪魁祸首是力的作用将不会关闭否则模态窗口。让我们举个例子,这是一个用户投票Quora问答网站。当你第一次登上一页时,你可以不中断地浏览这个问题。然而,如果你浏览的网站上的其他地方,你受到了一个令人讨厌的登录请求模态框。Quora的模态窗口强制注册如果这是一个简单的方法来增加Quora的用户群,那么我可以理解。然而,在这种情况下,你不能浏览网站没有注册。不想注册的用户在哪里?不是Quora的信息应该是免费的吗?你为什么拿1的浏览量,作为免费赠品,但2以上需要登记吗?这无疑是我见过的最糟糕的用户体验之一。这几乎像是强迫服从胁迫下通过谈判与你需要的信息。有时这可能会工作,但你知道大部分时间可能发生什么参观者刚离开?。有这些问题的答案不在匿名游客挂锁论坛内容丰富。

    然而,我们也应该采取一看强迫模态窗口,实际上工作很好。我认为创意的市场模式是至少相关的,易于管理。你可以通过点击框外的任何地方快速关闭窗口,它不会打扰你。创意市场模式窗口这些类型的模型可以是一个滋扰,但至少他们尊重。内容是可信的,实际上可能会感兴趣的新访客。那些不感兴趣的人可以把窗户关上,然后从那里继续前进。开源插件设计师谁想要添加到自己的项目的模态窗口将是明智的使用一个开源的解决方案。有许多的选择,可以节省你的时间和应力突然在键盘。如果你想建立一个清晰的和可靠的模态窗口,然后看一下这些插件,看看哪一个(S)可能适合你的项目最好。

W design values every chance to work with you.