Usability at Epinions

Epinions delimiter examples

You are here: contenu.nu > Resources > Usability at Epinions > Epinions delimiter examples

Here is some actual text from an epinions search, rendered with <PRE>:

  Editorial Dummy >Platinum Albums of 1998 > > Before These Crowded
  Streets - Dave Matthews Band

  On Video >Childrens > > Nightmare Before Christmas
  On Video >Childrens > > Land Before Time
  Fiction: By Genre >Old_Fiction > > Before You Sleep
  Biography & Autobiography >General > > Before the Wind : The Memoir of
  an American Sea Captain, 1808-1833

Here are a few options for improved appearance. I've corrected spelling errors (the possessive of children is children's) and have faked the appearance of links; they don't actually work.

  1. Standardize on a single delimiter and reduce its size (here by <FONT SIZE="-1">, but CSS should be used where compatible).
    1. Use a single greater-than:

      Editorial Dummy > Platinum Albums of 1998 > Before These Crowded Streets - Dave Matthews Band

      On Video > Children's > Nightmare Before Christmas

      On Video > Children's > Land Before Time

      Fiction: By Genre > Old_Fiction > Before You Sleep

      Biography & Autobiography > General > Before the Wind : The Memoir of an American Sea Captain, 1808-1833

    2. Or, using » as delimiter:

      Editorial Dummy » Platinum Albums of 1998 » Before These Crowded Streets - Dave Matthews Band

      On Video » Children's » Nightmare Before Christmas

      On Video » Children's » Land Before Time

      Fiction: By Genre » Old_Fiction » Before You Sleep

      Biography & Autobiography » General » Before the Wind : The Memoir of an American Sea Captain, 1808-1833

    3. Or, using the HTML 4.0 character &rarr; or &#8594; as delimiter (a true right-arrow character, rendered here in your browser, probably as nothing: →):

      Editorial Dummy Platinum Albums of 1998 Before These Crowded Streets - Dave Matthews Band

      On Video Children's Nightmare Before Christmas

      On Video Children's Land Before Time

      Fiction: By Genre Old_Fiction Before You Sleep

      Biography & Autobiography General Before the Wind : The Memoir of an American Sea Captain, 1808-1833

  2. Hide the supercategories altogether:

    Before These Crowded Streets - Dave Matthews Band

    Nightmare Before Christmas

    Land Before Time

    Before You Sleep

    Before the Wind : The Memoir of an American Sea Captain, 1808-1833

    We simply don't need to know about the supercategories if they're not selectable.

  3. Format the categories to highlight the end link, not the categories. (Here I'm faking the categories to make them look like links.)

    Editorial Dummy » Platinum Albums of 1998 »
    Before These Crowded Streets - Dave Matthews Band

    On Video » Children's »
    Nightmare Before Christmas

    On Video » Children's »
    Land Before Time

    Fiction: By Genre » Old_Fiction
    Before You Sleep

    Biography & Autobiography » General »
    Before the Wind : The Memoir of an American Sea Captain, 1808-1833

    At most three supercategories per line, with a <BR> or CSS equivalent after each line. End link is larger. (You could also do a <STRONG>, but don't change the colour!) Note that left-justification itself dramatically improves readability and, more important, scannability.


    contenu.nu home | What we think content is | What is the Web about? | Taste | Beyond America

    NUblog | Resources | Why contenu? | About this site | Contact