图片

创建有效的彩票开奖结果查询公告系统的10个技巧

我们在Kazoo的表现 7分钟阅读

在此访客留言中,“创建有效的彩票开奖结果查询公告系统的10条技巧,” azo雄’的高级产品彩票开奖结果查询公告师Kelley Shanahan意识到在经历了重大的M挑战之后,从头开始创建彩票开奖结果查询公告系统所面临的挑战&A.当2019年YouEarnedIt和HighGround公司合并成为Kazoo时,场景开始…


2019年中,我们的新公司Kazoo着手彩票开奖结果查询公告新的用户体验:结合我们屡获殊荣的表彰&奖励和绩效管理平台合二为一 员工体验平台.

作为一个新品牌,Kazoo仍在学习我们的视觉方向。因此,产品团队借此机会 评估 我们两个平台中的彩票开奖结果查询公告系统, 对齐 凭借我们崭新的营销策略,以及 生成 一种视觉彩票开奖结果查询公告,以反映我们来自哪里以及我们要去哪里。

拥有如此众多的屏幕以进行重新蒙皮和更换,我们知道,一个全面的彩票开奖结果查询公告库将是使我们的彩票开奖结果查询公告和工程团队保持一致的最佳机会,并且可以节省很多时间。这是我们在此过程中学到的10个技巧!

创建有效的彩票开奖结果查询公告系统的10个技巧

—不。 1条规则:包括其他部门

1.选择正确的工具来构建您的彩票开奖结果查询公告系统🔨

我们的彩票开奖结果查询公告团队已经使用Sketch多年了。 Sketch中记录了每个画板和彩票开奖结果查询公告决策。这是我们彩票开奖结果查询公告工作流程的重要组成部分。

然而。

随着彩票开奖结果查询公告团队的成长,我们需要重新审视Sketch不断出现的一些问题。主要问题?版本控制和文件共享。草图文件存储在本地,当团队成员使用相似的文件或在相同的彩票开奖结果查询公告库中但在不同的位置工作时,几乎不可能使每个人的版本保持同步。我们认为这是切换到基于云的界面彩票开奖结果查询公告系统Figma的绝佳时机。这样,我们可以拥有一个集中的彩票开奖结果查询公告库 一种共享的文件结构,可促进彩票开奖结果查询公告人员之间的实时协作。

我们 发现当参与者可以使用彩票开奖结果查询公告系统时,他们的目标完成速度比没有彩票开奖结果查询公告系统时快34%。

菲格玛


2.让工程团队参与👩‍💻

每当以彩票开奖结果查询公告为主导的项目时,都有一种趋势要等到最后一分钟才能与代码所有者共享您的方向。有时候’重要的是要阻止自己受其他影响,从而创造性地解决问题。建立彩票开奖结果查询公告系统并不是那个时代之一。

系统思考实际上是工程师真正擅长的!因此,我们确保工程负责人从一开始就获得了输入和共享实施建议,因为他们也有一个组件库。通过使我们的彩票开奖结果查询公告库与工程库保持一致,我们节省了很多时间,因为我们可能会浪费大量时间去寻找不需要的组件。

总体而言,整个过程中的工程投入有助于我们专注于有效的视觉变化和全面的文档编制。因此,在代码中实现库时,我们都在同一页面上。


3.从辅助功能入手👁

设置 可达性标准 帮助确定使用字体,颜色和其他重要UI指示器的规则。这不仅使外观看起来漂亮,而且还确定了我们应该使该应用程序对所有人可用的区域。我们不是从设置可访问性规则开始的,这最终使我们感到痛苦。我们的彩票开奖结果查询公告师开始创造一些非常美好的体验  但是,如果我们疏远了要彩票开奖结果查询公告的部分人口,那并不重要。

创建彩票开奖结果查询公告系统的10个技巧-可访问性准则

然后,我们对该彩票开奖结果查询公告进行了测试,发现我们没有满足基本要求 WCAG AA的可访问性要求。这就是我们得知需要为按钮提供更高对比度的方式。我们还从使用颜色作为错误的唯一视觉表示形式进行了切换。我们甚至为我们的代码存储库找到了一个有用的插件,该插件可以在有机会向客户发布之前指出合规性错误和警告!


4.创建库存📝

为了从Sketch迁移到Figma,我们进行了筛选 年份 组件和各种转换,以了解我们的库实际上有多大。这帮助我们了解了该项目的规模。

