Sunday, October 2, 2011

Scrolling: document up or viewport down?

My first graphical user interface was a Sun 3 running SunView. That's a classic WIMP interface bordering on antique. I was already a programmer so it's hard for me to separate the machine from the user interface. The machine's model of scrolling consists of a viewport window, a scrollbar and data to display (frequently another window). This is the model-view-controller paradigm invented for Smalltalk. It's easy to see the scrollbar thumb as being the position of the viewport over the data, so scrolling down means moving the thumb and viewport down the data and holding the data still.

My three year old son using a touch interface has a completely different mental model. The machine still uses the same model-view-controller paradigm, except the UI consists of dragging the document up rather than moving a scrollbar thumb down. What I call scrolling down, my son calls up. His model is more intuitive and simpler in every way.

This is really exciting! After 30 years of stagnation, user interfaces are finally changing.

6 comments:

  1. I upgraded my Mac to Lion and was surprised to see direct manipulation scrolling set as the default. It doesn't work as well on a notebook as a tablet, partly because scrollbars are desirable for a large canvas and partly because scroll wheels feel inconsistent.

    ReplyDelete
    Replies
    1. Java Online Training Java Online Training Java Online Training Java Online Training Java Online Training Java Online Training

      Hibernate Online Training Hibernate Online Training Spring Online Training Spring Online Training Spring Batch Training Online Spring Batch Training Online

      Delete
  2. the blog is very interesting to learn about the scrolling document up or viewport down. thank you sharing such a useful blog with us.
    Dotnet Training in Chennai

    ReplyDelete
  3. In that ideas was really good and everyone sharing described to grate informative give that's you'll give that all content sharing and easy learning explanation.
    Hadoop Training
    Android Training in Chennai
    Hadoop Training Chennai

    ReplyDelete

Disqus for Ken Fox's Blog