Welcome to MSDN Blogs Sign in | Join | Help

News

Zoom, Zoom, Zoom

Yesterday, I wrote about our fight against interface squalor.

The most dangerous features from this perspective are the ones that appear to need to be available "all the time."  Each one of these occupies a space in the window that can never be given back to the document canvas or to other features.  Needless to say, we've taken a very conservative approach to allocating space for "always available" features.  One needs to be skeptical about what "always available" really means.

That said, we are aware that some features do need to be available efficiently nearly always.  One class of functionality that we felt fell into this category was "view switching."  In this category, I put three kinds of features:

  • Actually changing the view of the document (from Page Layout to Outline for instance).
     
  • Turning on and off user interface components, such as the Ruler or the Formula Bar.
     
  • Changing the zoom level of the document.

Because these "view switching" commands were pretty much task-agnostic, we didn't feel like they fit into a specific Ribbon tab.  At the same time, we were pretty much already out of space above the document--with the Ribbon, contextual tabs, and the Quick Access Toolbar (which I need to write about soon.)

We started exploring the idea of the window frame itself being the container for these "view switching" controls.  This was an idea I liked because of the kind of mechanical nature of it.  At the time, we were in the midst of redesigning the status bar down at the bottom of the frame.  We realized that we couldn't do away with the status bar altogether, as it plays an important part in the UI.  On the other hand, we didn't need all the space it took up most of the time just to do "status-y" things.

So, taking the lead from other programs (including the Picture Manager that shipped with Office 2003), we integrated zoom into the status bar.  View switching soon followed.  Instead of the typical zoom combo box, I liked the feeling of "live zoom", so we built in a slider to control the zoom level.

Down the road we also integrated windowing functionality in with the view switching, so that you control both what is showing and how it is showing from the same place.

But the big winner, in my mind, is zoom.  I never thought about zoom much in past versions of Office; I tended to just live with what was on-screen.  It was fairly inefficient to set the zoom level correctly; unless I wanted exactly 150%, I had to use a lot of wasteful trial-and-error to get things set correctly.  Now, using Office 12, I think of zoom as more of an organic part of how I work with documents.  I seem much more likely to zoom in or out on something, to quickly tweak the level with the slider.  I've found it especially useful when navigating long documents or spreadsheets.


View, windowing, and zoom control in the Word status bar

There are a couple of downsides with putting this UI in the lower right-hand corner.  In the Beta 2 visuals we've made the control area more distinct because some people had a hard time finding it initially.  (The good news, though, is that once people do find it, they remember where it is.)  Also, the Windows taskbar has an AutoHide setting which can sometimes cause the taskbar to come up over the controls you intend to use.  I personally use this configuration at home and haven't had a problem with it yet, but I could imagine having a harder time with a low-precision pointer like a touchpad.  Luckily, the vast majority of users do not use AutoHide, so I don't think it's a showstopper.

The upside is that space that is normally wasted in Windows apps can now be reclaimed for useful purposes.  In many apps, most of the status bar is just wasted space, included to look "standard" and so that there's somewhere to host the window resize widget.  I'm hopeful that our solution to view switching, windowing, and zoom becomes the standard and that we see it become just a seamless part of how document-centric apps work.

Posted: Wednesday, November 09, 2005 7:00 AM by jensenh

Comments

TomG said:

I don't think I'll like the slider, let me see if I can convince you why based on my experience.
I know why you never got used to using the zoom level in the box... IMHO the choices are lousy!

BUT, I use the box all the time, never by selecting a preset, only by typing the % in the box.

I use it so often I know by looking at a doc displayed (even on someone else's monitor) if it should be displayed at 120, 90, 80, 75 or 67.

Here's a quick rule of thumb:
120% - for reading over someone's shoulder when font size <12 (use 110 if size is 12pt).
90% or 80 - when I'm using a computer with only 1 montor and I want to see something else at the same time
75% or 67 - for reviewing a doc which will be displayed on a veiwer and I need to know what it will look like from the back of the room. Also good to do with docs which will be read only in printed form.

Why these exact numbers = fractions. Pixels are basicly discreet, so I figured the rendering would be the most accurate if I used 6/5, 9/10, 4/5, 3/4, and 2/3.

P.S.
A really odd thing to me is how close 75% is to 80% and how often the two display very different with my screen resolution.
# November 9, 2005 11:01 AM

Adrian said:

I'm a big auto-hide user for the taskbar, and thus I've grown to detest controls near the very bottom of any application. I've also learned that it is IMPOSSIBLE to bring up and auto-hide taskbar on a tablet PC, since the absolute pointer method breaks Fitt's Law.

At home I've got a 24" monitor, and at work I've got dual 19" monitors, so I rarely run any application maximized anymore, so perhaps I won't mind the Office 12 controls at the bottom. But not everyone has that luxury.

# November 9, 2005 11:31 AM

James Schend said:

I assume you still have the widget on the scroll bar I can use the split the document and show two different locations at the same time? Does that create a clone of the ribbon for the second view, or is there still just one ribbon at the top?
# November 9, 2005 11:48 AM

Kim Siever said:

I look forward to useing live zoom. I wish more apps used this.
# November 9, 2005 11:51 AM

PatriotB said:

Now get that status bar to look like a standard Windows status bar and I'll be happy.

I think IE7 is incorporating a new "page zoom" feature; maybe you both can use the same UI for it. :)
# November 9, 2005 11:58 AM

