http://www.davidleeking.com/wp-content/themes/thesis

From the category archives:

Web Management

Ellyssa Kroski, Reference Librarian, Columbia University

She blogs at infotangle

Looked at msn’s website circa 2000 - your eye doesn’t really center on anything
About.com - same type of thing

Google - early example of simple design - now the gold standard of web search

kodak from 2004 - it’s a photo sharing site, but it’s not apparent to the user. It’s not clear where to go if you want to share photos. Contrasted this with flickr - easy to see the photo sharing stuff

New Web
user experience is changing, user expectations, technology change… all resulting in information design

Guided by three principals:
simple
social
alternate navigation

Simplicity:
a more focused approach is better than lots of choices
many web 20 sites are leaving off certain functionalities to make the user experience better (showed Word with all the toolbars displayed, them showed google docs - only has what’s necessary)

necessary features only
les is more philosophy
low learning curves - users can start using these in less than five minutes
no software to install
no manual needed
no registration
It’s a DIY service model

Healia - focused and simple search engine
del.icio.us - social bookmarking - it’s obvious what this is for
43 things, too - it does one thing, and strives to be best at that one thing

design style responds to changes in application functionality - clean and simple design

Today’s websites:
centered design - more practical, more compatible with different screen resolutions
current trend - rounded corners - nothing too sharp or severe - reflects casual tone of new web
sans serif and lowercase fonts - related to rounded corners stuff
large fonts - points out important info
simple persistent navigation - often found running across the top, tends to be separate from page content
Bold logos
strong colors - highlights key concepts, creates distinction
complementary color schemes, not monochromatic
subtle 3d - drop shadows, mirrored surfaces, gradients
simple icons
whitespace - adding it instead of crowding page - this results in a fresh looking websites
starbursts - usually denotes that something is free

advances in user interface design:
AJAX - don’t have to reload the whole webpage
large tabs - easier to toggle between pages
drag and drop - netvibes, flickr, etc
autocomplete - the tags thing in del.icio.us as an example

advances in UI - Maps, WYSIWYG, previews (the nasty pop-up thing like Snap)

Social:
two trends:
1. socialization of media and applications
2. social for social’s sake

Socialization of Media and Applications
videos, photos, books, etc
Google Docs

Expectations:
Commenting: available pretty much everywhere
Rating and reviewing - users now expect this
send to a friend functionality
Share - sharing calendars, for example
subscribe - on the spot
Save

Websites can no longer be islands…

what are others saying? You can show this now
Sharing discoveries - ie., Digg
Creating New - people want to mashup your info

Social for Social’s Sake:
Ning, MySpace, etc
User profile is most important
User profile is a home base or a jumping off point
friends lists - critical functionality. Can be a badge of honor, can be a way to meet people you wouldn’t usually meet
Comments - function in a different way - these are the shout outs and chatter left on user profiles
communication - IM, LiveTalk, internal messaging system
Subscribe to users
groups - formation of subcommunities
Tools for personal expression - journals, blogs, uploading photos or videos, etc.

Alternate Navigation
new ways to navigate web content
visual representations of what’s important
we don’t read pages, we scan them…

Navigate by…

By User
Tag Cloud
The Top - most emailed, most blogged, most popular - interesting ways to slice up data about what’s interesting. Also provide an at-a-glance digest of what’s going on
The Zeitgeist - snapshot of what’s happening in a community - a dashboard of what’s important
related information - ie., related blogs and articles
heat maps - shows what’s hot and what’s not visually
relationship maps - shows visual connections between items
Time tools - relations by when something was uploaded to a website
Maps - Etsy’s geo-locator
widgets - a “what I’m watching” widget
mashups - users creating their own way to navigate information

Ellysa’s Principles of information design for the new web
make them simple
include necessary functionality
clean efficient design
make it social
offer alternate forms of navigation
Can you make it visual?
Evolve (everything is beta)
Be willing to respond to changes

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 2 comments }

Darlene Fichter, Frank Cervone, Jeff Wisniewski

Another extremely packed room - I’m sitting on the floor with about 20 other people!

Jeff Wisniewski:
Yahoo pipes - it’s a feed aggregator. You can apply logic to the feeds (ie., filter the feed in various ways), it’s graphical (no coding involved).
- He uses it to pull in feeds for faculty articles - yahoo pipes brings scopus and something else together into a single feed.

Google My Maps

Yahoo Design Pattern Library:
- a design knowledgebase
- full of best practices for web designers… cool

