arrow-left

All pages
gitbookPowered by GitBook
1 of 7

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Getting Started with Digital Exhibits

Getting Started with Digital Exhibits provides an introduction to digital exhibit creation. Much of the information here originated with a workshop (see slidesarrow-up-right) and is related to Introduction to Digital Exhibitsarrow-up-right found in the Digital Scholarship Handbook.

  • This tutorial is not platform-specific. These Omeka instructionsarrow-up-right, however, will help you get started on the commonly used platform where you can apply what you learn here.

hashtag
What is a Digital Exhibit?

Digital exhibits are a form of online exhibit that, like their physical counterparts, use objects to tell stories, make arguments, and demonstrate ideas. Attributes include:

  • Objects can be digitized or “born digital” media of various types (e.g., digitized photographs, rare books, films, or born digital government documents).

  • Special attention is given to the organization of both the objects and the site in which the exhibit lives.

  • They might include a digital collection(s) component or interactive elements such as maps and timelines.

¶ Digital Exhibits

Basic Steps

After considering the topic, desired effects, and objectives follow the steps below. (The order is suggested and not entirely necessary.)

1.) Select the objects that will be featured

  • The object selection process requires careful consideration and includes determining whether any digitization is needed and whether there are any intellectual property concerns. (See the Intellectual Property libguidearrow-up-right for more on the topic.)

2.) Determine how you want to organize your objects

  • The order objects will go in, the way they are grouped, and how they are juxtaposed are major components of the curation process. It is helpful to play around with the order, even if only to ensure your chosen order is the best one.

3.) Select your exhibit platform

  • Choose the most appropriate for the content and the desired type of interactivity.

    • You may already know which platform you plan to use or the one you have to use based on what is available to you. If not, it can be helpful to base your platform selection on the content you have as opposed to shaping your content to fit into a given platform.

4.) Write your text

  • for the introduction page, object labels, and group labels. (Also see a topic that applies when writing for an online audience.)

    • Introduction page: Information that introduces or "sets the scene" of the exhibit

    • Object labels: Information that describes and contextualizes exhibit objects

5.) Determine the site organization

  • Design the site's information architecture (structure, navigation, taxonomy, page layout, etc.) (See ).

    • The choices made here shape the flow of the exhibit and the interactive experience.

  • Organization choices have a major impact on exhibit .

6.) Make Design Decisions

  • Make design decisions, e.g., choose , , landing page image(s), etc. (Read ).

  • Design decisions have a major impact on tone and .

Site Organization

hashtag
Major Concepts

The following are some major concepts that should be considered when creating the site in which the exhibit lives.

Information Architecture (IA) - The structure of the site (e.g., the site hierarchy, the way pages link to each other) and the labeling of information so that it is understandable and navigable. (Read Information Architecture Basicsarrow-up-right and see below.)

Taxonomy - A component of IA that involves the language chosen to label menus/navigation bars, page headers, etc. (Read .)

Navigation - The means by which one moves within a site and finds specific information, e.g., the site navigation menu. (Read .)

  • Wayfinding - Related to navigation, wayfinding is how one knows where they are within a site and if they are able to find their way back to information to which they previously navigated.

Page Organization and Layout - The way content (text, images, video, etc.) is organized on a page. (Read and see below.)

hashtag
Planning Your Organization

When planning your site, it is helpful to sketch out your information architecture in diagram form and draw wireframes to plan page organization and layout.

hashtag
Information Architecture

The following provides an example of an information architecture diagram for an exhibit on the history of cats. Looking at the diagram, you can get a sense of how the curator decided to organize the exhibit's content logically (which could have been done in a multitude of ways) and structure the site in which the exhibit lives accordingly.

The exhibit site has a hierarchy of only two levels: the Home page is the top level and the rest of the pages are the second level. The terms History, Breeds, Culture, and Readings are part of the site's taxonomy and will be the labels in the navigation menu that users click to find their way to the various pages.