Dan McCarty said:

- Does the slider have "stops" for presets, such as 75, 100 and 150%? (Or "page width" or "whole page") I would imagine that most of the time users are going to want to hit some preset and not, say, 119%.

- I don't see any spots for the typical mode indicators: REC, TRK, EXT and OVR (personally of those 4 I only ever cared whether Insert was turned on or off). Were they done away with?

- The status bar in Word is less "statusy" than other apps, because the Word status bar is usually showing you things like your page position, physical position, background tasks status, etc. Are those features still going to be there?
# November 9, 2005 12:17 PM

Ilya Birman said:

Live zoom is cool, but there's always been a Ctrl+Scroll, which is MUCH better, cause you don't have to "aim" at zoom dropdown or the status bar in Office 12. So if I actually use the dropdown, I always use the way TomG does: when I want to enter an exact value.

I'm not sure if after migrating to Ribbon we will be able to customize the Office UI the way we can now (like adding buttons to toolbars, assigning keyboard shortcuts to actions). If we will, then TomG's problem is really small: he could add the dropdown back to toolbar (Ribbon now), just don't forget to include it in the controls list. And also you can make the "100%" text auto-convert to editbox when you click on it, so that user could enter the zoom level manually.

I didn't get what the term "windowing" did relate to in your post? ("we also integrated windowing functionality in with the view switching", "View, windowing, and zoom control in the Word status bar", "I'm hopeful that our solution to view switching, windowing, and zoom becomes the standard") The term itself is very strange, and a screenshot does not make things any more clear... To me, at least. Will you please explain?
# November 9, 2005 12:18 PM

BradC said:

Dan-

From what I saw at the PDC demo, the status bar is configurable by the end user to show the stuff that interests them.

Just right-click the status bar, and you can choose to show or hide the toggle indicators, or the current section #, or whatever you want. I don't have a screenshot, but this should be in Jensen's downloadable PDC presentation.

Or maybe he can just dedicate an article to it on this blog--this is a really cool feature!!
# November 9, 2005 12:27 PM

tomo said:

Sorry to be off-topic, but I just wanted to say thank you for your amazing blog! I've found myself become totally addicted - to the point where I (silently) go "yes!" everytime my aggregator tells me that there's a new post waiting to be read. Seriously.
# November 9, 2005 1:10 PM

Mike Dunn said:

Re the status bar being wasted space - I forget if I've mentioned this here, but one of the UI changes that I never understood was the removal of flyby help. Starting with (I think) Office 2K, there was no more flyby help for menus, which only added to their usability problems. It would be great to have that back for whatever menus survive the UI redesign. ;)
# November 9, 2005 1:14 PM

Tim said:

The one thing that concerns me is that in, for example, Word, all I ever usually do with zoom is select one of two settings: 100% or 'Zoom to page width'.

Both of these seem significantly less convenient in the new system. Are there other magical elements of this interface you have kept from us?
# November 9, 2005 1:23 PM

Mike said:

"I (silently) go "yes!" everytime my aggregator tells me that there's a new post waiting to be read. Seriously."

I feel exactly the same. This blog has been absolutely amazing - and the regularity of posting is fantastic. A big thankyou!
# November 9, 2005 1:55 PM

Kawigi said:

Ilya:

I think he's referring to switching windows (like the Window menu in current Office).
# November 9, 2005 2:12 PM

Jesper Rønn-Jensen said:

I just recall that one program that I use has a similar feature: ACDSee 7 has a slider just above the image thumbnails area, and use the slider for setting size of the thumbnails.

It also includes the plus and minus on either side of the slider, just like in your included screenshot.

You might want to check ACDSee out for ideas, but in my opinion, your work in office 12 sounds very well thought of already ;-)

Thanks for sharing your interesting thoughts!
# November 9, 2005 4:42 PM

jensenh said:

Tim:

Getting to 100% is very easy.

Page width takes three clicks in all the apps except PPT--click the zoom %, then double-click page width in the dialog.

We did build a special "fit to width" button in PPT and have gotten feedback that are causing us to evaluate putting it in Word as well.
# November 9, 2005 8:33 PM

TC said:

> and the regularity of posting is fantastic

