If the boring reunion episode didn’t satisfy your Project Runway jones for this week, head on over to the Bravo website for the Sew-not-over online challenge. 12 of this season’s designers (including all 4 finalists) did a 3-look collection and are competing for a $10,000 prize. Not sure why Victorya, Sweet P and Simone didn’t participate, but it’s a nice bonus to see these mini-collections.

• Rami: kudos to Rami for not draping 3 dresses. I didn’t love his looks, but he did show more range which I was VERY happy to see. The 3rd look (dress) was probably my favorite – didn’t like the jacket in the 2nd look at all.
• Jillian: her looks were well-executed, but not very cohesive as a collection and pretty forgettable over all. I hope this is not an indication of what we will see from her in the final (I have studiously avoided looking at any of the pics from fashion week online – it’s killing me!).
• Kevin: meh. The first look was cute but simple, and I didn’t care much for the 2nd and 3rd looks.
• Jack: he made 3 cute, wearable looks. I like most of what he did, but I don’t love any of it. There’s no sense of a design point of view, nothing to identify the designer at all. Very off-the-rack.
• Carmen: her 3 looks were cohesive, but I thought the 1st (the ninja look) was pretty awful. What is Carmen’s obsession with the genie pants? Her other two looks were better – she could have punched up the colors a bit. Still, it was one of the more interesting and ambitious collections, so I give her props for that.
• Marion: I thought Marion did a remarkably good collection, and I’m wishing he didn’t get auf’d so early in the season as it looks like he might have produced something really interesting. I didn’t love everything about it, but it had a strong, unified aesthetic, and I freaking LOVED the feather skirt in his 3rd look – definitely my favorite single piece from this challenge.
• Elisa: for someone so kooky, she put out a really boring collection. There was no unity in her designs, and she didn’t use the opportunity to show anything new. Meh.
• Ricky: didn’t care much for his collection, but OH LORDY I can’t believe he sent his models out in those stupid hats. Yeesh! The proportions on the first look were really unflattering. The second look was just trashy.
• Christian: his collection definitely had some of his signature elements, but overall it was a softer and far more colorful collection than I was expecting. It was interesting, and I’m wondering if part of my negative reaction towards this collection had to do with the super skinny models in super tight, wildly patterned leggings. Leggings on someone so skinny just look a little wrong, and when you draw attention to them with so much color and pattern I think it emphasizes the wrongness. I wanted to stuff those girls with pasta and bagels.
• Kit: I think Kit found a good balance between wearability and aesthetic. I really like her collection a lot. Her looks were definitely accessible without being ordinary. I loved the black skirt and sweater combo, and her LBD was really cute, with a lot of visual interest.
• Steven: well, I guess Steven is a good dressmaker, but I’m not sure about his design abilities – he didn’t show anything that hasn’t been seen a gazillion times before. Pretty dresses, but a really boring collection.
• Chris: hated the first look – terrible, unflattering proportions. The second look struck me as Chris trying to be Laura Bennet. The third look was a toned-down version of both the avant garde challenge and the art challenge – he really likes that asymmetrical proportion, I guess. I think I don’t like Chris toned down – I’d rather he fail spectacularly than fail by being boring.

Well, I hope Runway continues this trend in the future – any extra fashion they can squeeze into the season is okay by me, and it was a good way to supplement a pretty lame reunion show.

I don’t watch a ton of TV, so maybe it’s a little funny that one of my favorite websites is televisionwithoutpity.com. The recaps are great if you’ve missed an episode of your favorite show, but I find myself reading them even for shows I’ve already seen. I was a little worried when the site got sold to Bravo, but the recappers don’t spare Bravo shows and there’s still plenty of snark to go around. When a show gets cancelled, I often find I miss the recaps as much as or more than the show (Joan of Arcadia, anyone?). For several years now TWOP has been one of my favorite online time-wasters.

I am not a fan of resolutions. I like to take the end of the year and the beginning of the next one as a time to evaluate and so on, but resolutions just seem like a set-up for failure so I avoid them. In fact, I studiously avoid starting anything new (exercise routines, organizing systems, what have you) on January 1st, even if it’s something I really want to do. I either start before January or later in the month just to avoid the psychological association with resolutions and failure. (I don’t know how much good that actually does, but…).

Having said that, I was totally inspired by Merlin Mann’s posts on clutter and feel like using the New Year to get control of this area of my life. Merlin posted links yesterday to a good Ask Metafilter discussion on literary clutter (Librarians, take note!) and his series on his own “War on Clutter.” The one that really kicked my butt: Never “organize” what you can discard – oh my gosh, how many dollars I have wasted at the Container Store doing exactly that!

