大家好，雷鸟社区和博客的关注者们！我是设计团队的杰西。今天的帖子是关于我们最近在重设计雷鸟日历部分的旅程，以及你们可以期待我们在不久的将来交付的内容。日历是任何生产力工具集的重要组成部分，从您的PC桌面到您的办公室墙壁。自项目初期以来，雷鸟中就有日历，像应用程序的所有部分一样，它也在不断演变，无论是好是坏。它有许多层功能，但体验与当前的用户界面标准失去了平衡——在这一点上，它在风格上感觉过时，在功能上则显得复杂。因此，在设计团队、开发人员和社区的帮助下，我们承担了现代化和简化日历的任务。这是我对设计师在这一过程中角色的叙述。大局观 这是我们在这次重设计中的一些指导原则：首先，我们的目标是服务整个用户群体，而不仅仅是技术专家、生产力爱好者或刚加入的用户。因此，与社区的对话至关重要：我们需要尽可能理解许多使用案例和交互模式，并希望广泛、高效、有效地支持它们。我们的理想解决方案是开放和灵活的，尊重依赖雷鸟的广泛用户。第二，关键点：雷鸟的目标不仅仅是“另一个电子邮件客户端”。我们都致力于创造一种超越期望的体验，并直接与空间中的巨头竞争：谷歌日历、苹果和微软的应用套件，以及许多争夺这一领域的目标生产力应用。和往常一样，我们将以透明的方式、开放源代码的理念，与我们的用户和贡献者合作。旅程 这次设计旅程已经持续了好几年，与其他公司举措（移动！网络！可及性！）并行。随着我们的设计实践的发展，我们从多个方向开展这一项目，重新设计对话框、重新思考模式以及收集见解。一段时间以来，这意味着有很多部分设计，但没有一个指导愿景。在这些早期设计中，我们的成功故事之一是对事件详细信息对话框的视觉和功能更新，以取代现有的相当陈旧的事件详细信息窗口（在视觉和代码方面均“陈旧”）。这些是达到可实施程度的首批重设计之一——部分原因是它是一个独立的元素，可以在不重构整个日历代码基地的情况下进行测试。如果您使用雷鸟每日版，您可能会认识到这一点：我们遵循这一模式对其他几个小功能进行了更新，包括编辑事件的对话框和未回应邀请的通知。在所有情况下，这些变化将改善对比和视觉层次，并改善控件的可见性和组织：这一点可能为几个版本周期提供了足够的工作。但设计孤立元素会导致设计和开发的一致性及债务问题。随着日历上的设计过程加速，我们清楚我们需要表达一个统一的愿景。将其整合在一起 在这些设计设定方向之后，我们不得不退后一步，决定所有部分如何结合在一起。为了做到这一点，我们仍需回答三个问题：实际的日历网格看起来如何，设置为查看日、周、月或年？用户如何更改视图并前后导航？用户如何连接到他们的日历，并在一个地方管理它们？这些考虑使我们产生了一个简约设计，屏幕空间被分成三个主要部分。第一个是网格，提供布局的主要元素——用户的主要工作区。第二个是导航栏，位于网格正上方。第三个是管理日历的侧边栏——您日历和数据源的神经中心。这个设计，以最重要的功能区域为中心，为所有必要功能提供了良好的基础，具有低摩擦和强基本功。我们的设计蓝图（在用户体验设计领域称为“线框”）最终看起来像这样：网格充当用户的主要工作区，头部和导航提供基本控件。这是一个最终的设计草图，将为开发提供基础（这个展示的是主网格中的周视图）：鉴于我们用户的调度需求的广泛范围，我们决定日历侧边栏应可折叠，并且在大尺寸和小尺寸下都能使用，以便用户可以决定他们需要多大的空间来管理日历列表。这里是侧边栏折叠状态的屏幕，展示了主网格中的月视图：