6 Steps to Create a Great School Library Website

Posted on August 15, 2022 by Barbara Paciotti

A School Library Website is our most valuable online presence. We may have a blog, social media accounts, and resource links on proprietary services, but none of these will serve our students and our community—nor advocate for the school library—the way a School Library Website can.

Creating any website happens not with the tips of the fingers, but in the depths of the brain. It isn’t the result of fancy software, but rather of good planning. School Librarians aren’t professional Web designers, so here are 6 recommended steps to create a great School Library Website.

1. ESTABLISH AN IDENTITY & USE IT CONSISTENTLY

Viewers should know exactly who we are, and after following a link, should know that they’re still within our school library website. That doesn’t mean every page looks the same, but identifying characteristics are consistent throughout the site.

Decide on a theme to clearly convey our identity: the graphics and the color set (an eye-catching combination of colors for images, background, text, and links). School colors, the school mascot, and library-related images—books, the alphabet, numbers—are an obvious, but excellent, theme for a school library website.

Choose the main identifying image and colors for the homepage, and complementary graphics and colors for sub-pages. For example, we could have school mascot images in school colors, then use a light outline of the mascot for a background image. Or, we could have books, singly or in stacks, then use ABCs or Dewey decimal numbers as a border or background.

Flashy graphics won’t help an inconsistently applied theme, so keep it simple and be sure that viewers see “us” on every page of the site.

2. SUPPORT THE NEEDS OF OUR USERS

School Librarians know their users and are responsive to their needs; successful school library websites are the same. Students, parents, and community members visit our site for information about the school and the library: they want to know what’s going on, how we can help them, and how they can get in touch with us.

Provide the school library phone number and all staff email addresses on the homepage, and include our School Librarian email on every page. Parents and students don’t want to click through several pages before they can send an email to us.

Our student requests and parent emails can pinpoint what information to offer on our school library site. We can also ask the school’s phone receptionist what information our community requests most often.

Instead of duplicating existing information, link to District webpages for book searches, online resources, and other district services. Web users know how to use a browser, so insert a short message under the link inviting visitors to return to our page by using the Back button. These intra-district links promote interactivity and support the entire school district. (And relieve us from having to keep them updated!)

Teachers usually have their own webpages for instructional purposes, but we can determine what students may need from the school library to support their classroom learning and provide links from our homepage to that information.

Mapping out what to provide and how to provide it will save time and effort later. All websites change over time, but we want that due to changed user needs, not because the site didn’t meet user needs in the first place.

3. CREATE USER-FRIENDLY NAVIGATION

A school library website provides quick access to information through well-planned site navigation. Our site may start small, but imagine the complexity when we have webpages for information, for instruction, for student projects, and for various programs and activities. By developing a good navigation system now, our viewers quickly get what they need, and we can easily insert new pages of content as the need arises.

Create a site map to organize information, grouped by users or topics. A site map can be a simple outline with sub-pages indented from top level pages, or it can be sets of bullet lists, or we can use a table with colorized cells to identify similar types of pages. Make it easy to add new types of pages so site navigation continues to be user-friendly.

A site map is also valuable for web viewers. It’s like the table of contents or index of a book—it shows what’s there and where. By linking each page of the site map, we provide another navigation tool for visitors.

Determine the hierarchy of the website and create page templates for each level of navigation. We might want the homepage to have very few links—10 links is the most we can expect young students to comprehend at a time. For higher grade levels, we can provide more links so students can scan the full range of available information to find a specific piece.

click to enlarge

For a school library homepage with few links (1-6) and numerous support pages, create a unique homepage, a different unique template for 2nd-level navigation pages, and 3rd-level templates for each identified sub-group, using the same template for all a particular sub-group’s pages.
linebreak
For a school library homepage with many links (10+), but fewer links off 2nd-level pages, create a unique homepage and a different unique template for each group of lower level pages. Use a unique icon on the homepage for each link to its 2nd-level page so the distinctive identity of each group is carried through all its sub-level pagesAs an example, school library pages can have books, student instructional pages can have pencils, school events pages can have yellow stars, student clubs can have notepads, parent pages can have apples.