I concur. And the fact that Jensen replies to individual comments is extraordinary, given his senior role in the process. These blogs are really excellent. They serve to dispel many misconceptions about how/why MS does what it does. The blogs also, for the most part, avoid the temptation to descend into marketing drivel. No-one would stay here for that. Well done folks, keep it up.
# November 9, 2005 10:17 PM

TC said:

Um, I did not mean to imply that I thought that any posts in Jensen's blog, have ever been "marketing drivel". I had certain other MS blogs in mind, with that comment.
# November 9, 2005 10:21 PM

Andrew Eberhard said:

One of the issues I run into over and over again is how a word document is displayed when hosted in an Internet Explorer IFRAME. In such an environment, it is generally desirable to show the document in Normal view zoomed to "page width."

In an intranet setting such as mine, it isn't likely that we'll ever be able to convince people uploading Word documents to make sure their documents are saved with these settings so that users viewing the documents online will see the most text with the least work (try though we have to educate our content admins). Of course, there are technical solutions (e.g. post-upload processing of DOC files), but the methods I’m aware of come with their own headaches.

Sadly, I've watched numerous presentations in which the presenter (and, at times, the entire audience) was unaware of how to make more of the text visible (e.g. normal view and zoom "page width"). The small status bar at the bottom (of the IFRAME or of the browser window) was totally unnoticed. I agree that a feature like a live-zoom slider is visually appealing enough that users will probably remember its location, but I question whether or not the icons to the left of the slider will ever be noticed (or understood) regardless of their proximity to the slider.

Returning to the IFRAME dilemma, I rather feel that what is necessary is an evaluation of what commands and controls are most likely to be of use when a document is viewed under such conditions. I see from Office 2003 that some thought went into this (one toolbar...reviewing I think...is always displayed in the IFRAME whereas in the past, none were displayed). Compressing the Ribbon into an IFRAME may wind up being a disaster (though not because it doesn't scale beautifully ;-]), and I can’t imagine how you’d integrate the MS Word Ribbon into the IE toolbar (for a word doc hosted in an IFRAME or otherwise loaded into IE). The “Tools” button in IE’s toolbar does this currently (though only when a DOC file is loaded into the root window).

A single toolbar/mini-ribbon with commands such as Save As, Zoom, and View Type (an arbitrary list based on experience not formal usability testing) which is displayed when documents are viewed in IE (within an IFRAME and/or when a DOC file is loaded into the root window), might help word docs compete better with PDFs as online documents.

Finally, I’ll second the applause for this blog! I’m addicted.
# November 10, 2005 12:21 AM

Richard said:

Zoom on the status bar sounds interesting... how well it will work to set zoom to 200% or 500% (useful when checking details of type) needs to be seen.

However what I would like to see on the status bar is horizontal position as a measure from the left hand side in something more useful than characters -- I want to know how *far* in I am.
# November 10, 2005 3:56 AM

Bronwyn said:

I too use "zoom to page width" all the time! Adding -- or allowing users to add -- a control for it would be a really good idea.
# November 10, 2005 12:13 PM

Centaur said:

For me, there are two levels of zoom. 100% and Page Width. I never understood the need for everything else.

Also, I do not think view switching is such an always-needed task. If I work on a document, I don’t care if it’s Normal or Print Layout, any more than I care of browser width while working on a Web page — it must look good with any, and there are easy guidelines for achieving that.

One thing that absolutely requires Print Layout is pictures. I have always been frustrated with how Word handles pictures, allowing to drag and drop them everywhere. That’s just not right. A picture wants to be either inline with the text, or floating left or right with text flowing around it. All other positioning I consider unnecessary and harmful.
# November 10, 2005 12:22 PM

Kawigi said:

Centaur: View switching probably isn't that important in Word (or Excel), but it seems a little more important in Power Point and it's central to Access. I suppose each app will get different mileage (/levels of confusion) from having these controls on the status bar.
# November 10, 2005 1:45 PM

Michael Martine said:

Please make the zoom slider BIGGER. Presets or "stops" along the slider for standard zoom levels get my vote, too. But if that slider were any smaller we wouldn't hardly be able to click on it.
# November 10, 2005 10:30 PM

Kurt Thomas said:

What, a slider for zoom? Goodness.... at long last! So where Acrobat and even PageMaker had a Magnifying Lens ten years ago, it took Word until now to come up with a better way for controlling zoom.... And didn't "About Face 2.0" mention this, too?
# November 17, 2005 4:44 AM

splintor said:

After reading this, I noticed that Office Picture Manager already uses the status bar area for a zoom slider. Very cool.
# November 17, 2005 5:10 AM

Frederick van Amstel said:

Maybe you can fullfil the need of presets by changing the percentage indicator into a dropdown with some presets and common percentages.
# November 28, 2005 10:46 AM
New Comments to this post are disabled
Page view tracker