Scatterplots As Page Shapes?

The Feb­ru­ary edi­tion of Usabil­ity News reports on a usabil­ity study (Where’s the Search? Re-examining User Expec­ta­tions of Web Objects) of user expec­ta­tions for Web page lay­outs that con­tains a sur­pris­ing but inter­est­ing visu­al­iza­tion of page shapes, based on quan­ti­ta­tive user research. (Note: I found the study via the UI Design Newslet­ter, from HFI.)
The study looks at users” expec­ta­tions for the loca­tion of com­mon web page com­po­nents, such as site search and adver­tis­ing. The authors find that expec­ta­tions for page lay­outs are largely the same now, as com­pared to those found in an ear­lier study, Devel­op­ing Schemas for the Loca­tion of Com­mon Web Objects, con­ducted in 2001.
More inter­est­ing is the way the researchers report their results; visu­al­iz­ing them as heat map style grid plots for the expected loca­tion of each ele­ment vs. a blank grid. Here’s two exam­ples, the first show­ing expected loca­tions for ‘back to home’ links, the sec­ond for the ‘site search engine’.
Fig­ure 1: Back to Home Link Loca­tion
backtohome.gif
Fig­ure 2: Site Search Engine Loca­tion
sitesearch.gif
These heat maps look a lot like page shapes, expressed as scat­ter­plots.
I like the com­bi­na­tion of quan­ti­ta­tive and qual­i­ta­tive per­spec­tives at work in these page shapes ren­dered as scat­ter­plots. I think it could allow for grounded dis­cus­sion and inter­pre­ta­tion of user feed­back on design options, within a clear and sim­ple struc­ture that doesn’t require an HCI degree to appre­ci­ate. If I try it out, I’ll share the out­comes.
In a more tra­di­tional style of visu­al­iza­tion, Eric Scheid found another another good exam­ple of page shapes a while back in Jonathon Boutelle’s post­ing on blog lay­outs called “Mullet”-style blog lay­out. Jonathon was advo­cat­ing for a new default blog page shape that increases infor­ma­tion den­sity and scent, but hews closely to pre-existing expec­ta­tions.
Fig­ure 3: Typ­i­cal Blog Page Shape
typical_small-thumb.jpg
Fig­ure 4: Sug­gested Blog Page Shape
mullet_small.jpg
And that’s the last time I’m men­tion­ing m.u.l.l.e.t.s this year, lest Google get the wrong idea about the sub­ject mat­ter of this blog :)

Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • connotea
  • FriendFeed
  • LinkedIn
  • Posterous
  • StumbleUpon
  • Technorati
  • Tumblr
  • Twitter
  • MySpace
  • Slashdot
  • email

Category: Information Architecture, User Research
Tags: , , , , , , , , , , 2 comments »

2 Responses to “Scatterplots As Page Shapes?”

  1. jonathanboutelle1973

    Yes, sad but true, much of my blog traf­fic is peo­ple look­ing for mul­let hairdo pic­tures.
    But I’m not com­plain­ing. At least they click on the ads!
    best,
    –J

  2. KL

    I was just a test sub­ject at Kent State for a study of a sim­i­lar ques­tion. They sat me in front of a large mon­i­tor and tracked my eye move­ments as I com­pleted a task on the screen before me. When I was fin­ished, they showed me the tracks of my eye move­ments. It was fascinating


Leave a Reply



Back to top