The real test of site navigation is what happens below the homepage. Don’t expect viewers on bottom-level pages to return to the homepage and then re-click through the same intermediate pages. Use a chain of links (called breadcrumbs) in the same place on every page showing the navigation:
Homepage↔2nd level page↔3rd level page↔Current page.

4. LAY OUT PAGES FOR EASY READING

We want pages to catch viewers’ attention so be creative with page layout, but don’t confuse viewers; rather, give them the information they need. The better we do that, the more likely they’ll use our website again and again.

Analyze how text will be most readable: a busy background image would be unsuitable behind a lot of text, and don’t use a dark background and light text color on a page we expect to be printed out.

Here’s a basic rule from print: use margins and empty space for balance and symmetry. Our eyes see empty space as a block, just as we see a block of text or a block image. An eye-catching webpage uses empty space to highlight page elements and enhance readability.

The human eye encompasses about 4″ of text at a time, so text stretching from one edge of a browser window to the other is difficult to read. Blockquote margins make heavy text pages easier to read by indenting sections of text, creating a larger margin on both sides of the page.

Tables offer enormous variety for page layout. We can adapt an appealing table layout from anyone’s webpage—HTML is open source. One disadvantage of tables is that navigation inside tables may not be readable by machines for the disabled, so provide text navigation at the bottom of each table page.

Size, shape and color of text areas can convey our theme, and highlight or contrast with our images. Text in bright crayon-box colors suggests children, while dark, grayed colors suggest maturity and stability. Just be sure text is easy to read.

Note: A browser displays text in fonts that are installed on the viewer’s device, so use standard fonts, such as sans-serif Arial, Helvetica, or Verdana, or the serif Times New Roman. Since serif fonts don’t display well on computer screens, use sans-serif fonts for small text.

5. CRAFT PURPOSEFUL CONTENT

Viewers come to our school library website for information, and if they don’t get what they need, flash and glitz won’t bring them back. Pack essential information into well-organized segments, and write clearly and concisely; give the what, where, when, why, who and how. Then, cut it in half: our webpages aren’t the place for flowery writing.

Web users prefer concise, 2-3 sentence sections, with topic headers, so they can scan for the information they need. Use bullet or numbered lists to focus the eye on specific points.

A question-answer format is user-friendly, so create FAQs—Frequently Asked Questions—pages. Add information that might be needed when the school is closed.

6. USE GRAPHICS WISELY

A school library website filled with images can have charm and impact, but they can overpower the viewer. Use graphics to enhance the theme and identity of the website, and bring clarity to content. There are 3 types of images we can use on webpages: GIF, PNG, and JPEG.

GIFs (Graphics Interchange Format) are clipart-type images. Some are animated by a string of movements which cycle continually, or cycle once and freeze on a single image.
A single animated GIF at the top of a page punctuates a theme and adds a bit of whimsy. When the visitor scrolls down, animation scrolls off the window, so a viewer is not distracted while reading. On navigation pages with little text, we can use more animated images because the viewer spends too short a time on the page for movement to become annoying.
linebreak
PNG (Portable Network Graphics) was created as a replacement for GIF and supports a wider range of colors. It’s the most widely used format on the Internet.
linebreak
JPEG images (Joint Photographic Experts Group) are typically photographs, with subtle shading and blending rather than crisp lines.

Size of Images

click to enlarge

Icons are small GIF or PNG images, about 24-32 pixels square. Visually descriptive icons can represent various links, especially if the icon is carried through to the page. Intuitive icons, such as arrows, help navigation when used consistently throughout a site (but always provide text links at the bottom of a page for accessibility by the disabled).

Digital camera photographs can enhance content, but remember that school district access may be faster than that of a visitor. Photos that display quickly on our workstation may load slowly for visitors, and several on a page can take much longer than viewers want to wait. (Average wait-time is 10 seconds before clicking away.) For faster loading, use an image editor to reduce the file size and limit large photos to 1 or 2 per page.

For better page balance, we can change the viewing size of an image. A large image can easily be reduced, but maintain the aspect ratio to avoid distorting the image. Avoid enlarging small images, which causes blurring and pixelation.