What is my IP?
www.whatismyipaddress.com
- simply tells you what your IP address is

The Rasterbator: takes images and blows them up big so you can make large banners…

Firefox web developer plugin - very cool

Darlene:

zamzar - web based file converter
gliffy - makes charts and flow charts… web based mapping tool
Firefox linkify
Firefox link checker
pixer.us - web based photo image editing tool
trailfire - web tours
Myxter Tones - custom downloadable ring tones
MyBlogLog - shows actual today’s stats… where your readers came from, what they viewed, create reports over time, narrow by just search results, etc. Wow.
Crazy Egg - click trough rates, most interesting - heat map - shows where the action is taking place on our web pages.. (dude, remember this…)
Swivel - data visualization - import data, create visual graphs.
Many Eyes - visualizations of data… some people have loaded gutenberg texts, and have done tag comparisons… wow.

Frank:

google webmaster tools: diagnostics, site statistics, etc… provides error messages that happened, links tab - shows how many links they have from other sites (using Google’s data), also shows where your pages are linked from…

Google site map - there’s a Google SiteMap Builder - it spiders through your site and creates a sitemap, finds link errors, etc.

oswd (open source web design): look at large number of stylesheets and design templates that are open source.

also showed open source clipart and images, and open source stock photography sites

gvisit - visitor map based on Google statistics…

last.fm: cool music site, mentioned the music suggestion tool it has

open source federated searching - dbWiz - Simon Frazer University - uses z39.50

Keystone ILS - federated search, link resolver, portal creation and management, harvesting metadata afrom remote repositories, etc. Hmm…

audience suggestion: grazr - displays rss feeds on your webpage via a widget

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 3 comments }

Design for Your Audience

by davidleeking on February 20, 2007

Louis Rosenfeld has started a 5-part series on Information Architecture. Part one includes this:

Step #1: Ban the word “redesign” from your meetings.
Step #2: Determine who your most important audiences are.
Step #3: Determine each primary audience’s 3-5 major needs.
Step #4: Make damned sure your site addresses each of those needs.

Great words of wisdom, I think! Now… who are your library’s most important audiences?

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Don’t Set Your MySpace Page Profile to Private!

by davidleeking on December 7, 2006

library myspace  pageI just saw Plainfield Public Library’s MySpace page (via Michael Stephens). Well, not really - take a look at the screenshot - their MySpace profile is set to private.

So what? Well… it’s a usability and experience thing. There will be MySpacers that want to peruse the page, see what programs the library has to offer, etc - and not want to sign up to be a friend of the library. By setting their profile to private, the library is basically blocking all their great MySpace content from ALL POTENTIAL CUSTOMERS. It’s sort of like saying “yes, you can enter our library building! Of course! But - do you have a library card? ‘Cause you can ONLY enter our fine library if you have a library card.”

The newspaper article about the page (aside - extremely cool they received press about their MySpace page!) quotes a librarian saying they’ve added more than 80 friends to the site since August. My guess? They’d get more friends if the profile WASN’T set to private.

, ,

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 5 comments }

Target Being Sued for Website Inaccessibility

by davidleeking on September 8, 2006

Go read “Court Denies Target.com Plea for Dismissal,” from the Web Site Accessibility Blog. The Federal Court Judge marilyn Hall Patel has ruled that “a retailer may be sued if its website is inaccessible to the blind.”

What Target lost was their plea for dismissal - not the ruling on whether or not federal law on accessibility applies to websites. But stay tuned - it has some HUGE ramifications for those many library websites that aren’t terribly accessible.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Five Types of Content on a Library Website

by davidleeking on August 22, 2006