I generally like to get my Christmas shopping done early, but this year I am not on the ball as much as usual. I suspect this will be the year when I do nearly all my shopping online. I’ve already purchased gifts from ThinkGeek, Levenger, and amazon.com (my old standby).  Thanks to dooce’s mention, I’ve been browsing etsy and have found some potential gifts there as well. I like etsy because there’s a wide variety of stuff that you don’t see everywhere. Real Simple Magazine also provided a nice list of shopping sites, but I haven’t had a chance to look at all of them yet. What’s your favorite place to shop online? Suggestions welcome.

Darlene Fichter and Frank Cervone

**update: links added**

Communicating ideas
sketchcast.com – drawing and audio
jingproject.com – capture and share images on screen

• use when showing works better than telling
• just in time demos – canned screens for common how-to questions

picnik – online photo editor, plugin for IE or Firefox

• allows capture of full page, not just what appears on screen

Just for fun!
Kerpoof – make online cartoons, movies, pictures

Other power point sharing sites;

• slideshare.net – presentation sharing
• scribd
• splashcast – combine ppt, mp3, images
• zoho show
• slideaware

thumbalizr.com
capture screen or page image

Visual pagerank

IBM Unstructured Information Modeler

• analyze unstructured data sets
• automatically classify and create categories
• works for 1000 – 10,000 records

Utilities
diffdaff.com

• compare differences in two different directories (e.g. Hard drive and thumb drive) using graphical interface
• logview

SOAP Sonar

• testing and analyzing web services www.crosschecknet.com
• web services functional testing
• complex SOAP WSDL support

Evolved
text editor – adapts to a large number of programming languages; color codes different languages and elements

Perl Express

Fun with Images

• Flash Slideshow Maker
• Flashgallery Generator
  • allows customization of slideshow based on context

Search and Indexing

• Google sitemap builder
  • makes sure google indexes everything on your site

Open source federated searching

• Library Find (Oregon state)
• dbWiz (Simon Fraser University)
• Masterkey (index data)

IBM Omnifind Yahoo edition

• Supports up to 500,000 documents
• go from installer to searching in minutes
• easy to use graphical tools to configure look and feel
• configurable synonyms and featured links increase relevancy
• download and install on server

Google Coop CSE
good site integration

OpenURL referrer Toolbar
doesn’t go away when you delete cookies

Flog Blog

Freedom
Pack your own browser
Portable Firefox – bundled with portable apps to take bookmarks, extensions, passwords

asterisk logger v.1.02 – reveal stored passwords
undelete – recovers deleted files, unerases lost data
unstoppable copier – recover all bytes from scratched cds
simple file shredder – securely delete files so they can’t be restored
KeePass – store all your passwords in one database, locked with one master key

Jeff Wisniewski

Jeff looked at some of the old “rules” of web-design and discussed whether or not they are still relevant.

Design is an inexact science, but there are decades of research in usability, credibility, interface design, and hci; a lot of questions have been answered

Simplicity rules?

• rich and interactive
• RIAs
• the user experience

depends on functions – google can be simple because they have essentially one function; we need to give our users a richer experience

Content is king

• But, design matters A LOT
• novice users judge superficially and quickly!
• Professional design = increased credibility

All content is created equal?

• Design for what your users are doing
• emphasize the highest priority tasks so that users have a clear starting point – Nielsen

By the numbers:
Rule of Seven (categories manageable by users):

• guideline, not a rule
• persuasive evidence both ways
• answer depends on context
• more than 9 – maybe your site lacks focus?

3 click rule:

• is dead
• design for SCENT
• users will happily click so long as they feel they are on the right path

Design for 800×600

• NO! optimize for 1024×768
• what of other platforms? (phones, handhelds, etc.) Use CSS media types
• flexible as opposed to fixed design

Color:

• majority users browse with 24-bit color rendering
• RIP websafe palette? Still consider:
  • file size
  • alternative platforms

For redesign inspiration:

• DON’T check other library websites!!
• Standards, conventions, and user expectations are established outside of library land…Jacob’s law (users spend most of time on sites other than your site)

How often to redesign?

• Constantly
• iterative, evolutionary change
• revolutionary change is disruptive
• a/b testing: post two versions of page with ONE difference (placement of item on page, e.g.);compare use
• sometimes a tear down is required
• think about major destinations on the web, amazon, ebay, yahoo, etc. – constant iterative change

Follow your own conventions

• is reference “reference” on your website (n.b. It shouldn’t be!)
• carry web conventions through physical space and other publications
• style guidelines across print & electronic media

But follow established web conventions

• home link upper left
• clickable banner
• contact us link
• placement of navigation

