forked from rstudio/cheatsheets
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
with a better description of how to make cheat sheets
- Loading branch information
1 parent
d744c97
commit 9cd5492
Showing
1 changed file
with
61 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -5,48 +5,90 @@ | |
|
||
The cheat sheets make it easy to learn about and use some of our favorite packages. They are published in their respective PDF versions here: https://www.rstudio.com/resources/cheatsheets/, some are also available in the RStudio IDE under Help-Cheatsheets. | ||
|
||
This repository contains the source Apple Keynote files or the current, archived and translated versions. | ||
This repository contains the source files of the current, archived and translated versions. | ||
|
||
The cheat sheets use the creative commons copyright. Please see the LICENSE document for more details. | ||
|
||
## Translations | ||
|
||
If you wish to contribute to this effort by translating a cheat sheet, please feel free to use the source Keynote file. To submit a translation, please use a Pull Request via GitHub or email it to us at [[email protected]](mailto:[email protected]) with the subject "Translated Cheatsheet". | ||
|
||
## Tips for making a new cheat sheet | ||
## Tips for making a new RStudio cheat sheet | ||
|
||
Keep these tips in mind when creating a new cheat sheet: | ||
**RStudio cheat sheets are not meant to be text or documentation!** They are scannable visual aids that use layout and visual mnemonics to help people zoom to the functions they need. Think of cheat sheets as a quick reference, with the emphasis on quick. Here's an analogy: | ||
|
||
> A cheat sheet is more like a well-organized computer menu bar that leads you to a command than like a manual that documents each command. | ||
Everything about your cheat sheet should be designed to lead users to essential information _quickly_. If you are summarizing the documentation manual, you are doing it wrong! Here are some tips to help you do it right: | ||
|
||
### Getting Started | ||
|
||
1. RStudio cheat sheets are hosted at https://github.com/rstudio/cheatsheets. You can submit new cheat sheets to the repository with a pull request. | ||
|
||
1. The files `keynotes/0-template.key` and `powerpoints/0-template.ppt` are official templates that contain some helpful tips. | ||
1. The files [keynotes/0-template.key](https://github.com/rstudio/cheatsheets/blob/master/keynotes/0-template.key) and [powerpoints/0-template.ppt](https://github.com/rstudio/cheatsheets/blob/master/powerpoints/0-template.pptx) are official templates that contain some helpful tips. | ||
|
||
1. You may find it easiest to create a new cheat sheet by duplicating the most recent Keynote / Powerpoint cheat sheet and then heavily editing it—that's what I do! | ||
|
||
### Process | ||
|
||
Budget more time than you expect to make the sheets. So far, I've found this process to be the least time consuming: | ||
|
||
1. **Identify which functions to include** by reading the package web page and vignettes. I try to limit my cheat sheets to the essentials. | ||
|
||
2. **Organize the functions** into meaningful, self-explanatory groups. Each group should address a common problem or task. | ||
|
||
3. **Think about how to visualize the purpose of each function.** Visual mnemonics are easier to scan than text, which all looks the same. | ||
|
||
4. **Think about** what **key mental models**, definitions, or explanations the cheat sheet should contain in addition to the functions. Ideally, use these to explain the visualizations. | ||
|
||
5. **Sketch out several possible layouts** for the sheet. Take care to put the more basic and/or pre-requisite content above and to the left of other content. Try to keep related content on the same side of the page. often your final layout will itself be a "mental map" for the topic of the cheat sheet. | ||
|
||
6. **Type out all of the explanations and function descriptions** that you plan to include. Lay them out. Use placeholders for the visuals. Verify that everything fits. White space is very important. Use it to make the sheet scannable and to isolate content groups. Retain white space, even if it means smaller text. | ||
|
||
7. **Make the visuals.** They take the longest, so I save them for last or make them as I do step 6. | ||
|
||
8. **Tweak until happy.** | ||
|
||
### Visual Design | ||
|
||
1. **Use the existing theme** that you see in the cheatsheets. It is cohesive and black and white printer friendly. | ||
|
||
1. **Choose a highlight color** to use throughout your cheat sheet, and repeat this highlight color in the background of the top right corner. Ideally you could find a color that is different enough from the other cheat sheets that you can quickly tell yours apart when flipping through a booklet of cheatsheets. | ||
|
||
1. **Use a second color sparingly or not at all** to draw attention to where it is needed and to differentiate different groupings of content. | ||
|
||
1. **Include lots of white space.** | ||
|
||
1. **Visually differentiate groups of content.** Backgrounds, boxes, side bars, and headers are helpful here. It is very useful for the user to know immediately where one group of content begins and where one ends. Our "gradation headers" fail here, so think of better solutions if possible. | ||
|
||
1. **Align things** to guides, i.e. align things across the page. It helps define the white space and makes the cheat more orderly and professional. | ||
|
||
> Tip. You may find it easier to create a new cheat sheet by duplicating the most recent Keynote / Powerpoint cheat sheet. | ||
1. **Make the text no smaller than ~10pt.** | ||
|
||
1. The cheat sheets are not meant to be text documents. Ideally, they are scannable visual aids that use layout and visual mnemonics to help people zoom into the functions they need. As an analogy, think of a cheat sheet as more like a well organized computer menu bar that leads you to a command than a manual that documents each command. | ||
1. **If the letters are white on a colored background**, make the font thicker - semibold or bold. | ||
|
||
1. The cheat sheets use a cohesive, black and white printer friendly theme (which is what you see in the sheets), so please stay close to the appearance of the existing sheets. | ||
1. **Save bold text** for a simple, important statements, or to draw scanning eyes to important words, such as words that identify the topic discussed. Don't make an entire paragraph bold text. | ||
|
||
1. It's already baked into every cheat sheet and the template, but you should include a [Creative Commons](https://creativecommons.org/) Copyright on each side of the sheet to make them easy to repurpose. | ||
### Content | ||
|
||
1. Budget more time than you expect to make the sheets. So far, I've found this process to be the least time consuming: | ||
1. **Include a hex sticker, IDE screenshot, or other branding material**. The cheat sheets have a second function as marketing material. | ||
|
||
* Use the package web page and any vignettes to identify which functions to include (I try to include anything that doesn't seem trivial.) | ||
1. **Include a [Creative Commons Copyright](https://creativecommons.org/)** to make the sheet easy to share. You'll find one baked into every cheat sheet and the template. | ||
|
||
* Organize the functions into meaningful, self-explanatory groups. | ||
1. **Be very concise** - rely on diagrams where possible. | ||
|
||
* Think about how to visualize the purpose of each function. | ||
1. **Pay attention to the details!** Your readers sure will... so be correct. | ||
|
||
* Think about what key mental models, definitions, or explanations the cheat sheet should contain in addition to the functions. | ||
1. **If in doubt, leave it out.** There is a documentation manual after all. | ||
|
||
* Sketch out several possible layouts for the sheet. Take care to put the more basic and/or pre-requisite content above and to the left of other content. Try to keep related content on the same side of the page. | ||
1. **Code comments inform, but fail** to draw the readers attention. It is better to use arrows, speech bubbles, etc. for important information. If it is not important information, leave it out. | ||
|
||
* Type out all of the explanations and function definitions. Lay them out. Verify that everything fits. White space is very important. Use it to make the sheet scannable, even if it means smaller text. | ||
1. **Simple working examples are more helpful than documentation details.** They meet the user at his or her pain points, demonstrating code, and reminding users how to run it, with the least context shifting. | ||
|
||
* Making the visuals is the most time consuming part, so I usually save them for last. | ||
1. Add some concise text to **help the user make sense of your sections and diagrams**. Images are best, but readers need to be able to interpret them. | ||
|
||
* Tweak until happy. | ||
### Summary | ||
|
||
1. Pay attention to the details! | ||
Your cheat sheet has two goals. First, to help users find essential information quickly, and secondly to prevent confusion while doing the above. Your best strategy will be to limit the amount of information you put into the cheat sheet and to lay that information out intuitively and visually. This approach will make your cheat sheet equally useful as a teaching tool, programming tool, or marketing tool. | ||
|
||
> Final tip: Edit the text to be very concise - rely on diagrams where possible. | ||
p.s. Cheat sheets fall squarely on the _human-facing side of software design_. They focus on human attention. What does that mean? When you write documentation, your job is to fill in all of the relevant details—that's a software facing job, you need to know the software to do it. You assume that interested humans will find their way to your details on their own (and understand them when they do!). When you make a cheatsheet, your job flips. You assume that the relevant details already exist in the documentation. Your job is to help interested humans find them and understand them. Your job is to guide the human's attention. Don't just write, design. |