劳诺的田野笔记#2

Rauno 的现场笔记 #2 Vercel 项目卡 我首先调整填充和共置信息，以减少每张卡占用的垂直空间。一些数据也被省略，例如我们意识到我们不需要在卡上显示项目分支，它通常总是“主”。重要的是要了解这些卡片在此视图中占据了屏幕上的大量空间。当卡片上的行数较少且信息紧凑且简洁时，更容易消化卡片。这是更改之前和之后的情况。我们甚至在网格中多了一行。上下文菜单 我们所做的另一个更改是项目卡快捷菜单。我们仍在功能标志后面测试此更改。起初，它似乎只是简单地清理卡片，因为……按钮重复了很多次。后来我们意识到我们希望在将来使用更多的上下文菜单，因为它们比显式 24×24 控件具有明显的优势，因为您可以从表面上的任何位置激活上下文菜单。当然，在可供性和学习曲线方面存在一个小问题yada yada yada...但是像Linear这样的应用程序可以让它工作，所以我们对上下文菜单可发现性的缓解措施是将相同的操作放在常规下拉菜单后面的详细视图中。这样就不会有人错过任何事情，上下文菜单只是一个快捷方式。小部件后来我开始想知道......项目包含丰富的元数据，但我们只在卡片上显示真实体验分数。每个人都使用仪表板来获得不同的见解。更具安全意识的用户可能希望始终关注防火墙状态等...我们能否使该区域更加动态和自定义？一些明显的想法是包括其他页面性能洞察，例如 LCP、网络分析指标或与项目相关的警报等。通过 @merycodes，我们将一堆不同形式的小部件扔到墙上，但似乎没有什么是正确的。我们试图找到小部件的布局和视觉形式。它似乎根本不适合那个小角落，无论有没有背景。我们很快还意识到，让小部件在视觉上具有彼此不同的“字符”，而不仅仅是通过文本或基于颜色来区分是很有用的。这使得它们更容易扫描。当我们使用两行而不是一行时，我们的解锁就来了。现在我们不太可能与左侧的标签发生冲突，并且有更合理的空间可供使用。右角变成了这个小矩形区域，与其他区域一起，它是令人满意的紧密的，而不是毫无目的地浮动或与其他任何东西相对对齐。从那时起，我们就有了可遵循的模式，我们不再处于创造性的战壕里。现在只需制作各种小部件即可。最后，我们对“小部件切换器”进行了一些修改，这并不复杂。实际上，我们只是反复考虑菜单是否应该包含数据。我们认为这会很有帮助，因为这样您就可以使用菜单预览其他小部件的数据，而无需更改项目卡小部件本身。当项目没有数据时，小部件切换器会提供平台功能的有用概述，甚至可以帮助您启用它们。