Placement of Images

Where we place images on a webpage can enhance or undermine a page. A right-facing graphic looks better on the left side of a page, and a left-facing graphic looks better on the right side of a page. Use an image editor to flip an image for better orientation.

Webpages are more 3-D than printed pages. We unconsciously experience gravity, and our senses are jarred by composition that ignores it. Place weightier graphics further down the page than lighter ones or balance them with heavy text areas.

Pages are often longer than a single window, so if a webpage looks odd, try rearranging text areas, graphics, and empty space for better balance within each window.

Include ALT tags for every image

What are ALT tags? ALT stands for “alternative text” and is part of the HTML that displays an image on a webpage. Use a descriptive phrase to identify the picture, like Westside Middle School Eagle Mascot.

ALT tags serve viewers using audio screen readers or braille displays. Without ALT tags, images are shown as the word “image” so a disabled visitor doesn’t know what is displayed. When the image is a link to another webpage, a disabled visitor is at a particular disadvantage if no ALT tag is provided–they don’t know what the link is or where it will take them.

We can also use ALT tags to increase our site’s identity with search engines. For example, with a school logo at the top of the page, incorporate the school motto or some special recognition or award: “Westside Middle School—A State Recognized Mentor School where every child will succeed.”

FOR YOUR SCHOOL WEBSITE’S CONTINUED SUCCESS

Keep the school library website current. Remove dead links and outdated information. Create a discussion forum that invites users to interact with us and each other. Periodically, add a survey to invite reader feedback about the school library and about the website.

We can also embed various features and media in our webpages to make the site more attractive and useful. For some ideas, read my post An “Embedded” School Library Website.

Our school library website is our virtual library, and it’s seen by the entire world. Build it wisely and it is a valuable information source for our school community.

For more in-depth information about creating a website, visit Ms. P’s Web Design Tutorial.

Show Everyone What School Librarians Do! Make a KANBAN

Posted on July 13, 2022 by Barbara Paciotti

A recurring lament on School Librarian listservs & social media is that our education colleagues don’t really know what School Librarians do. Some teachers have even said to us, “It must be nice to spend all day reading books.” If only it were that easy!

The amount of work we School Librarians expend to keep the school library functioning is daunting, not to mention keeping up with everyone’s curriculum and designing meaningful lessons for students. However, there’s a simple way to conquer misconceptions and reveal the enormity of school librarianship…

Hang a KANBAN!

Kanban is a visual process management system that allows us to plan projects, arrange priorities, keep track of progress, and manifest what has been accomplished. More importantly, Kanban is an eye-catching display that shows everyone—teachers, principals, visitors, students—just how busy we School Librarians really are!

THE ORIGINS OF KANBAN

Kanban, from the Japanese word for signboard, was developed by Taiichi Ohno, an industrial engineer at Toyota. Inspired by the “bin” system used in airplane factories in the United Kingdom during World War II, then later applied to shelf re-stocking in their supermarkets, Ohno adapted it as a method to implement “just-in-time” production that responds to consumer demand.

During the early 2000s, software development companies adapted the Kanban from a production system for manufacturing into a software development workflow to coordinate tasks in project teams. Since then it has morphed into systems for change management, marketing, human resources, knowledge work, and personal workflow.

The last—personal workflow—is why a Kanban is useful for School Librarians: the variety of tasks we do—from budgeting to collection development to facility management to creating lessons to professional development to school committees—can all be organized and tracked using a Kanban.

WHY USE A KANBAN?

With so many print and digital organizers available, it may be tempting to use one of those for task organization—in fact, many School Librarians already do that. But I say DON’T—no one sees a print or digital organizer!

I do use print and digital checklists for myself during workdays at the start and end of the school year, but during the school year I use a Kanban whiteboard with colorful square sticky notes to display all my ongoing tasks and projects and how they are progressing.

That big whiteboard with its columns of bright-colored notes is pretty hard to miss. In addition to helping me stay focused, it prompts a lot of conversations with others, and conveys to them just how many things we School Librarians must do to make the school library a valuable learning space.

