Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add analytics section #4

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 64 additions & 1 deletion src/data.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { MdExplore, MdExtension, MdImage, MdOutlineGavel, MdTopic, MdTrain } from 'react-icons/md'
import { MdBarChart, MdExplore, MdExtension, MdImage, MdOutlineGavel, MdTopic, MdTrain } from 'react-icons/md'

import { Feature } from '~/types'

Expand Down Expand Up @@ -573,4 +573,67 @@ export const features: Feature[] = [
},
],
},
{
id: 'analytics',
title: 'Analytics',
icon: <MdBarChart />,
description: (
<div className='space-y-4'>
<p>
Analytics refers to the process of collecting and analyzing data related to the usage, performance, and
effectiveness of the design system — helping you answer questions like:
</p>
<ul className='list-disc pl-8'>
<li>did component adoption increase?</li>
<li>which team and projects are adopting components?</li>
<li>is the investment paying off?</li>
</ul>
</div>
),
features: [
{
title: 'Dashboard',
description: (
<div className='space-y-4'>
<p>
An easily accessible, well documented analytics dashboard is crucial for any design system. It contains
metrics based on the objectives and key performance indicators (KPIs) of the system and the overall
business.
</p>
</div>
),
},
{
title: 'Reporting',
description: (
<div className='space-y-4'>
<p>
Periodic reporting of design system metrics increases awareness and helps the team make informed,
proactive decisions.
</p>
</div>
),
},
],
tools: [
{
title: 'Omlet',
link: 'https://omlet.io',
},
],
articles: [
{
title: 'Measuring the impact of a design system',
link: 'https://didoo.medium.com/measuring-the-impact-of-a-design-system-7f925af090f7',
},
{
title: 'Data driven design systems in practice',
link: 'https://omlet.dev/blog/data-driven-design-systems-in-practice/',
},
{
title: 'Measuring design system success',
link: 'https://medium.com/eightshapes-llc/measuring-design-system-success-d0513a93dd96',
},
],
},
]