首先,我们收集了彩票开奖结果查询公告文件中的所有模式,并创建了一个 中央图书馆 来自常用组件。然后,我们将示例分为几大类,例如 输入,颜色,化身,纽扣. 一旦了解了彩票开奖结果查询公告组件,我们就再次拉动了Engineering,以了解它们的组件库与我们的Product Design库相比。我们记录了代码与彩票开奖结果查询公告不匹配的地方。一旦建立基线规则,这些将是我们完善库的起点。

通常,这是一个好主意 每隔几年进行一次代码审核 –随着时间的流逝,细微的不一致会逐渐形成。我们解决的一个令人惊讶的不一致之处是,我们对不同的组件命名不同。例如,彩票开奖结果查询公告团队所说的“tags,” Engineering called “pills.”创建通用词汇表有助于我们更有效地协作,而无需进行代码转换。


5.定义核心要素🎨

从字体和颜色开始,我们概述了如何在彩票开奖结果查询公告中使用核心元素的规则。在我们的产品彩票开奖结果查询公告团队中,这为样式,规则和格式设定了明确的期望。

菲格玛的库工具帮助我们实现了这种一致性。我们首先在我们的Kazoo库文件中标识了颜色和文本样式。然后,我们将文件发布为默认团队库,以便每当创建新文件时,我们的彩票开奖结果查询公告人员便从 工具和文本样式的一致调色板 从中选择。其他核心要素包括 网格,阴影可达性标准 设定了所有彩票开奖结果查询公告的一般要求。

创建彩票开奖结果查询公告系统的10个技巧-系统颜色
公司商标,十六进制代码,SASS变量以及我们如何使用和不使用这些颜色的规则都不会覆盖定义的颜色。

6.彩票开奖结果查询公告以反映您的品牌🎉

…并找出客户可以覆盖的内容。

在开发供其他企业使用的产品时,不可避免地会遇到品牌困境。彩票开奖结果查询公告团队必须为如何定义规则 平衡客户需求 仍可进行自定义和品牌推广 反映他们公司的视觉形象.

Since azo雄is an 员工体验平台,我们’re 不断地 考虑到这种平衡。当徽标,颜色和平台背景可能发生变化时,我们的彩票开奖结果查询公告系统和视觉元素如何巧妙地反映我们的品牌?为了回答这个问题,我们与高级平面彩票开奖结果查询公告师合作进行营销工作,以确定可以巧妙地反映我们品牌的图案和组件。随着我们品牌在2019年下半年的发展,我们的风格指南也是如此。

创建彩票开奖结果查询公告系统的10个技巧-应用布局版本
左图:我们的第一个版本的应用程序布局,满是深绿色和五彩纸屑,很忙。正确:我们公司彩票开奖结果查询公告策略之后的第二版版式从“到处都是五彩纸屑”变为策略性地使用色彩。

我们决定创建图像和图标采用单色或双色构图的客户品牌颜色的模式。通过在基本形状上分层黑色或白色色调,我们确定了如何在吸引客户的同时与Kazoo品牌保持一致’希望反映他们的公司身份。


7.唐’不要忘记断点📱

无论是移动设备还是台式机,断点都可以指导彩票开奖结果查询公告人员朝着更加灵活的布局发展。尽管我们不彩票开奖结果查询公告移动优先,但我们的彩票开奖结果查询公告库包含常见断点的页面布局。这套 填充和页面宽度的标准 当屏幕和窗口缩小时,我们可以在彩票开奖结果查询公告新屏幕时轻松复制这些画板。

我们选择Figma彩票开奖结果查询公告库的另一个原因是,网格被定义为 核心风格。定义断点时,我们将网格彩票开奖结果查询公告为与这些断点对齐,以便在我们创建的任何彩票开奖结果查询公告文件中,我们都与同一网格对齐。开发人员依靠这些网格来根据窗口大小以编程方式更改布局,因此,坚持使用这些网格对于我们的工程效率和我们的彩票开奖结果查询公告效率以及用户体验的一致性都同样重要。

创建彩票开奖结果查询公告系统的10个技巧-响应式布局细节
记录了我们的一个断点之一,以显示填充,页面布局和标题导航在不同屏幕尺寸下如何变化。

8.基于核心元素重建组件&将那些应用于现有彩票开奖结果查询公告♻️