Accessibility image description: The diagram shows the structure of the site, which is made up of ten different web pages. At the top (or the first level of the hierarchy) is the Home page, represented by a rectangle with the word home written on it. Below that is a row of terms that run left to right. They are History, Breed, Culture, and Readings. Lines make them look as if they are branching off of the Home page. (These terms will be the labels in the navigation menu.) Branching off of these terms and situated below them are rectangles that represent pages. These pages make up the second level in the site's hierarchy. Branching off of the term History are the pages Wild Ancestors and Domestication. Branching off of the term Breeds are the pages Short Hair, Medium Hair, and Long Hair. Branching off of the term Culture are the pages Cats in Art, Cats in Literature, and Cats in Animation. Branching off of the term Readings is the page Further Readings.

hashtag
Page Organization and Layout

are simple drawings of web pages that help with planning the organization of content and layouts. Below is an example of a wireframe for a page in the History of Cats exhibit. Here you can see that when one clicks on Culture, options for the pages for cats in art, literature, and animation appear.

Cats in Art is the page's main header (also known as header 1 or h1) and lets users know the page's title and the overarching topic. The other headers, Ancient Representations and Classical Cats, are second-level subheaders (also known as header 2 or h2). Each subheader introduces or frames the content to follow and is assumed to apply until a new header is used. If Ancient Representations, for example, had subsections like Ancient China and Ancient Greece those would be header 3 or h3. Notice the pattern forming? Like the structuring of sites, pages are also structured using a hierarchy.

Accessibility image description: The image shows a barebones black and white drawing of a web page. At the top is the exhibit's title, The History of Cats. Below that is the navigation menu, which has the options Home, History, Breeds, Culture, and Readings. As if someone is clicking on the term Culture, a dropdown menu appears just below the word and has the list of links Cats in Art, Cats in Literature, and Cats in Animation. The featured page is Cats in Art. Those words appear as the main header on the top left of the page just below the navigation menu and are in the largest font on the page. Below this header are large rectangles that function as placeholders for what will be three images in the future. On the right side of the page just below the navigation menu is the subheader Ancient Representations, which is in the second largest font on the page. Below this subheader, there are lines that abstractly represent a block of textual content that will be added later. Below that content is another subheader, Classical Cats, which is the same font size as the previous subheader, and below it are also lines that represent a block of textual content.

Considerations

Before starting the exhibit creation process, you need to consider closely your topic, desired effects, and objectives with the understanding that the decisions you make might change as you progress.

1.) Determine the Topic

What is the main focus or theme of the exhibit?

  • Some examples: a historical period or movement, an event, a person's biography, a process or technique (e.g., silk screen printing), an idea or concept (e.g., the law of gravity), an industry (e.g., whaling), a single object (e.g., a specific book, painting, or musical instrument)

Usability & Accessibility

In addition to the design and structuring of the exhibit site, usability and accessibility are also necessary aspects to consider when building your project.

  • Usability means how effectively users can interact with and navigate a site.

  • Accessibility means how effectively users with disabilities or technological disadvantages (e.g., slow internet access) can use a site and how equivalent their experience is with the experience of users who do not have such challenges. Often steps taken to better serve the disabled also serve those who are technologically disadvantaged, e.g., video transcripts can serve the hearing impaired and those who do not have the internet bandwidth to play a video.

2.) Determine the Desired Effect

Effects to consider (as cited in Barth, et al. 2018):

  • Aesthetic: designed to showcase the beauty of objects

  • Emotive: designed to elicit an emotion in the viewer

  • Evocative: designed to create a specific atmosphere

  • Didactic: designed to teach the viewer about a specific topic

  • Entertaining: designed for the amusement or enjoyment of the viewer

3.) Determine the Objectives

What do you want people "walking away" with? This means considering things like:

  • What is the motivation for creating the exhibit? (Why this exhibit?)

  • What are the intended learning outcomes?

  • How do you want visitors to be able to apply what they learn beyond the exhibit?