I’ve been thinking through different content types that tend to be presented on library websites. Here’s what I have so far:

  1. Traditional Content, or “Stuff we Buy”: this is the no-brainer area. It includes books, videos, music, journals, etc. All the usual stuff that libraries collect.  The main thing to remember here is to be format-agnostic. For example, libraries collect books - paper books, audio books, ebooks, digital audio books, etc. but they’re all books.
  2. Original Content, or “Stuff Librarians Create”: Library employees create great content, and most of it should be featured prominently on our websites. Here are some examples of original content: tipsheets on using databases, topical pathfinders (gee, I hate that word),  articles about a topic on a subject guide, and all those “if you like Danielle Steele, try…” Reader’s Advisory  guides. I’d lump in digitized local history content here as well. Much of the read/write web would also appear here (blogs, wikis, etc).
  3. Attendable Content, or “Things you Attend or Visit”: My library puts on seminars, classes, storytimes, exhibits, and even concerts once in awhile. All these types of events are “attendable content” - great content, but you have to be there to soak it in.
  4. Collaborative Content, or “Interacting with Patrons”: Think of this as content that patrons create or help to create. This can be slightly more traditional, like taking a poll of favorite romance videos (and then placing those results online), or hip and emerging, like commenting on blogs, wiki content added by patrons, etc. But it’s all content coming directly from patrons.
  5. Library/Librarians as Content, or “Content About the Library”: This last one is a bit more of a hodge-podge (so if anyone has a better way to explain it, please chime in!). Here, I’m including library services, locations, staff contacts, etc - everything under that “about the library” link found on most library website pages. Steve Krug calls this type of information “Utilities.” Besides all that About stuff, here’s another couple examples of what I’d include in this section: information on your home-bound books program (a library service), or information about free wifi at the library (library service, freebie you can get when using the library).

Am I leaving out anything? Should this small list be expanded? Let me know…

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 19 comments }

Guess What the NYTimes uses for Blogging Software?

by davidleeking on August 14, 2006

Take a peek at this cool job-ad… The NYTimes, huge media company, uses Wordpress for their blogs. Granted, they have integrated Wordpress rather nicely on their site, but still…

Whether you’re a big, old media company or a tiny rural library, you can benefit from free, open-source blogging tools!

ps - also take a look at the 37signals Job Board. The job titles are great, for starters (i.e., Rails Ninja, AJAX Hacker, Front End Wizard). But it’s also a great place to see  what cutting-edge skills are needed for current state-of-the-art websites.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 2 comments }

Three Types of Website Content? I Don’t Think So

by davidleeking on August 14, 2006

Shane Diffily has a blog, wrote a book on website management, and posted this article (I think to help sell his book). The artcicle states that “website content can typically be classed into one of three types” - then he lists the types of website content - content that ” persuades, sells, and reassures.

I think he’s been hangin’ with corporate types a little too long. For starters, his OWN POST doesn’t really fit into any of the tree categories. I suppose it could be argued that it would be Selling, since he links to info on his book at the end of the article… but is it really? In reality, the actual content is all about providing info (in this case, info on web content). So it’s not Selling (nor is it Reassuring or Persuading).

And what about coding sites telling you how to create Jave widgets? Or, for that matter, the HUGE realm of information-based content (like, say libraries should be putting out)? Nothing on my library’s website is persuading, selling, or reassuring… it’s all about providing information and providing access to that information. That’s what we as libraries do!

Then there’s the whole chunk of the online ENTERTAINMENT industry… is free music on MySpace selling music? Hmm… for that matter - what about the rest of MySpace? Info about me? Definitely not selling, persuading, or reassuring.

Sorta makes you think…

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 2 comments }

Planning Manpower for the Web

by davidleeking on June 22, 2006

Webmasters, check out this article: How to Plan Manpower on a Web Team (found at A List Apart). The article provides some pointers on figuring out how many people/hours are needed for web projects - something we could all use!

Shane Diffily (the author) describes website manpower in terms of “scale” - simply put, the larger the website, the more people needed to maintain it. But of course, figuring out size can be complex - some websites are large and database driven, while others are bunches of pages. So Diffily suggests calculating the number of hours required to produce and maintain site content, then using that number to figure out how many web staff are needed to support the site. Makes sense.

Diffily’s article has a couple of useful charts, and much more detail - go check it out!

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }

Good quotes from Kathy Sierra

by davidleeking on May 19, 2006

I don’t know how she does it, but Sierra’s blog, Creating Passionate Users, always has great posts and provides much thought fodder for me. here are some quotes from a recent post:

  • “Good usability is like water flowing downhill”
  • “Playing the game should be challenging. The interface should be brainless.”

And an excerpt: “But while my earlier comments on this were mostly about usability, I hadn’t thought of it [the water flowing downhill thing] as a management
principle. (Works great with kids, too) Think about how many procedures
we see in companies that feel like hacks… workarounds for a system
that makes it too easy to make mistakes. And you see it from the
highest levels of business right down to the duct tape someone put over
the switch that you must NEVER EVER TURN OFF.”

Go read the article, and apply it your websites.

Share:
  • del.icio.us
  • Digg
  • Furl
  • Technorati
  • BlinkList
  • Reddit
  • E-mail this story to a friend!
  • Facebook
  • Google
  • LinkedIn
  • Pownce
  • StumbleUpon
  • TwitThis

{ 0 comments }