Category: Web Navigation

  • Transitional Volatility

    Notes on Transitional Volatility (PDF) by David Danielson (2003), also the topic of his master’s thesis. It’s a rare, rigorous look at the common guideline to ‘make navigation consistent’ in a world that has big websites where the navigation must change from time to time. His finding showed that complete consistency is not always the best route.

    Essentially he studied how users reacted to changes in the navigation appearance from page to page. He tested use of three versions of one site, each with a different navigation scheme. The ‘full overview’ had a full site map-like outline in the left nav, the ‘partial overview’ only listed the second and third level categories for the currently selected top level category, and the ‘local context’ listed the second level choices for the currently selected top level category plus the third level categories for the current second level category (see screen shots in the paper). Users were given directed-search tasks, or low complexity fact-finding missions.

    His sample site used a ‘well-formed’ and limited hierarchy, such that each of the two upper levels’ items always had subordinates, and no item at the third level had any subordinates.



    From the abstract: The results suggest an interesting pattern of interaction effects: When users are provided with partial overview navigation support, navigational volatility predicts increased disorientation, decreased perceived global coherence and decreased ease of navigation. In contrast, when provided with a more locally focused navigation scheme, navigational volatility predicts increased perceived site size and increased perceived global coherence. The results generally supported a model with a direct causal link from navigational volatility to disorientation.

    Transitional Volatility: the extent to which users encounter changes in the Web interface as they move within or between sites.

    On user expectations: The user becomes habituated within the recent navigation patch. The user predicts content and navigation option changes in page -to-page transitions. The user reorients at the destination page of a transition. The destination page becomes part of the recent navigation patch, continuing the cycle. So it’s just not the page right before the change that sets expectations, the user has a subtle and complex memory of pages they’ve experienced.

    His incorporation of user expectations integrates the volatility question with a main challenge of navigation, the ‘behind-the-door’ problem of user’s ability to understand what a link will lead to.

    On causes of disorientation:moving among unrelated information topics in the Web space appears not to have been related to disorientation. More importantly for the purposes of this discussion, top-level switches do not, in and of themselves, cause disorientation… disoriented users consciously recognize the hyperlinks that will lead to navigational changes (navigational predictability), and then decide that such change is desirable… it was the home page link in the top-left corner of the page, just as one might have expected, that was "inviting" disoriented users, not the top-level hyperlinks.) [Spool would love this] A reasonable conclusion seems to be that the all-or-nothing nature of users’ navigational volatility distributions in the Partial Overview condition were more noticeable, and more disorienting, than the more subtle and graded changes typically encountered with a Local Context navigation scheme… The extent to which a user is habituated in a navigation patch may make the changes seem even more dramatic when they do occur

    The take-away is (to oversimplify) keep navigational changes subtle. The subtlety should be in proportion to how much the user becomes habituated to the navigation. Later we see that subtle changes may themselves be helpful, assisting users in perception of connections among links.

    On perceptions of site size and complexity: The study results suggest that navigational volatility leads to increased site size perception… A significant effect was not found linking perceived global coherence to perceived site size.

    On perceived global coherence: navigational differences (navigational volatility) allowed users with Local Context support to see connections between distal pages they otherwise would not have seen – and so led them to view such pages as more related. Fascinating, a change in navigation actually helped the users perceive connections.

    On context: The broader goal may be to precisely determine the set of factors affecting a navigator’s ability to map hyperlink attributes at a source page to characteristics of the hyperlink’s destination page. As this investigation shows, the factors will not be limited to hyperlink attributes (such as what the link’s text snippet itself says), but, rather, will extend to broader contextual factors, such as the sorts of volatile transitions the user has already been exposed to. So just looking at scent, or just shape, ain’t enough. It’s a complex interaction of several components.

    Variables: he nicely controls for navigation structure and page layout. I wonder if it’s additionally possible to control for info scent and shape?

    Thank you David.

    Later, a comment from JJG offers a fun name for this: ‘One new wrinkle is this notion that the more navigation changes from page to page, the larger and more complex the site will be perceived to be. Call it the Seven Veils Effect: by alternately showing and hiding what’s available, you create the impression that there’s more to see than there really is.’ I’d argue that you’re just cleverly showing what’s actually there, but I love the name.

  • Usable Browse Hierarchies

    Notes on Toward Usable Browse Hierarchies for the Web (.doc) by Kirsten Risden of Microsoft Research (1999). Looking at Yahoo-style category and sampling of sub-category navigation, she seems to suggest that using polyhierarchies are a way of compensating for ambiguous categories and labels. Well yes, one might say, but if it helped people find what they’re looking for, isn’t this just an academic argument? But the point is well taken: if you’re turning to polyhierarchies to solve a findability issue than perhaps your categories (or any categories) aren’t the solution.

    Thanks Kirsten.

  • The Sheer Mass

    Kathryn says, ‘I carry the weight of old boyfriends, self-possessed jerks and sweet immature nerds. The weight of making the relationship work, I can feel it in my chest and my throat. And if I open my mouth I inhale the sheer mass hanging in the air between us. My fear and ignorance are cinder blocks around my waist, one day anchoring me to the bed of the East River.

  • Shape of information, a summary

    Andrew Dillon’s work on digital genres, the web, and the shape of information is some of the most exciting research I’ve come across in the field of navigation. He has investigated how we can use our familiarity with genres to navigate, how navigation of information is different than navigation in physical space, and that creating navigation is essentially about creating meaning, not just road signs. And he manages to do this while retaining essentially a top-down perspective, not succumbing to a focus on merely organizing content. He doesn’t go as far as addressing larger user experience issues head on, but he positions his work in a way that acknowledges those issues.

    If you have access to JASIS past issues, a good starting point is Spatial-Semantics: How Users Derive Shape from Information Space (JASIS. 51(6):521­528, 2000). Otherwise download “It’s the journey and the destination” (PDF) where he questions the difference between navigation and content… ‘while physical navigation might be neatly divorced from the purpose of the journey, interactions with digital documents are not so easily divided. The purpose of moving though the information space is frequently the same purpose as the journey, to reach an end point of comprehension – and in this case the journey is the destination.’

    Here’s my short form raw notes, which aren’t necessarily helpful to anyone else until I do something with them…


    • Don’t misapply navigation from the physical domain to the semantic domain

    • User’s perceive “global” schemata (generally how sites work) and “instantiated” schemata (how this particular site works). This can be apply to ideas of design conventions.

    • The structure of a genre – the shape – is a global schemata. Users can predict ordering and grouping of elements. They know where a typical element belongs in the overall structure.

    • Examples of genres online might be articles, blog postings, email headers…

    • Need to leverage existing shape, and fit information into existing genres when possible.

    • Cites research (Snowberry et al) that menu navigation has (basically) bad scent. So these ideas are helpful when categories don’t work due to unfamiliarity with the domain.

    • Recognition of genre depends on experience and expertise of that genre. Integrate these attributes into user models.

    • Upon entering a new location, users will identify unique spatial configurations (Siegal and White, Mandles). Immediately after, semantic processing begins.

    • Shape is a property conveyed both by physical form and by information cotent

    • “Technology is more malleable that the user” – Amen!

    • Contrast expertise with differences in cognition (spatial ability or memory span). Also needs to be integrated into user models.

    • Disorientation occurs when short term memory (STM) is overloaded (by lack of good navigation)

    • Genre could be based on how a community uses information and varies by culture. Another attribute for user model.

  • Effective View Navigation

    If I were to edit a historical collection of essays on information architecture, it would have to include George FurnasEffective View Navigation (PDF). Published in 1997 and borrowing from earlier work that harks back to ’95, it is not to be read for new methods of navigation. It does however provide serious analysis of a fundamental information architecture challenge, ‘despite the vastness of an information structure, the views must be small, moving around must not take too many steps and the route to any target be must be discoverable.’ His focus is on what to do in that small view (i.e. a page, or a viewport of a page) including ideas that form the basis of information scent.

    For serious information architects, EVN is a must read. At eight ACM-style pages it’s not long but it is dense, requiring me to double-back often. His initial discussion of Efficient View Traversibility sets aside the user experience perspective in favor of graph theory and so can be a dense read to the practitioner, but it is necessary to his later arguments which are worth understanding.

    Here come the spoilers: after an interesting logical analysis of the problem he concedes that one navigation scheme – what we might call global navigation today – would be hard-pressed to provide access to a large information structure. Along the way he predicts the rise of a combination of global and local navigation.

    His ideas of efficient view traversibility provide (in my interpretation) a good mathematical explanation of creating short paths to target information and a helpful last resort after other methods fail, ‘always remember the strategy of putting a traversable infrastructure on an otherwise unruly information structure!‘ For example, as a last resort, stuff the information into a balanced tree. If we combine this with a user-centered design method, we might say, ‘If research of the users does not reveal a clear path to the information, and the users understand the domain enough to understand the meaning of a set of hierarchical categories, then stuff the information into a balanced tree.’ Other conclusions of his, combined with a design process, can yield a more systematic design method than what we have now (which is why I’m trudging through this stuff).

    His use of navigation requirements nicely frames his discussion, for example, ‘Every node must have good residue at every other node.‘ We rarely have such strict requirements in our designs, but the practice of using navigation requirements – falling somewhere between scenarios and screen designs – helps increase the likelihood of creating successful navigation.

    His setting aside of user experience considerations at times seems unworkable; the goal of efficiency can be at odds with what may be cognitively effective with users. But the thoughtful designer can factor that into the use of his ideas.

  • My Website Doesn’t Smell Good

    “Hey Kathryn. Hello? What’s wrong?”
    “My website doesn’t smell good.”
    Brad had stopped by for his morning cup to go (large, French roast, black). I thinks he likes me, but he never asks me out. “Oh, come now. I’m sure your website smells fine.”
    “That’s not what Mr. Nahzah says. He looked at the home page and couldn’t smell where to find the French Roast. I almost gave the poor guy a heart attack. Here,” I swivel the screen towards him, “is it really that bad? Can you find the French Roast?”
    “Let’s see, Home, Blends, Grinds, Beans…” A pause. A really long pause. I know he’s confused, and he knows I know this. He pinches his nose, “Damn girl, that website stinks!”
    I slap him, laughing.
    Brad grins, “Seriously, the labels don’t really help me find what I’m looking for. Maybe if they were longer, or you could put a picture there.”
    “How am I going to fit a picture in there?”
    “Well, why do you need to use this nav bar?”
    “What’s a nav bar?”
    “This thing on the side. Why do you need it? Isn’t it just boxing you in?”
    “Uh, yeah, I guess. But a lot of websites do that.”
    “Come now. Do you run your cafe like other cafes?”
    “Of course not. Most cafes are totally lame.”
    “Right. So stop being lame.” He shoots me his best mock-intense eyes, gently challenging me.
    “I hate you. This is a lot harder than I thought it would be.”
    He drew out his words in a mocking tone. “‘This sooooo hard.’ C’mon. It’s not like you’re curing cancer, you’re moving stuff around on the screen. Have fun with it.”
    I stared at him and let out a heavy sigh. I feigned vulnerability and tried to create a moment, give him an opportunity, but he didn’t pick up on it.

  • Crazed, Shameless Internet Love

    Catherine says,

    I love the Internet. Love it. I love the little search box where I can type anything I like and it will immediately return something, anything. I love clicking buttons and making things happen. I love following links to see where they lead. I love crazed, shameless teenagers blogging for all to read what I wouldn’t dare to say out loud. I love stores with endless selections and receiving packages in the mail. I love geeky academics and their irrelevant, fascinating pursuit of minutia. I love academic geeks and their endless variation of the social software hack. I love designers high on their own esthetic powers of creation. I love the self-promotional emails from my elected officials. I love the Dad-assisted emails from Mom. I’ll even admit to clicking a banner ad or two and, shit, I’m occasionally humored by the relentless, inane spam.

    I’m tired of feeling ashamed of my love. I love the Internet, there it is. Fuck it.

  • Visualization of Navigation Patterns on a Web Site using Model Based Clustering

    Last night I had some NYC IAs over and we talked about what kind of persona- or scenario-like information could be culled from server logs (Tanya raised the idea in her Info Foraging paper) along with tangents into linguistics and semantic networks. Tanya brought along Visualization of Navigation Patterns on a Web Site using Model Based Clustering, a 2001 work from researchers at the DataLab at University California, Irvine and Microsoft. The clusters of paths alone reveal interesting patterns of site usage that could inform design.

    But also imagine following users in real time, watching which pattern they’re exhibiting, and dynamically altering navigation to help them follow that path. Compare this to the Accidental Thesaurus technique (hard-coding search results to popular queries) and the two together start to form another way of designing, of making changes based on actual behavior as opposed to building models based on research, making design guesses, then testing those guesses.

  • Information Foraging

    Just collecting a bunch of links on the topic…

    Surf like a caveman, a historical summary from New Scientist, 2000

    Cognitive Models for Web Design; Information Foraging Theory Applied…Tanya Rabourn’s short ‘n sweet summary

    Designing for Information Foragers: A Behavioral Model for Information Seeking on the World Wide Web, James Kalbach’s essay with related LIS references

    Citeseer’s listing

    Peter Pirolli’s publications at PARC User Interface Research

    Stuart Card’s publications at PARC UIR

    Information Scent at PARC UIR

    CHI 2003 Tutorial slides (PDF) from Pirolli and Card

    A User-Tracing Architecture for Modeling Interaction with the World Wide Web (PDF), a presentation by Pirolli and Card on SNIF-ACT (combining SNIF: Scent-Based Navigation and Information Foraging with ACT: Adaptive Control of Thought)

    SNIF-ACT Home at PARC UIR

    Exploring and Finding Information, an entire book chapter by Pirolli

    Semi-related:

    Surfmind’s list of foraging links

  • Mr. Nahzah

    Mr. Nahzah comes in once a week for a pound, French Roast, Melitta grind. Occassionally he and his wife drop in for an espresso after dinner. He’s an electrician nearing retirement, she runs the stationary store on 3rd. They immigrated from Berlin together in 1950. He is always well-dressed, a charming man. He approaches me while I’m staring at the screen, "What is that?"
    I look up, "Huh? Oh, I’m trying to improve my website."
    "Our son bought us a computer. All our vacation plans we online planned. We’re going to Spain. Can I order coffee from this site?"
    "Once it’s finished. In fact…" recognizing a victim when I see one, I swivel the monitor towards him, "would you like to try it?" You buy the French roast every week, right?"
    "Ya."
    "So how would you do that here?"
    "Let me see." He squints his eyes and looks at everything on the screen, reading and re-reading to himself. One very long minute goes by.
    "So, what’s your guess?"
    "Ah, ah, I don’t know."
    "You want the French Roast, right?"
    "Ya."
    "And that’s a type of coffee, right?"
    "Ya, of course."
    "So wouldn’t you click on ‘Beans’?"
    "But I don’t want beans. I want it ground."
    "Yes, yes, of course. But before they’re grounds they’re beans.”
    “But I don’t want beans.”
    “Yes, I know. But nothing else makes sense. So you’d click on ‘Beans,’ right?"
    "Ahhhh, ahhhhh," still starting at the screen, his face turns red and his head starts to shake, finally blurting out, "Das kann ich doch nicht riechen!"
    Ouch. We’re both silent for an uncomfortable moment. I realize I’ve reduced this poor old man to cursing at me in another language, "Ohmigod, I’m sorry. I totally stressed you out. I’m so sorry."
    "No, no, I am sorry. I lost my temper. ‘Beans,’ you are right. It is my fault, I should have known it was ‘Beans.’"
    I triy to recover by lightening the mood, "Ummmm, so, was that something in German you said before?"
    "Oh, ya, that is a German saying. It means, ‘I cannot smell that.’ We say that when we don’t know what something is just by looking at it."
    "Ah, got it. ‘Smell that,’ it’s a funny phrase though."
    "But I think it works well. We can tell by the smell of something if it is good, like food. I wanted to know which was the good link, but couldn’t ‘smell’ it, you see."
    "Kinda. So, I should make that link smell better."
    "Yes, it should smell like what I’m looking for."
    "So my little blue link here should give off a pungent, slightly burnt aroma, with chocolate overtones?"
    "Yes! Yes!" he smiled widely and nodded yes.

  • Craft and Engineering

    Peterme et al on Craft and Engineering in user experience design. Engineering must refer to usability engineering, with accompanying research. While I’ve been a proponent of the craft approach, I don’t see why there couldn’t be systematic methods inserted where appropriate. I think it’s premature to debunk, or even debate, design engineering as we don’t have any examples of such a thing.

  • Competitive Criteria


    1. How much business might I have lost so far?
    2. How much do I stand to lose in the next year?
    3. How much could I gain by doing what Java Jim is doing?
    4. What could I lose by not doing it (my whole business??)
    5. How much can I invest in my website?
    6. What would happen if other competitors went online, especially someone big?
    7. What do I compete on?
    8. What do I give him?
    9. Where’s my niche?

  • Catalyst of Consumer Lust

    The phone rings, she shakes her head free of coffee lust and jogs to the phone, rubbing her slightly oily fingers on her apron. "Hello, Sweet as Love. This is Catherine"
    "Hi, Catherine, it’s Tim, from Angelina’s." Angelina’s had been a huge boost to her business a year ago when Tim, a manager there, suggested Sweet As Love deliver all the coffee for their 3 restaurants.
    "Hi Tim! How can I help you?"
    "Well, unfortunately I need to cancel our weekly order."
    The word cancel took the air out of her chest. "Really? Is everything OK?"
    "Yeah, yeah, I think we just reached a point where we needed, well, different service."
    "Oh, alright. But, do you mind if I ask what kind of service?"
    "Well, you know, sometimes we need special orders fulfilled quickly. Java Jim’s website let’s us place an order any time, and it’s delivered within a few hours. We realized it would be easier to get all our coffee there."
    Catherine remembered, wincing, all the times she played phone tag with him to get the orders delivered. "Oh, sure, OK. Well, thanks for all your business, I appreciate it."

    "Java Jim’s. That is such a dumbass name." She pulled up the website. "Damn, this thing is ugly." But she sees the shopping cart icon, and understands how millions in books, music, clothes, gardening tools, a whole lot of other things pass through that 10 by 10 catalyst of consumer lust. The business reality of it all sets it, deep. Immediately her competitive instinct kicks in.

    "Let’s just analyze this for a minute…" She grabs an envelope at hand and starts scribbling…

  • She Loves The Stuff

    Her favorite time is just before the store opens. The brewing aroma the strongest, the morning light magical through the windows, the peaceful quiet outside. Today she [informally] inspects the shop, walking down a row of coffee barrels full of beans on both sides of her. Each is lovingly labeled. She stops at one,

    Columbian Supreme
    $4 per pound
    medium body and balanced flavor
    I love this with a hearty breakfast of eggs and toast or as the final course of a home-cooked dinner of beans and rice

    She glances around to make sure no one is looking, and sinks her hands deep into the beans. She closes her eyes and wiggles her fingers, feeling the beans dance around her fingertips. She smiles gently and savors the feeling.

  • William Gibson, Writing, and Blogging

    Karlin Lillington reports that William Gibson will stop blogging. ‘I do know from doing it that it’s not something I can do when I’m actually working.

    Does blogging and writing/working need to be two separate things?

    Does anyone who blogs regularly and then stops ever fail to pick it up again?