🚨 This documentation is out of date.
View our New Documentation!
Open Collective Docs
Go back to Open Collective
  • Welcome
  • About
    • Introduction
    • Documentation
    • Terminology
    • Company
    • Pricing
    • Team
    • The Open Collective Way
      • Mission and Values
      • Community Guidelines
    • Hiring
    • Investors
    • Contributing
    • Refund Policy
    • Contact Us
  • Product
    • Features
    • Roadmap
    • Comparison
    • User Profile
    • Dashboard
      • Preview Features
    • Currencies
    • Log-in System
    • Privacy Policy
    • Moderation
    • Security
    • Ledger
      • Individual Transactions
      • Transaction Pairs, Groups & Perspectives
      • Viewing Transactions
      • Exporting Transactions
      • Fiscal Host Ledger Perspective
      • Contributions in the Ledger
      • Added Funds in the Ledger
      • Expenses in the Ledger
      • Ledger Changelog
    • Notifications
    • Two-factor Authentication
    • Activity Log
  • Collectives
    • Collectives FAQ
    • Creating a Collective
    • Quick Start Guide
    • Collective Settings
      • Customize Collective
      • Team
      • Collective Goals & Tiers
      • Expense Policy
      • Data Export
      • Security
      • Integrations
      • Zero Collective Balance
      • Closing a Collective
    • Add Fiscal Host
    • Change Fiscal Host
    • Open Source Collectives
      • Setting up GitHub Sponsors
    • Transparent Budget
    • Expenses
    • Updates & Comms
    • Custom Email
    • Moderation
    • Conversations
    • Events
    • Projects
    • Funding Options
    • Buttons & Banners
    • Connected Collectives
    • Contribution flow
  • Financial Contributors
    • Financial Contributors FAQ
    • Guest contributions
    • Payments
    • Platform Tips
    • Website Badge
    • Receipts
    • Collective to Collective
    • Organizations
      • Organization FAQ
      • Funds
      • Bulk Transfers
      • Gift Cards
      • Sustainer Resources
  • Expenses & Getting Paid
    • Expenses FAQ
    • Submitting Expenses
      • Inviting a third-party to submit an Expense
    • Expense Comments
    • Edit or Download an Expense
    • Receiving payment through Payoneer or Wise
    • Tax Information
  • Fiscal Hosts
    • Fiscal Hosts FAQ
    • Becoming a Fiscal Host
    • Creating a Fiscal Host
    • Organisation Settings
      • Info
      • Customize Profile Page
      • Connect external accounts
      • Accounting Categories
      • Security
      • Manage updates
      • Policies
    • Fiscal Host Dashboard
      • Expenses
      • Financial contributions
      • Pending applications
      • Hosted Collectives
      • Vendors
      • Transaction Report
        • Reports
    • Receiving Money
      • Bank Transfers
      • Credit Card
      • Add Funds Manually
      • Expected Funds
    • Payouts
      • Virtual Card Settings
      • Payouts with PayPal
      • Payouts with Wise
      • Two-factor authentication for payouts
      • Refunds
    • Host Fees
    • Local Tax Support
    • Agreement Templates
  • Independent Collectives
    • About Independent Collectives
    • Create an Independent Collective
      • Migrate from Self-Hosted to Independent Collective
      • Migrate from a Fiscal Host to Independent Collective
    • Independent Collective Setup
    • Independent Collective Management
      • Money coming in: Contributions
      • Money going out: Expenses
    • Close an Independent Collective
  • Contributing
    • Design
      • Design Workflow
      • Design Contribution Guidelines
    • Development
      • Contribution Guide
      • Best Practice Guidelines
      • Bounties
      • Architecture
      • API
        • Members
        • Collectives
        • Events
      • README Integration
      • PayPal
      • TransferWise
      • Post-Donation Redirect
      • Manual Reporting
      • GitHub Permissions
      • Internationalization (i18n) system
      • Testing with Cypress
      • Testing features
        • Conversations
      • Collective's locations
      • Virtual Cards
    • Documentation
      • Resources for documentarians
      • Style guide
      • Suggesting changes
    • Translation
  • Developers
    • OAuth
    • Personal Tokens
Powered by GitBook

Helpful Links

  • Website
  • Blog
  • Contact
  • Slack

Ⓒ Open Collective 2024

