Web Design

I was on the Bibliotech Podcast

by David Lee King on December 1, 2011

Remember that Library Podcasts you Might Find Useful post of mine from a few weeks back? Well … I was just  interviewed on one of them!

The Bibliotech podcast, one of the five podcasts from Dquarium, interviewed me. I chatted with Kayhan B., Erin Anderson, and Doug Mirams, and we had a fun, interesting chat about the social web, new media, and the importance of well-designed library websites and digital branches.

Here’s the embed of the show (or better yet, just go subscribe via iTunes):

Bibliotech 10: Digitized and Virtualized by dquarium

bibliotech podcast

Not familiar with Bibliotech? Here’s what they say about their show: “Libraries have always been the backbone of any information society. Bibliotech is an audio podcast that discusses all things digital technology at our libraries. Hosted by Kayhan B., Erin Anderson and Doug Mirams (with occasional guests).”

So far, they’ve interviewed me, Michael Stephens, Sarah Houghton, Jan Dawson, and have talked about a variety of technology and web-related topics. Check it out!

 

1 comment

Internet Librarian 2011, Day 1: Google Analytics

by David Lee King on October 17, 2011

SuHui Ho – digital services librarian, UC, San Diego

She gave a solid general overview of Google Analytics

Why web metrics?
- Hit count is misleading

Help decisions on:

Content life cycle management priority
- Which pages should I update first?

Information architecture

Top tasks
- Which pages on homepage

She is saying you can find your most popular content, then make sure that stuff is on your main page. I would change that slightly to say make sure those pages are easily findable – the main page isn’t as important as it used to be

********************

Jeff Wisniewski

Google analytics: goals and funnels

Goal – the page a visitor reaches once they have completed a desired action
Funnel – the (optimized) steps along the way to the goal

You can track where, along the way, people fall out of your funnel – then figure out how to fix that

Jeff gave an example from his library’s website then walked us through the process of setting up a goal and funnel in google analytics

Give your goal a good, intuitive name – this shows up in reports later

Be the first to comment

Internet Librarian 2011: 20 steps to better web services

by David Lee King on October 17, 2011

Sarah Houghton – librarianinblack.net

#1 – where to put your websites.

WordPress. Blogger. Drupal – not really where your website goes… Squarespace – not free, but cheap.

#2 – images.

Gimp. Image editing program.
picasa – edit and host images.
Picnik – simple editing that most people need. Connected to Flickr
Flickr – great place to host, find cc-licensed photos
Pictobrowser – great slideshow for images
Openphoto – free images – high quality

#3 – hot topics

Addictomatic – info gathering place Sarah’s library used this for a local city emergency

#4 – make ur codez priteez

Beautify JavaScript – helps make code pretty – also CSS beautify

#5 – surveys and polls

Google forms – simple and easy
Polldaddy – easy polling

#6 – slider

Wow slider – web based image rotator/slider

#7 – translate

Google translate – easy, adequate.

#8 – remote assistance

Log me in (logmein) – remote access to your pc or Mac – there’s a free version. This is a very quick tool. I sends an email asking for permission to access the other persons computer

#9 – wireframing

Balsamiq – gives pre-made parts and pieces

Wow – 40% of Sarah’s library web traffic is mobile

#10 – testing your mobile stuff

W3c mobileOK Checker

#11 – stats

Google analytics

#12 – Skype

Great place to talk to users, to staff, etc

#13 – social management

Tweetdeck
Namechk – searches dozens of sites to find names that you can use

#14 – webcasts
Slideshares zipcast – works great.

#15 – video

Jaycut – browser based editing tool
YouTube – they have online editing too
Animato
Xtranormal

#16 – audio

Audacity
Podbean – great place to host audio

#17 – learning environments

Moodle

#18 – infographics

Visual.ly

#19 – librarything

#20 – the google

Google plus has some potentially cool stuff…

Helios – from the audience
Cheap calendar … ?

1 comment

The Creative Group

by David Lee King on September 20, 2011

Creative Group

The Creative Group

In my last blog post, I mentioned my library’s Creative Group. What is that, exactly?

My library decided that Public Relations and the web team did a lot of similar things, and needed to work together. PR routinely creates print ads, newsletters, posters, banners, and PR campaigns. The web team does much the same thing, just online. Why not collaborate up-front, so the message online and in-print is the same?

And hey – while we’re at it … both teams are highly creative. What’s not to like about schmushing two creative teams together into the same physical space, to see what happens?

So we stuck both teams into the same work space. We also started holding regular weekly meetings. So every week, our three PR staff, two web developers, me, our Programs Supervisor, our Digital Content Librarian (new position that’s part of Public Services), the Deputy Director, and sometimes our library director meet. Anyone else in the library is invited, too.

What do we do? We talk about projects. Last week, we talked about our Personalized Reading List service – we’re reworking the form and the page the form lives on. The staffer in charge of that service and the Public Services Manager came for that part of the meeting. We also talked about creating some database widgets (did you know database vendors like Gale and EbscoHost have widgets now? Who knew?), guest posts for book reviews, and a new blog we’re creating.

So what do you think? Is it helpful for PR and the Web team to meet regularly? It’s sure been helpful for us!

And – boring pic by me, using my Instagr.am account. Follow me at davidleeking on instagr.am if you’re interested!

6 comments

Copying Other Websites During a Redesign

by David Lee King on September 16, 2011

During my library’s last website redesign, we went through quite a few design iterations, and we still weren’t happy. Two people in our Creative Group team (more on that in the next post) … ok, our head of marketing and the deputy director … kept sending us website examples they liked. Sites like shoe stores or clothing shops. Yes, they were beautiful websites, and nicely designed. But they weren’t really all that similar to a library website.

One big difference – these attractive websites did one thing well – they sold shoes or clothes. They didn’t have any catalog to speak of. The websites were full of single pages that pointed to single items.

But a library website has at least two basic needs – a site that talks about the library, and shares useful stuff. And we have a library catalog. So it didn’t really make much sense to me to base our library website design around a site that only does half of what we do.

So I started poking around, looking for websites that focus on two things:

  1. stuff, like a storefront.
  2. a “catalog” of some sort.

Amazon and Zappos? Pretty much all catalog. News sites? Pretty much large multi-blog sites – focusing on stuff. Then it dawned on me – library websites are like Apple. Apple essentially has two separate websites – the main site that focuses on their stuff, and their “catalog” – their online store.

We based our redesign around Apple, in these ways:

  • Top horizontal navigation with drop down menus. We also found some “nav bar inspiration” at NPR’s website.
  • Focusing on a single large ad, then a couple of smaller ones, then more detailed content below that – based on many of Apple’s pages. This directs customers to a few things that you REALLY WANT THEM TO DO, while still having easy access to everything else.
  • A prominent link to the store. That’s where you’d click “Find Stuff” to get to our three catalogs (catalog, digital downloads catalog, and DVD dispenser catalog).

So far, it’s working out great – few complaints, lots of compliments. Our public trainers have told us they cut down training on how to use our website from an hour to 10-15 minutes. Fingers crossed that it stays that way for a while!

1 comment