建立图书馆的基础之后,我们便开始了艰苦的过程,将彩票开奖结果查询公告原理应用于数百种现有彩票开奖结果查询公告。还记得步骤2中编制的清单吗?我们从这些组件开始,将颜色,文本,间距和可访问性模式应用于每个组件。然后这些类别在我们的彩票开奖结果查询公告文档中成为唯一的部分,我们可以在其中描述每个彩票开奖结果查询公告中的详细信息,因此非常明显地将核心元素应用于每个组件。

创建彩票开奖结果查询公告系统的10个技巧-按钮组
一个示例,例如按钮之类的基本组件如何相互叠加以为布局创建规则和图案

每当我们遇到无法应用组件的实例时,我们都会自问:

  1. 我们可以使用另一个组件代替当前的彩票开奖结果查询公告模式吗?
  2. 我们可以使用当前的彩票开奖结果查询公告模式作为新组件吗?

如果这些问题都没有得到肯定的答案,我们将不得不说明为什么要进行覆盖。 


9.分享。很多。🗣

共享,直到人们讨厌您的来信!

当我们有了一套完整的彩票开奖结果查询公告原则和组件时,我们将它们带回了Engineering,以确保我们的彩票开奖结果查询公告清晰易懂,并且可以在Storybook代码库中制成组件。我们的彩票开奖结果查询公告系统传达给开发人员的一件事(个人彩票开奖结果查询公告不能’t)是单个组件的所有方面。这使他们可以灵活地编码并提供在前端配置该组件的方法。或者,他们可以定义新的组件,以防止单个组件变得太重时导致代码过载。有了各种澄清信息,我们的开发人员同事对继续实施彩票开奖结果查询公告库并减少在我们的应用程序中编写的自定义代码的数量感到兴奋。

除了与开发团队进行公开交流外,我们还与产品领导层和整个公司保持一致。这使我们能够进一步发展思想,以适应路线图上即将发生的事情。我们的 公司有文化 的午餐&学习”,即部门与整个公司共享其工作的一个方面。因此,我们可以通过午餐来共享我们的彩票开奖结果查询公告系统,从而保持问责制并与整个公司保持联系& Learns.


10.迭代和改进📈

我们总是在文档中找到我们遗漏的东西,或者在某些情况下可以使用现有组件而不是彩票开奖结果查询公告新组件。通过保持彩票开奖结果查询公告库的生命力并不断改进,我们正在对应用进行过时的验证,并降低了代码的总体复杂性-这使我们将来可以更轻松地进行视觉更新(我们看到的是iOS 14!)。

我们遇到的另一个例子是我们的品牌彩票开奖结果查询公告在不断发展。中期彩票开奖结果查询公告系统更新我们的营销团队发布了新的品牌指南。由于我们拥有自己的清单和指南,因此我们可以轻松地适应新样式,并能够与我们的品牌团队合作进行这些更改。

为了适应这些不断变化和发展的样式,我们保留了彩票开奖结果查询公告系统的积压订单。当我们确定改进之处,事情无法按预期进行并逐步更改我们的组件时,开发人员至少要在一次冲刺中抓住这些Jira小票。


一个的力量“just start” mentality

与任何重大任务一样,创建,记录和实施我们的彩票开奖结果查询公告系统的过程充满了高低,不断创新。我们在此过程中遇到了一些挑战。但是我们也学到了很多关于我们的团队以及与 “刚开始”的心态.

我们的彩票开奖结果查询公告系统现在有29页的文档。对于何时使用一个按钮而不是另一个按钮,我们有共同的理解。我们有改善和维护该系统的流程。我们的组件库使彩票开奖结果查询公告新页面更加容易。而且由于工程系统与彩票开奖结果查询公告系统保持一致,我们用于开发和审查代码的时间已大大减少。 创建Kazoo的产品彩票开奖结果查询公告系统和库不仅可以提高应用程序的效率和协调性,而且在建立友情和Kazoo产品,彩票开奖结果查询公告,营销和工程团队之间的沟通文化方面也发挥了重要作用。


创建彩票开奖结果查询公告系统的10个技巧-Kelley Shanahan的来宾帖子azo雄的高级产品彩票开奖结果查询公告师Kelley Shanahan(她/他们)在创建数字体验方面拥有8年的经验。在彩票开奖结果查询公告B2B产品之前,Kelley与土著社区一起彩票开奖结果查询公告档案和文化遗产管理软件。她参加了30多个国际研讨会,并与不同背景的人合作,从土著长辈到硅谷科技巨头。 Kelley现在与未婚夫和两个毛皮婴儿一起住在德克萨斯州的奥斯汀,并在2020年的大部分时间里在家从事园艺和烘焙工作。