Overhauling the Library Web Site

I'm in the begining stages of overhauling our library's web site. My reason for doing so is twofold:
  1. We're slowly making the transition from a "library" to a "learning commons." I need the new site to reflect the new name, and our slightly different mission.
  2. My current site, although visually appealing, lacks opportunities for student to interact. The new site MUST be interactive. Have I figured out how I'm going to do this yet? NOPE! But we're working on it. My current site is also difficult to keep updated. There's no easy place to post news items or links that is "obvious."
Here's a screenshot of the old site. Click here to check it out in person. (Ignore the nagivation on the left hand side of the screen -- that's part of the NEW site and doesn't really exist under the current site).


And here's a picture of the new site. Click here to check it out in person (though there's not much else to see right now). It's definetly a WORK IN PROGRESS so don't hate on it too much.

One of the biggest changes I've made is to move away from image map navigation, and instead use a fixed menu on the left hand side of the screen. Image maps aren't very accessible, and it sure does make it a pain in the butt to edit the content. Also, we've added a few sections:  the "News Flash" area on the new site allows me to post announcements and event information, "The Spotlight" will allow me to feature student multimedia projects (photos, videos, etc.) on the front page (super important to me), and the "Hot Links" gives me a place to post survey links and timely, project specific sources.

The new site will also provide opportunities for two-way interaction with students. For example, there's a dedicated tab on the left called "Interact." How am I going to use this? Not quite sure yet. I'm thinking embedding a Wall Wisher, but still open to other options. Also, within many of the different tabs I'll include interactive elements. For example, in "Books" our new Mandarin catalog will allow students to rate and review books.

As I look at the new site this morning, I'm noticing some things I'm not yet happy with:
  • Man, that's a lot of yellow. Maybe too much?
  • The background doesn't really look like a honeycomb, does it?
  • The new site, while simpler, looks a little less sophisticated
  • Although it's the correct size for my monitors at home, you have to scroll to the right to view the whole page here at school. That's annoying. It needs downsizing.
  • I still need to add my social media icons for Facebook, Twitter, Blogger, etc.
  • I still need to create an "Ask Us a Question" feature on the main page
  • Only the main page is done -- everything else needs moving/creating
It's been a challenge to design a new site because I'm really limited in what I can do because of the hosting program used by my school district. I'm pretty much restricted to static HTML and don't have a lot of opportunities to change screen layout - leaving me with limited real estate to work in.

If you're overhauling your site, or thinking about a redesign, here are some helpful articles I've consulted:
What must haves / design changes are you thinking about for next fall?

Comments

  1. PennyJune 2, 2011 at 7:18 PM

    Wow! It is a huge change but I already love it!

    ReplyDelete

Post a Comment

Popular posts from this blog

Updated Facebook Template

Image
For the last couple of years, we've been using a PowerPoint Facebook page as a final product for a research unit. When we used the template last year, my students were quick to point out that the template was "old school" - Facebook has made major tweaks to the layout and design of its site, which weren't reflected in this version. This year, I finally got around to updating the template to reflect Facebook's current look. Click here to download the  new template for PowerPoint 2010 . No, it doesn't have the timeline interface (I'm not using it yet on my own personal Facebook page, so I don't feel comfortable enough trying to recreate it), but otherwise it reflects many of the recent design changes. It is hyperlinked, so when you're in "View Show" mode, you can click on "Wall," "Info," and "Pictures," and go directly to those parts of the PowerPoint - making it behaving like a traditional Facebook page. ...
Read more

Supporting Social-Emotional Learning with Library Bulletin Boards

Image
  As librarians, we cover so many different standards. Information literacy? Check. English Language Arts? Check. Reading? Check. STEM? Check. Computer science? Check. Over the last year or two, I've added social-emotional learning to the list of skills and competencies I teach through library instruction.  Some strategies are super obvious - like direct instruction as part of my teaching, but other methods like book displays and bulletin boards are more subtle. One primary focus of my library program is supporting students' mental health, which is directly tied to the SEL strand of emotional regulation.  Emotional regulation refers to the ability to manage and express emotions in a healthy and appropriate way. Emotional regulation is essential for secondary students, who are navigating the challenges and complexities of adolescence. During this time, my junior high kids feel a huge range of intense emotions, from excitement and joy to frustration and anger and everything...
Read more

January Bulletin Boards & Book Displays

Image
I thought I'd share our January displays and bulletin board before the month is officially over. Luckily, this month's themes are pretty universal, so they'd work just as well any other time of the year. In the library we went with a black and white color scheme and a "Get Inspired" theme. We hung white puff balls (snow?) leftover from a bridal shower and made large, over-sized silhouettes to define the book types at each display. This meant a jumbo chef's hat by the food books, a sled by the sports books, and a pair of scissors by the craft books. Our bulletin board was inspired by this pin . I thought it was a great January idea as the board's title is "Happy New Beginnings." The board displays the first line from 12 different books. When students lift the flap, they see a photo of the book cover that corresponds to that quote. I tried to pick titles that had really great first lines -- it was harder than you'd think! I...
Read more