Designing CCP Exhibits
Start with an outline!
Before working online, we prefer to start with an outline on paper. A paper outline allows everyone to participate equally in the design process without having to learn how to create web pages (just yet). Designing on paper also helps us prioritize the content over the templates or tools.
Tip: a smaller number pages is more engaging. We know from experience that exhibits with a smaller number of longer pages are more likely to be explored in full. Remember that each time someone has to click to a new page, it’s an opportunity for them to click away.
Instructors are welcome to complete the outline by hand. Or make a duplicate copy on Google Docs by signing into your Drive account, and going to our template: http://bit.ly/ccp-exhibit-outline. On that page, click File > Make a copy…
*Please note that we will ask you to include a copy of the outline in the final CCP Exhibit Checklist Form.*
Glossary
Section Title
Within the exhibits, you may find that it makes more sense to begin planning in sections rather than individual pages. This strategy can be helpful if you anticipate having multiples of a certain kind of page, such as many biographies or short sketches of relevant historic Black churches.
Page Title
Each web page in an exhibit should have an individual title. The title should be relatively short, descriptive, and self-contained. While a catchy title can help, we often find that the primary function of the title of a page is to help visitors locate certain content. Imagine that someone will post about each page on social media. If a title is very long or unclear about its subject, people may not be likely to click through to visit a page.
Purpose or Role
Every page in an exhibit should have a specific and distinct role in helping to accomplish the goals of the exhibit. Please write the purpose or role out in a short phrase. This step is easy to skip, but vital.
Multimedia (images, graphs, maps, or docs)
Add one or more multimedia elements to each exhibit page. An image, graph, or map can help break up long blocks of text. Even using a pull quote can help.
Why does multimedia help? When reading an exhibit, people need an opportunity to pause and reflect. Visual elements help create moments for reflection. Think about your experiences of physical exhibits. When we move between galleries and rooms, we have a chance to decompress and think more broadly about what we just saw. These moments of reflection, ultimately, allow people to put an exhibit into conversation with their own stories and voices.
Creator(s)
Please indicate which student(s) will be responsible for building each page. Perhaps you can assign some students to take primary responsibility for drafting the language, creating the graphs/maps, and for building the page on WordPress. We are happy to discuss how to distribute the roles in a collaborative student group.
Then, sketch each page
Once the outline is ready, it is time to create the designs for each exhibit page. Again, we prefer to start with a blank sheet of paper. Have the students fold the paper in half and label it according to the diagram below.
Glossary
Page Layout
On the left side, draw the layout of the page. Draw boxes for where each block of text or multimedia element will appear.
Page Title
Add a working title for the page — these can be changed later.
Goal for this page
What will this page contribute towards the goal of the overall exhibit? In other words, what criteria will help us see that the page is succeeding?
Content & multimedia elements
Make a list of all of the topics and multimedia (images, documents, graphs, maps, etc). If any maps or graphs are needed, which team member(s) will create them? Add their names next to the corresponding element.
Positives and negatives?
What does the group like or dislike about this page? Keep in mind that we usually go through a handful of sketches before deciding on a final layout. Try out different ideas in quick sketches. If you are feeling stuck, try to make a sketch of the worst possible layout. (Sometimes saying what we don’t want can help us find the opposite!)
Types of pages
Required pages
1. Landing page
Every exhibit should start with a landing page. The overview page serves the same role as a large plaque at the start of a museum exhibit. Or we might compare the landing page to the poster for a movie. It should be super short, easy to read, and say why someone will care about the stories and materials in the exhibit. What are the key questions or themes? Please try to keep it under 50 words.
2. Exhibit Overview/introduction
An overview can be deceptively hard to write at first, but please try to keep it to 100-150 words. Note that this text will also serve as the snippet of text used on the list of all exhibits.
Other page types
Section Overview
At the start of each section, please include an overview that introduces the following pages. The section overview should explain why these pages are grouped together. It should also prepare someone to skim across the exhibit. A section overview is a bird’s eye view of all of the fascinating material that comes next. What questions, themes, or background info will be helpful and enticing?
Content Page(s)
The content pages are the basic unit of an exhibit. The scope of a single page can vary widely. Some pages might focus on the biography of a single person. Others might include multiple, shorter biographies to place them into dialogue with each other.
As a basic rule, it is better to have a lot of content on one page rather than a little bit of content across many pages. We know that the Internet is full of distractions — every time someone has to click to a new page is an opportunity for them to click away from our exhibits.
The goal of a content page is to provide a visitor with the primary sources and text that will empower their discovery process about the Colored Conventions. A content page does not need to be definitive, or include all details. It can be open-ended, and it can offer a variety of modes of access to these histories.
Hints!
As you begin to create the outline, consider the levels of abstraction in the content of each page. We might organize an exhibit to start with a broader, conceptual overview and then dive into individual stories, primary sources, and moments in the following sections/pages. Or, alternatively, we might choose to organize a section around a single primary source, person, event, or object and then offer multiple perspectives in the following sections/pages. Either approach can work, because they both alternate between abstract and concrete content. Keep in mind that exhibits are not merely a form of delivering facts and figures. Exhibits inspire a process of discovery!
Strategies for strong exhibit pages
Don’t scare your visitors!
- Break up text into sections with headings, images, or multimedia elements. Aim for blocks of 200 words or less at a time.
- Quotes in large fonts (aka pull quotes) can also help to break up walls of text.
- Each page should be under 1000 words.
Design for social justice
Exhibit pages aim to share these histories with wider communities. In that interest, please consider the questions below during the design process:
- How can the exhibit pages provide historical background while also creating opportunities for dialogue about the longer history of Black activism?
- How can we represent this mass movement while contending with the unequal representation of Black women in the archives of the Colored Conventions?
- How might we use the power of narratives to provide context for more abstract representations of Black life in data, visualizations, and so on?
Hints (and a warning) about interactive elements
Interactive maps or graphs can give visitors an exciting opportunity to explore and play around. But, if any content is absolutely vital for the page, do not hide it in an interactive display. Not every visitor will spend time to browse exhaustively and find all the info packed into a map or graph. The NY Times has found that roughly 85% of visitors do not engage with any interactive elements on their website. This warning applies to toggles, testimonials, tabs, and other elements on a page that require extra clicks to view.
Add'l Resources & Requirements
Please see the next page for info on our
approved data viz tools
editorial manual
copyright/permissions
guidelines for images
guidelines for filenames
