The Annotation Layer: A How-To Guide

The Basics

When you see a section of this text highlighted in yellow, it means that someone has added an annotation to that line.

For example, this note should appear highlighted in yellow. Try clicking on it!

 

When you click on a yellow highlight, you will see a toolbar appear on the right-hand side of your screen. (You may need to wait a few seconds for this to render.)

 

You can change the width of this annotation pane by clicking and dragging the sidebar.

 

Click here to see an animated example. 

moving image showing someone changing the width of the annotation layer by dragging the sidebar left and right

 

Once the annotation toolbar is expanded, clicking outside of the toolbar–for instance, in the space on the left-hand side of your screen–should hide the annotation toolbar once more.

If you find the yellow annotation highlights distracting, you can also click on the eye icon at the top right-hand side of your screen to hide them from view.

 

sidebar icons feature "expand page" carat, an eye-shaped icon for viewing/hiding notes, and a paper icon for including general page notes

Viewing Course Comments and Adding Your Own

Public Annotation Layers

This text contains two different public Hypothes.is annotation layers. The first is the published UW-Madison Pressbooks publisher layer, which is what you should see by default on this and many other pages in this project.

I use this layer to post supplemental material that may be primarily of use to readers accessing the web version of the text.

The Public annotation layer is a space where you can contribute thoughts of your own. It’s also a space where you can take part in some of the guided engagement activities in this text.

You’ll Need to Toggle Between Layers to View The Public Annotation Space

Click on the arrow next to the title “UW-Madison Pressbooks” to see additional group options. To view and contribute to the Public annotation layer, click “Public.”

Joining In

You don’t need to be registered to view others’ annotations, but to add your own comments to the layer, you’ll need to register for a Hypoothes.is account. To do so, you’ll need to provide a username, email address, and password and then click the Sign Up button. After that, you should receive a confirmation email with a link to click to validate your account.  If you don’t see this email, check your Spam or Junk folder.

 

The sign-up window for Hypothesis requires a username, email address, and password.

Annotation

The How to Get Started box is displayed the first time you log into your Hypothes.is account. It offers explanations of the different button functions and briefly outlines how to use them.

 

By default, the public annotation sidebar will contain 6 steps with instructions on how to get started. (To read these, toggle the Hypothesis annotation toolbar on the right side of your screen.)

To create an annotation or highlight, start by selecting the text and then choose either annotate or highlight. Choosing annotation will open the annotation pane to a new blank annotation field. Selecting highlight will highlight the text you have selected.

 

annotation and highlight dropdown options in hypothesis

Annotation Pane Tour

  1.  Filter, Sort, Share, and Account buttons
  2. Turn on/off highlights, create annotation buttons
  3. Text editor formatting tools – bold, italic, quotation, link, media, LaTex, numbered list, bulleted list,
  4. Preview annotation
  5. Tags Field – add multiple tags separated by commas
  6. Post button – you can use the drop-down button to easily switch between Public, Private, and Group posting

 

Hypothesis annotation pane editor - a box with viewing buttons at the top (1) the annotator's name and the text that is being annotated (2) and an editing entry pane (3, 4, 5, and 6)

 

Once you’ve created an annotation, it will appear in the annotation pane on the right side of the page.  It features the text that you’ve selected to annotate at the top, your annotation text, and any tags you have added.

In the screenshot below, you’ll see an annotation (1). In this case, I’ve provided a map of Edinburgh, Scotland to show other users what the city’s layout looks like. Item (2) illustrates what tags look like when you use them on an annotation, and item (3) displays the edit, delete, reply, and share buttons.

 

Annotation includes a light grey duplicate of the text being annotated. Below it, the annotation has a map of Scotland (labeled #1), a customizable item tag (labeled #2), and trash/edit/embed options (labeled #3)

 

Resources

Annotation Tips for Students

How to Embed Images and Other Media Into an Annotation

License

Français 322: Introduction à la littérature moderne (Gipson) Copyright © by jgipson. All Rights Reserved.

Share This Book