greater bandwidth= design freedom?

• Two trends: more high-speed access
• more non-traditional devices on relatively slower networks (apple iPhone)

I must support all browsers

• for basic content – yes!
• Accessibility is critical and the right thing to do
• for value-added content, style and interactivity?
• Graded support aka progressive enhancement

providing a text-only version of your homepage or site?

• Separate presentation and content with css and you won’t need a separate version

Avoid css for layout…it’s buggy

• yes, but no longer enough to justify not using it
• stop using tables for layout

top of page is prime real estate?

• Actually, it’s useless space…banner blindness
• Nielsen: people have a tendency to never look at a slim rectangular are that’s above the page’s main headline

Popups

• will very likely be blocked – nothing mission critical
• can be useful when linking to supporting information

Flash is evil?

• Flash introductions are evil
• Flash can be used for effective animation and interactivity
• RIAs
• Example: www.library.pitt.edu/etd_tutorials/

Mouseover menus

• raise usability considerations
• They’re slower, not scanable (preventing users from getting an overview)

Opening links in new browser window

• is sometimes okay: external links, non-web docs: PDFs, etc.
• help files
• TELL users
• tabbed browsers make this less of an issue

Never create an “auto forward” it breaks the back button

• server side redirects are best
• Set auto forward time high enough to allow users to use back button

Scrolling is bad

• users scroll if there is a clue that there is something below the fold
• use the fashionable “cut off” look – content doesn’t break evenly, so users have an indicator that more content exists

Keep it above the fold

• true for most important content
• 76% of users scrolled and a good portion scroll to the bottom, despite height of window

Images of people

• generally increase trust (unless they’re really good-looking people)
• naturally draw attention – this may not be a good thing…distraction
• people, labeled, increase credibility the most

RIA=rich internet application (ajax, flex technologies)

good sites & features;

• css zen garden
• google labs
• search suggest – list of possible matches as you start typing

Frank Cervone and Amanda Hollister

Frank:
The problems of website design:
web development/hci is an intricate mix of technology and design

• majority of librarians haven’t been trained in hci
• gaps in understanding the significant differences between the online and in-person experiences

the more an org. depends on its public for achieving mission, the more it should employ dialogic features into website

Evidence-based practice (andrew booth definition)

• data provides the primary evidence for making decisions, not anecdotal stories or “common sense”
• evaluation occurs early in the process

what happens now:

• decisions are made based on Beliefs of what is needed (often biased); assumptions, anecdotal evidence and preferences
• evaluation, if it occurs, happens afterward (too late!)

derived from evidence-based model of medicine
fundamental precepts:

• study phenomena
• contrast results to other studies of same or related phenomena
• combine results

define problem>find evidence>evaluate evidence>apply results of evaluation>evaluate change>redefine problem and go back through cycle

SPICE
Setting: context-where is this being used?
Population: who are users?
Intervention: what is being done?
Comparison: what are alternatives?
Evaluation: what does success mean?

Levels of evidence

Northwestern
first usability test in 2001
focused on Electronic resources/home-grown resource finder
2nd test
how are people using catalog?
Data mining
tried not to make assumptions
dispelled some myths

Looked at areas of site with highest reported difficulty or frustration
Restructured web development process
Web advisory group – reps from all areas of library
Induction process:
required reading list (usability research, etc.)
required training:

• in usability
• conducting a usability test
• other soft skills

Overall:

• site usability has improved – proven by stats
• debates less rancorous about how to proceed; can always go back to data
• easier to develop strategies for incremental improvements over time – not locked into tight academic schedule

Jargon:
metasearch, e-journals, virtual reference, electronic resources
why should I go here?

Anecdotal evidence is good for identifying problems to look at, but usually comes from skewed user group – studies will show how representative they are;

Amanda:
Breadcrumbs: putting users on the right path

users are often “lost”
tool-based website design
dynamic, page-based crumbs – code found on google
temporary session cookie
code needed “minor” tweaking – endless path of crumbs
consultant hired:
each xml crumb file traps:
pages visited, IP, page timestamp, does not collect off site pages
does not collect browser navigation

Data analysis
pick a page to analyze
put data into magic box; out comes user paths that end on selected page
can see # of clicks to the page
ideal paths and less than ideal paths
how can you nudge users back to where they meant to go?

Advantages of trapping xml path data:

• huge amount of data
• real-time usability testing
• flexible
• no observer effect

However:

• Doesn’t track sessions that leave the website
• can’t see user response (frustration)

Future directions: implement predictive track analysis
implement timestamp analysis

code for breadcrumbs: www.yasuremedia.com/Breadcrumb/breadcrumb.htm