值得学习的好设计

今天分享的值得学习的好设计来自苹果自家的浏览器 Safari。我们都知道苹果一贯以设计著称，除了 iPhone、Macbook 等优秀的硬件产品，自家生态的软件也是一样能打。

比如今天要介绍的 Safari 的一个小功能，预览标签页 。

假设我们是一个产品经理，每天工作要看打开多至数十个竞品跟踪竞品的迭代，研究和分析竞品怎么做的；又或者打开多篇文档，比如产品规划、技术文档、合作方接入文档等等，每天的工作都离不开浏览器，浏览器里不断的打开几十个标签页 。

时常在我们开完会后再一看这些标签页 ，他们就变成了不是我打开的样子，认不出来谁是谁，在 Chrome 里只能一个个点击、不是这个、再点击、不是这个，如此循环，直到切换自己想要看的标签页。

Safari 设计团队洞察到了我们的痛苦。我们只需要通过 Hover 到标签页 ，就可以浏览页面的缩略图，轻松快速的找到自己想要的页面。

我们详细看下 Safari 的功能逻辑：

触发条件:

鼠标 Hover 已加载完成、未激活的标签页

逻辑规则:

300ms展示 1 个 Popover ，包含以下信息：

- 页面缩略图：固定尺寸

- 展示页面标题：超长时换行

- 展示页面域名

💡 设计亮点：

Safari 的设计师 洞察 到了用户使用 Tab 时的痛点，并通过 直球 的缩略图预览方式解决用户的痛点。