References

Barth, G. L., Drake Davis, L., Mita, A. (2018). "Digital Exhibitions: Concepts and Practices"arrow-up-right. Mid-Atlantic Regional Archives Conference Technical Leaflet Series no. 12.

  • Group labels: Information that explains how a group of objects are related, contextualizes the objects, or simply introduces them as a whole

  • This step requires consideration of the intended audience: Is the exhibit intended for a general audience? Or, is it intended for an audience with preexisting knowledge about the topic? The answer to these questions will help determine how much explanation is needed and will influence word choices.

  • Write accessibility text, i.e., alt text, video captions, transcripts (see Usability & Accessibility).

  • platform
    Write exhibit contentarrow-up-right
    "writing for the web,"arrow-up-right
    Site Organization
    usability and accessibility
    fontsarrow-up-right
    colorsarrow-up-right
    Visual Design Basicsarrow-up-right
    usability and accessibility

    hashtag
    Key Basics

    Visual Design - A good rule to follow is to keep it simple. A lot of different colors, decorative elements, and busy layouts can make the exhibit more difficult to navigate and the information more difficult to process. This is especially true for those with disabilities.

    Page Organization and Layout - Breaking up the text into logical sections makes it easier to read. (Avoid having a "wall" of text.)

    Headers - Use headers and subheaders to help logically break up the content on a page and to introduce/frame the information to come. This will make the page more readable and easier for screen readers to navigate.

    Contrast - There needs to be strong contrast between the background and text. This means the colors need to have enough difference between them (both in intensity and hue) and that text is not on top of an image that makes it difficult to read. (There are browser extensionarrow-up-rights for checking contrast.)

    Fonts - Avoid using ornate and difficult to read fonts and avoid using all caps.

    Alt Text - Images should have alt text. Read more:

    • Web Accessibility Initiativearrow-up-right

    • Harvard Digital Accessibility Guidelinesarrow-up-right

    Captions - Videos should have captions.

    Transcripts - Audio files (e.g., podcasts) should have transcripts; having transcripts for videos is also helpful and necessary if captions are not possible.

    hashtag
    Resources

    The following resources provide more helpful information on accessibility:

    • Essential Components of Web Accessibility arrow-up-right(full guidelinesarrow-up-right)

    • "Usability" from the Interaction Design Foundationarrow-up-right

    • Usability.govarrow-up-right

    • for checking accessibility, e.g., contrast and screen reader functionality

    Website Taxonomy Guidelines and Tipsarrow-up-right
    Supporting Navigation and Wayfindingarrow-up-right
    What Do Common Web Layouts Contain?arrow-up-right
    Wireframesarrow-up-right

    Platforms

    The platform you select will influence decisions about exhibit organization and design, among other things. You may start out knowing what platform you want to use, or you may change your mind about the chosen platform based on the way you want to organize your exhibit, the way you want visitors to interact with it, and whether you want to have the object available in digital collection form as well.

    Some things to keep in mind while considering platforms include:

    • Ease of use and customization

    Web browser extensions list arrow-up-right
    Whether there needs to be a searchable collections component
  • Whether exhibits should be navigable linearly, non-linearly, or both

  • The types and level of interactivity desired

  • Accessibility for the disabled

  • Some common platform options:

    • Omeka (.netarrow-up-right and .orgarrow-up-right) [accessibility statementarrow-up-right]

    • Exhibit.soarrow-up-right - arrow-up-right[accessibility statementarrow-up-right]

    • Scalararrow-up-right

    • Wordpress (. and .) []

    • []

    • For more information, see by Dr. Pamella Lach

    comarrow-up-right
    orgarrow-up-right
    accessibility statementarrow-up-right
    ArcGIS Story Mapsarrow-up-right
    accessibility guidancearrow-up-right
    Comparing Systems for Creating Digital Exhibitsarrow-up-right