On this page
  • What do I need to know first?
  • Design Principles
  • 1. Empowering
  • 2. Finite
  • 3. Inclusive
  • 3. Respectful
  • 4. Thoughtful
  • 5. Transparent
  • The process
  • How do I get started?
  • The Tools (Design & Management)
  • Figma
  • GitHub

Was this helpful?

Edit on GitHub
Export as PDF
  1. Contributing
  2. Design

Design Contribution Guidelines

Describe the series of guidelines and requirements to be able to contribute with design-related efforts to Open Collective

PreviousDesign WorkflowNextDevelopment

Last updated 1 year ago

Was this helpful?

As an open community, Open Collective Design aims for designing new ways to create, share and deliver value from a design point of view.

What do I need to know first?

Design Principles

The exponential growth of mobile technology has ushered in an age where time and attention is an increasingly scarce resource. Instead of technology enhancing our abilities as humans, we’ve seen it become a vehicle for extracting our attention, monetizing our personal information, and exploiting our psychological vulnerabilities.

As designers, we play a key role in the creation of such technology, and it’s time we take responsibility for the impact that these products and services we build are having on people it should serve.

These principles are meant to provide guidance for designing Open Collective as an ethically humane digital product through patterns focused on user well-being.

1. Empowering

Empowering products enhance our abilities as humans without dictating our behavior by enabling us to accomplish our objective when we need it, and remaining out of the way when we don’t. We can achieve this by ensuring products center on the value they provide to people over companies.

  • Give people the control they need to manage the algorithms that shape their experiences.

  • Give people the control they need to manage privacy and anonymity.

  • Enable focus by avoiding unnecessary notifications.

    "Utility alone won’t assuage us. We want empowerment. We want to be better people. We want technology to enhance our capabilities and increase our sense of agency without dictating the rhythm of our lives.”

    Jesse Weaver

2. Finite

Bottomless feeds and auto-play keep users from leaving but lock them into an infinite loop of consumption. We can maximize the overall quality of time spent by bounding the experience and prioritizing meaningful and relevant content.

3. Inclusive

Thinking inclusively is about considering diverse groups of people, how they will interact with your product, and their environments. It's a methodology that puts people's needs first and foremost to expand the reach of the product to the largest range of users possible.

3. Respectful

Attention has become the scarce commodity of the digital age. As designers, we must consider how we deliver notifications to ensure we are respectful of their time, attention and overall digital well-being.

4. Thoughtful

The presumption that reducing friction is virtuous onto itself is dangerous. We can embrace thoughtful friction to prevent harm and abuse, protect people's privacy and security, and steer them towards healthier digital habits.

5. Transparent

Lack of transparency erodes trust in a product. We can prevent this erosion by demanding that the products we design are clear and honest about the data that’s being collected from users and why it’s being collected, how this data will be used, and avoiding dark patterns that exploit human psychological vulnerabilities.

The process

Exploration/Ideation:

Understanding the context (Particular and general) that the project involves, and think about specific solutions to that project.

Creation/Definition:

Flesh out the design solutions, documenting the process.

Reflection/Iteration:

Prototyping and testing

Implementation:

Launching the solution with a public release.

How do I get started?

The Tools (Design & Management)

Figma is the design tool of OC design, every interface design will be hosted inside this design repository. And it serves to fellow designers to contribute with their craft, and also for non-designers working with OC Design to obtain information and resources of the design toolkit of the organization.

The first thing you encounter with is this primary breakdown of the work:

UX/UI Contribution

Here you can obtain assets, individual characteristics of each elements and make specific questions.

All of these naming conventions are consistent along the other digital tools.

.

Every task is linked with the OpenCollective team and the code repository through GitHub.

We break down big goals to specific tasks using the following logic:

There are different ways to get in the loop of design-related tasks in GitHub:

Most of the projects related with interface design will be hosted inside the folder, that breaks down again the efforts with this organization:

The next level is each individual file, that may include several interface elements, pages and flows of the platform and the website, it looks something like :

To better understand GitHub and its functioning we encourage you to consult its

What is Open Collective?
What are the values of Open Collective?
Open Collective terminology
https://medium.com/s/user-friendly/the-future-of-digital-product-design-is-about-human-empowerment-6a025bc330a
Figma
01 → Design System
02 → Web App
PRJ → BackYourStack.com
02 → OpenCollective.com
this
GitHub
knowledge base.
Project Boards
Searching for design labels in the complete issue list.