HOW TO CREATE A KANBAN

The simplest Kanban is a whiteboard divided into 3 columns and labeled TO DO, DOING, DONE. Each task is written down on a square sticky note and moved from column to column as the job progresses.

Image of a simple Kanban board with 3 columns labeled To Do, Doing, Done.

Lasovski, Jeff. commons.wikimedia.org/wiki/, 9 July 2022.

I recommend using at least a 24″ x 36″ whiteboard—remember, we’re planning for the entire school year, and it’s amazing how quickly the board fills up with tasks. Instead of drawing column lines with a whiteboard marker, use narrow black (or other color) tape in order to move notes around without smearing the grid.

I prefer to divide my whiteboard into 4 columns, adding an IDEAS column at the left to accumulate possible tasks or projects as they come to mind. I also use IN PROCESS instead of “Doing,” because I’m not always actively working on everything in that column. In addition, I merge the bottom of the two middle columns and label it AWAITING INPUT to indicate that other folks need to do or give me something in order to continue.

A whiteboard divided into 4 kanban columns labeled Ideas, To Do, In Process, Done with bottom of center 2 merged and labeled Awaiting Input. | No Sweat Library

No Sweat 4-column Kanban

To make my Kanban really useful, I color-code the sticky notes for categories of related tasks. In this way I see where the bulk of the year’s work will be so I can prioritize tasks & projects for a smooth workflow. Here are the colors and categories I use:

Image of color sticky notes labeled with my task categories. | No Sweat Library

No Sweat Color-coded Categories for Kanban Tasks

EFFECTIVE KANBAN STRATEGIES

A Kanban makes it easy to prioritize activities. I put my most immediate or most important tasks at the top and less needful ones lower down. If timing becomes more critical for something, I just move the sticky note upward.

For large projects with several phases, I use a sticky note for each phase (with project title along the top) and stack them in consecutive order. As each piece of the project begins & progresses, I move notes to the appropriate column, stacking as needed, usually in a single row across the board, and slightly separated from disparate tasks.

One advantage of the whiteboard is being able to use a dry erase marker to draw arrows or symbols next to a sticky note, which is very helpful to align phases of a project. Plus, so much of what we do in the school library is interrelated, so if I have to work on something else before I can go ahead with a task, I can line-link the notes together without moving them.

Certain of our school librarian chores recur from year to year, so we can reuse those notes. For example, I do mini-inventories of sections of the library over a 5-year period instead of one big inventory—it takes less time and is less disruptive to students and teachers. I use five 3”x5” rectangle sticky notes and list a column of Fiction Subjects and a column of Dewey numbers for each year. When I complete each section, I check-mark it. At the end of the school year I move the top note to the bottom of the stack and put the stack back in the TO DO column, ready for the next school year’s mini-inventories.

When a task or project is finished, it’s tempting to throw away the note, but don’t do that! I accumulate them near the top of the DONE column until the end of the grading period so I am sure to include finished tasks in my Report to Principal. Then I move them as a batch toward the bottom of the Done column. There’s great satisfaction in watching the sticky notes build up toward the top in that last column, seeing how much I’ve accomplished throughout the school year!

Be sure to place your Kanban in a prominent place to easily check status and to show others what School Librarians do! | No Sweat Library

A No Sweat Library Kanban with Tasks & Projects

KANBAN IS A SPECTACULAR ADVOCACY TOOL!

It’s important to hang the Kanban in a prominent place where it’s easy to keep updated, and also where it can be seen by others. I hang mine on the back wall of my librarian office, where anyone at the circulation counter could see the colorful display through the windows. Many students and teachers ask about my Kanban, which gives me an opportunity to talk about how the school library can assist them.

At the end of the school year, I take a snapshot of the Kanban with all the finished tasks, then paste it into the final Report to Principal and include it in my professional evaluation report to visually emphasize how busy my year has been!

So, go to it! Create your own KANBAN!

Looking Backward – No Sweat Library Lessons & Management That Works

Practical Answers to Questions You Didn’t Know to Ask

Tag Archives: organizingstrategy