简介
今天，几乎没有任何网站不希望让用户接受或确认cookies。这种情况经常发生，以至于互联网上到处都是cookie的备忘录。这些cookie--与甜美的、可食用的cookie不同--经常被用来追踪浏览器上关于用户的匿名和独特细节。
来源：awwmemes.com。
网站可以使用cookies做什么？
Cookies是小型文本文件，是网站追踪用户在浏览器上的独特细节的好方法。可以用cookie做的几件事包括。
- 追踪你在网站上花了多少时间
- 记录你的购物车里有哪些物品
- 记录你过去访问过的链接和页面
- 跟踪你选择的选项、偏好和设置
- 决定向你展示哪些广告或信息
正如你所看到的，这些cookies主要用于收集有关用户的信息，以改善他们的体验。但是，cookie也带来了隐私问题，因为它们允许网站存储个人信息--包括但不限于你的浏览习惯--并可以对其为所欲为。
为什么到处都有cookie通知？
2018年，欧盟颁布了《通用数据保护条例》（GDPR），这是一部数据隐私法，旨在让个人对其数据的在线收集、使用和保护方式有更多控制权。这确保了组织，即使是欧盟以外的组织，也必须通知他们的用户他们所收集的数据种类，并让他们在选择与这些网站分享什么信息方面有更多的控制权。
各组织在实施这些通知时采取了不同的方法，这些方法以这样或那样的方式影响了用户的体验。有些遵循黑暗的做法，呈现出选择的假象，而有些则呈现出灵活性，有定制的空间，而不是要求用户盲目地接受他们的cookies（来自陌陌 ）。
你必须接受cookies吗？
你并不总是必须接受cookies。
然而，一些组织如果不接受他们的cookies，就不会让你使用他们的网站。这通常是因为这些网站依赖cookies，如果用户不允许使用它们，它们就不能按规定的方式工作。
建立cookie通知的建议做法
GDPR的这一要求导致了各种各样的cookie通知的实施，可悲的是，并不是所有的cookie都能为用户提供良好的体验。
Cookie通知本身就是一个颇具争议的话题，而且很多用户最终还是会点击 "接受"，但如果你想实施Cookie通知，我们将介绍一些最佳做法，帮助你为网站用户建立良好的体验。
我们所要实现的是一个能够满足网站要求的cookie通知，并且允许用户拒绝所有的cookie，或者方便快捷地让用户决定他们想被追踪的内容，最好不要有大量的切换或穿越多个屏幕。
优化cookie通知，提高性能
在某些情况下，网站经常使用第三方脚本来处理其cookie通知或利用cookie的服务。你要确保这些脚本不会妨碍到网站实际脚本的加载。
当使用第三方脚本时，你可以如下图所示，以异步方式加载它们。
<script src="https://show-cookies.com/example-script.js" async>
默认关闭非必要的cookies
如果你的网站不收集或跟踪用户的任何个人数据，或者只收集匿名数据，你可能首先不需要一个cookie通知。非必要的cookies应该默认关闭。
例如，StackExchange网站默认启用了运行网站所需的基本cookies，然后允许用户选择继续使用或切换其他cookies。
呈现带有清晰副本的行动呼吁按钮
对于只使用简单通知的通知，如："使用我们的网站，你同意我们使用cookies"，你必须确保用户仍然可以选择承认。与其只有一个关闭按钮，一个 "接受并继续 "的按钮会更清晰。
在下面这个案例中，用户不知道他们真正同意的条款是什么。"本网站使用cookies"--但哪些是？
下面的替代标语对本网站的cookies的用途做了简短的描述，每个按钮都包含明确说明将采取什么行动的文案。用户还可以选择他们特定的cookie偏好，因为支持。
通过定制提供灵活性
就像上面显示的例子一样，我们将按照建议进行，默认关闭非必要的cookies - 但是，我们也应该允许用户在适用的情况下调整他们的隐私设置。
为了实现这一点，我们可以添加以下内容。
- 一个改变cookie偏好的选项
- 不同组别的cookie概述，其中一些是网站完美运行所必需的（这些是基本的），而其他则是可选的
Cookie选项也应按目的分组，如定向广告、分析，以及网站运行所需的任何一种。这很有帮助，因为它允许用户一次选择或取消选择整个类别，而不是手动选择每个子选项。
确定页面上的适当位置
与本文的其他建议一样，我们需要确保我们的cookie通知不会妨碍网站的内容，除非绝对必要。Cookie通知通常被放置在页眉或页脚区域。有时，它们占据了页眉或页脚的全部内容，有时它们只是在一个角落里突然出现。
将cookie通知放在页脚大多是首选，因为它的干扰性较小。折叠上方的内容仍然按计划显示，而且通知很少与页面上的其他组件争夺注意力。
需要注意的是，通知的移动响应性很重要。在手机上，页脚或页眉通知很容易占据页面的大部分。建议我们确保通知尽可能少地覆盖页面--无论它被放在页面的什么位置。
再看看StackExchange，你可以看到他们有一个移动cookie通知，它的干扰性较低，在页面上占用的空间很小，同时仍然提供与桌面上一样的选项。
Cookie通知也可以在模版中显示，但这将注意力完全转移到Cookie通知上，而不是内容上，所以应该谨慎使用它。通常情况下，绝对需要cookie同意的网站会采用这种方法。
如果您的网站使用特定的cookie，而这些cookie如果不被接受，就会妨碍网站按计划工作，那么您就应该把它们看作是必需的cookie。其中一些cookie如果不追踪任何个人数据，可以默认启用。但是，如果它们有，那么重要的是，用户被告知这一点，并且在他们继续之前仍然可以接受这些cookies。
总的来说，微妙的通知是首选，确保它们不妨碍内容，虽然它们应该包含所有必要的信息，但它们占用的空间越少越好。
结语!
Cookie通知以及如何设置是一个有争议的话题，但本文的目的是确保你的用户被正确告知，并且能够轻松地同意分享他们喜欢的信息水平，而不影响他们的用户体验。
The postA quick overview of UI/UX best practices for cookienotifications appeared first onLogRocket Blog.
