Git Product home page Git Product logo

opendesignkit's Introduction

screen shot 2016-06-21 at 4 00 38 pm

πŸ—£ New: We're talking about the future of Open Design Kit on Slack. Join us!

About

Open Design Kit is maintained as an open source tool. It's design for collaborators who are not co-located, with a variety of skill levels. No prior design experience is required for you to try out these methods, just an open mind. The Kit includes activities from ideation to implementation and is meant to evolve with use. To share your feedback or add a method, open an issue or pull request on our GitHub repository.

Prior to August 2017, the kit was incubated and maintained at Bocoup.

What's the big idea?

Design literacy needs to be constantly developed and improved throughout the software and product development industry. Designers must constantly level up their skillsets with lifelong learning. Engineers often need to learn how to collaborate and incorporate new practices into their workflow to successfully support the integration of design. Product and projec stakeholders are repeatedly challenged by the fact that design is a verb, not a noun that is handed off, but a verb that needs constant attention. To address this, we are openly compiling a suite of learning materials, methods, and systems to help our staff, clients, colleagues, and community better understand how we design and when to roll up their sleeves and get in on the action. It is our hope that this exploration will be useful for companies and individuals to incorporate into their practice.

So, why does the world need another compilation of tools? Here’s why:

  • To establish what it means to design in the open, with practical methods designed for distributed collaborators.
  • To provide a framework for design thinking and conversations within open source development.
  • To collect practical ways to interleave design and development in an open and transparent way that works for diverse stakeholders.
  • To share open educational resources to support design literacy

Running the kit locally

If you're comfortable with the command-line and the Jekyll static site generator, you can run the kit locally on your machine and make changes to it.

If you're already familiar with Ruby, you can set up and run the site via bundler.

However, if you're unfamiliar with Ruby or just want to get started more quickly, you can use Docker Community Edition. Once you've downloaded and installed Docker, cd into the repository's root directory in your terminal and run:

docker-compose up

You may need to wait a while for it to download dependencies. Once it's done, you can visit http://localhost:4000/ to view the site.

How to get involved

Please see the contributing doc for more information. The easiest way to dive in:

  1. If you've never contributed to project, reply to an Issue thread with a "first-timer-friendly" label.

  2. If you are repeat contributor, reply to an Issue thread with the "help wanted" label.

How to Use the Kit

There is no set order of operations for getting started with the kit. The idea is that once you find yourself in a jam, you can reference the kit to identify tools and practices to support you in getting from problem identification to solution.

The kit also helps to bridge the gap between the work of design and the work of implementing a design, there are ideas and thoughts about how to do that and hopefully help the process go smoothly. Design kits are not generic. What works for one community/company might not suit another. If the methods in here don't resonate with you that's totally ok, and better yet - submit ones that do!

Accessible design, by and for everyone

While these practices have been road tested for open source projects, they can be used by anyone, anywhere on any project. If that isn’t the case, go ahead a remix them! Design should be accessible and responsive to the unique needs of specific inquiries, problems and abilities.

Inspiration

This exploration was inspired by many individuals and organizations. A few projects that do a great job at identifying design tools and practices are Ideo's HCD Design Kit, 18F's Methods and Gov.uk Design Principles. The goal of this kit is not to replace these resources, but to live beside them.

Contributors

high five

Many creative individuals have contributed in some form to the project - including:

  • Jess Klein
  • Susan Robertson
  • Sue Lockwood
  • Pam Drouin
  • Isaac Durazo
  • Irene Ros
  • Yannick Assogba
  • Jim Vallandingham
  • Lorin Bond
  • Brian Brennan
  • Boaz Sender
  • Mat 'Wilto' Marquis
  • Ricardo Vazquez
  • Doug Belshaw
  • Atul Varma
  • Michael Champlin

opendesignkit's People

Contributors

brianloveswords avatar deathbearbrown avatar hmitsch avatar iamjessklein avatar isaacdurazo avatar leobalter avatar marcucci avatar mjchamplin avatar orta avatar susanjrobertson avatar toolness avatar vlandham avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

opendesignkit's Issues

Splash page mockup

We need a design for the splash page, this could be simpler but have the feel of where we are headed with the final site.

List all PM "Tools"

Project management tools:

Project management best practices

  • set due dates after sharing assets
  • norming in the beginning should happen with clients, you should get their preferred method of communication
  • understanding the client's organizational structure
  • be clear about consequences. I am blocked, I can't move forward. You're wasting your money if I'm blocked.
  • kanban with trello

Remote design values exercise

Design a remotely facilitated design values exercise. Need to decide which online tool to use: currently considering Boardthing, Google Slides, and Mural.

Content Structure for website

We need to organize how we want the site to look, what needs to be on there and where does it go:

  • site map
  • requirements
  • content structure and design

jekyll site for OpenDesignKit site

To dos:

  • Placeholder HTML page [ DUE END OF WEEK]
  • hook up domain
  • Jekyll site
  • move wiki to jekyll
  • Jekyll design site design design design dessssign
  • deployment process :)

Hosting via github pages yay.

Logo for the Open Design Kit

The Open Design Kit needs a logo and I would be more than happy to help with this so I created this issue πŸ’ƒ

@iamjessklein shared with me this site: https://sonikpass.com/ and talked about how cool it would be to do something with p5, so I wanted to mention it to keep it in mind when working on this.

Interviews Wiki Guide

//todo the interviews wiki guide

I'm picking out the ones in the toolkit list that I know.

Client & Project Management

Task:
Create guidelines for client management and project management on projects that involve design deliverables.


Outline:

  • Kickoff
    • norming with your team
    • norming with your client
    • talking to your PM about the devision of work
  • Continuing
    • dealing with hard clients
    • getting better feedback
    • documentation
  • Completion
    • packaging design assets
    • handoff

Designvelopment process

Draft a way to think about doing implementation of design, flexible, but with some guidelines that will help the process go smoothly.

Interviewing: Round one

For the first milestone the users we are focusing on are Bocoupers. The term is broad and covers people with the following roles:

  • staffing
  • sales
  • engineering
  • data visualization
  • project management

I'm going to interview one person from each of these roles to get a sense of what assets they need to understand what design is and how it relates to their role at Bocoup.

MONDAY (may 16th) Interviews:

  • Brian (staffing/pm/sales)
  • Yannick (data vis)
  • Lorin (pm)

Tuesday Interview:
Irene
Bmac

Questions:

  • Do you think design is important for project success?
  • What's you're relation to design/ux at bocoup? Have you ever done it? Worked with a UX person?
  • How do you currently [do/sell/staff/manage/work with] design?
    • successful examples (why?)
    • failures (why?)
  • What would you like to know more about re:design as a deliverable?

Copy for the splash page

We need to figure out what we want to say on the splash page as well!

So far this is what we have:
screenshot 2016-06-07 12 30 05

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.