UI 模式构思:邮件设置

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费信用额度!

上周,我请大家参与了一些围绕特定设计模式(电子邮件设置)的群体设计思维活动。这是前提

假设 Web 应用中可能发生三种会触发电子邮件的事件。我们希望允许用户决定在这些事件发生时是否接收电子邮件。

我查看了所有回复,以下是我认为最有趣和最有效的回复。 这不是一份完整的列表。要查看所有回复,请查看原始文章中的 评论线程

注意:我不关心这些的浏览器兼容性。那是另一个问题。总有一种方法可以使设计生效。这部分应该在找到最佳解决方案后进行。

样式化的切换按钮

它本质上与复选框(开或关)相同,但样式和内置文本可能会使事情更清晰

查看笔

此示例使用表格布局

查看笔

以及图标

查看笔

不要给我发邮件

这些方法后退一步,首先询问用户是否希望完全接收电子邮件。如果他们不希望接收,则无需进行任何单独的选择。最简单的方法如下所示

查看笔

稍微复杂一点

查看笔

选择越多,拥有“全选/取消全选”选项就越有意义

查看笔

或者只提供一个可点击的“永不”选项


查看笔

完成句子

这些设计故意使用冗长的表达方式,迫使用户在更改之前阅读并理解。

查看笔

拖放

这种强制交互可能会让用户清楚地了解将要发生的事情

查看笔

选择三个

我说了我会选择三个我认为最有趣和最成功的,所以我决定从不同的类别中选择它们。Blake PembertonFrank SpinJohn。我会发送电子邮件告知访问权限。

大家做得很好。