Hardcore Software by Steven Sinofsky

Share this post
078. A Tour of “Ye Olde Museum Of Office Past”
hardcoresoftware.learningbyshipping.com

078. A Tour of “Ye Olde Museum Of Office Past”

“What'll Mac products be like ten years from now? This much I know: Word will have still more icon bars…” —David Pogue, MacWorld, February 1994

Steven Sinofsky
Apr 24, 2022
6
6
Share this post
078. A Tour of “Ye Olde Museum Of Office Past”
hardcoresoftware.learningbyshipping.com

New! Listen to this post here. Free podcast RSS feed.

Welcome to “Ye Olde Museum Of Office Past.”1 This section is one of the more deeply product-focused of Hardcore Software. I hope to make it fun. In this section, I will go through the history and evolution of the Office user interface. While there were numerous innovative user interface systems and approaches across the industry, what we developed in Office by virtue of the breadth of usage and position of influence was viewed by many as a standard to be followed. Many readers have experienced the innovations discussed here. By stepping through over 20 years of user interface designs for Microsoft’s word processing applications, we can see the dedication to solving problems. We can also see the creeping introduction of bloat.

Back to 077. What Is Software Bloat, Really?

Hardcore Software by Steven Sinofsky is a reader-supported publication. To receive new posts and support my work, consider becoming a free or paid subscriber.

How did we get to Office 2003 with a menu bar, toolbars, context menus, keyboard shortcuts, task panes, dialog boxes (with tabs), widgets, buttons, and pop-up commands?

We got here by solving customer problems. We got here by making the product easier to use. We got here by listening to the market. We got here by winning reviews. It was that simple.

Or was it?

It is easy to see what happened in hindsight. We added new features, one after another. To make features easier to discover and use, we added additional user interface. Layer after layer, or solution after solution, we built up an array of user interface elements that when looked at in totality created bloat. But it is just so easy to say that in hindsight.

four page fold out table comparing 50 word processors.
A four-page foldout comparing 30 different word processors over 50 different features and a dozen abstract criteria. Click to enlarge. (Source: Software Digest “The Ratings Book” for IBM PC Word Processors 1984/5, personal)

One simple observation was that to win in the market when Microsoft started making applications, we had to win reviews. These reviews meant everything in a world with many competitors, retail distribution, and little word of mouth (and no internet). Reviews were giant checklists of features. For example, Software Digest compiled yearly reviews of all products in market. The 1984/5 edition of their 200-page book on just word processors had a 4-page fold-out checklist of 50 features and a dozen abstract criteria. Fail any of those and the overall score sank. A losing score meant no ability to advertise winning, no recommendations from salespeople, and then the next release and review started in a hole. So, for a decade we made sure to always have those features. There was no choice other than to win reviews. And we did.

When should we have stopped and taken a first principles approach? When would the upside have exceeded the potential downside? When would the market and reviews have tolerated a big change? What if the market rejected a solution we tried? We would have reverted to the old way and delayed addressing bloat for how long, another decade? It drove me bonkers when people thought bloat was obviously caused by too many features. It also drove me bonkers when those that should know better would so quickly conclude that we were making things worse by winning reviews.

Give a gift subscription

There is no easy answer to asking when the right time is to make a wholesale change in approach. Anyone in product development saying it is obvious hasn’t really lived through the risk of making a bad choice or is simply applying hindsight.

Innovator’s dilemma and disruption make it seem so easy to identify and act at the right moment. They also make it so easy to make fun of the leaders who are terrified, I mean literally shaking scared, to make a dramatic change to a product. No one ever gets fired right away for not making a big change. Many people get fired right away for making a big change at the wrong time. The worst part? So many big changes are eventually proven correct over time.

In the case of evolving Office, we were going so fast cranking out releases no one stopped to ask anything big. Customers were buying our product as fast as we could press new CDROMs, so to speak. We were winning reviews. Our biggest competitor was ourselves. We were so ubiquitous that we were punchlines on everything from David Letterman to Saturday Night Live to Dilbert.

Office Turf: No. 1 Faces An Upstart ICROSOFT once ran a great ad for Office, Its business-software cash cow. It went something like this: "Over 94 percent of the business world uses Microsoft office. What are we doing turon) It was true: the programs of Microsoft Office (Word, Excel, PowerPoint, Access, Outlook) seemed as permanent in our lives as the sun, the moon and Windows error messages. Its rivals -I,B.M.'s Lotus sulte and Corel's WordPerfect suite, for example - were pretty much the same thing for pretty much the same price, and never posed much of a threat. The world waited for a contender that was so compelling, peo- ple might actually consider filing for Micro- snit divorce Now there is one. It's called OpenOffice, and it has a killer feature: it's free. Like Microsoft Office, OpenOffice - whose official name is OpenOffice.org 1.0- comes with a word processor, a spreadsheet program and a slide-show program. It lacks Web-page editor. Amazingly, all this fits in a 50-megabyte download from www •openoffice.org. You have your cholce of 27 languages and three operating systems: Windows, Linux or Solaris. (A Mac OS X version is in the works.) How could such a sweet sulte be free? OpenOffice is what's called an open-source project: a carefully orchestrated group ef- fort by programmers all over the world, do- nating their time and talent to making a dent in the Microsoft monopoly.
“A clone-like, open-source alternative to Microsoft Office” and “Meanwhile, OpenOffice improves on Microsoft in a number of areas” said this article in The NY Times. (Source: David Pogue in New York Times, Jun 20. 2002)

Then suddenly, we were boring, bloated, and not particularly interesting. So much so that a buggy, poorly implemented, sort-of clone became a symbol of everything we had apparently done wrong. The world was saying that StarOffice was good enough. Ugh. Our sales, however, were not dented even the slightest. But could they be? We did lose that deal in one city in Germany. StarOffice was a German company so maybe it wasn’t so bad. Then there was a medium-sized US government agency loss. When do you panic when something like this happens? There’s no playbook.

Hemingway wrote in The Sun Also Rises:

     "How did you go bankrupt?" Bill asked.
     
     "Two ways," Mike said. "Gradually and then suddenly."
We became bloated gradually, and then suddenly it was too much. The product was collapsing under its own weight.

It was time to revisit from first principles everything we’d done and ask why. And to come up with a better approach, a wholesale reinvention.

Ye Olde Museum of Microsoft Office Past"
“Ye Olde Museum of Office Past” as presented by JensenH (who led program management for the user experience discussed in this chapter). Jensen prepared these slides for the public talks on Office12 and I used them for the college recruiting tech talk for a couple of years as well. (Source for this and all the screen shots below: JensenH/personal)

The aim of this section is to briefly cover the history of those innovations that got us here so that we have the necessary context in the next sections on the design of Office12. When it came to telling the story of Office12 once he showed it to customers, Jensen Harris (JensenH) dubbed this his tour of “Ye Olde Museum of Office Past.” Please join us on a tour.

A character screen showing Word 1.0 user interface. At the bottom you can see the "menu" that says COMMAND: Alpha, Copy, Delete, Format, Gallery, Help, Insert, Jump, Library, Options, Print, Quit, Replace, Search, Transfer, Undo, Window"
A sample screen from Microsoft Word 1.0. This screen is taken from Software Digest and to be honest I am not sure how it was generated/captured but it does represent 25 lines by 80 columns of classic IBM PC monochrome character mode in the early days. (Source: Software Digest as above)

Comparing a typical command in Office from the time it was introduced to a release decades later is a great lesson in the compounding complexity of products. Making text bold debuted in Microsoft Word 1.0 for MS-DOS in 1983. Text was made bold simply by selecting the text (actually, it wasn’t simple at all since few had a mouse, but I digress), hitting the escape key, the letter F for format, the letter C for character, and finally the letter B for bold. For those with a fancy monitor, which not everyone had at the time, the text became bold on the screen. Choices at each step were limited to approximately five.

Several function keys of a classic PC keyboard with a plastic overlay indicating what those function keys do in WordPerfect
Keyboard overlays were common with all MS-DOS productivity tools. This is for WordPerfect. The black is unmodified, then using Shift, Control, Alt, etc. (Source: Wikipedia, though I have one but couldn’t find the box!)

Commands also had keyboard shortcuts from before the mouse as an affordance for touch typists. Early keyboard shortcuts were simple, like using INS(ert) key to copy text from the scrap (clipboard). WordPerfect, and other early MS-DOS apps, devised schemes that were nearly impossible to memorize. Most people had some sort of cheat sheet nearby or keyboard overlay to help remind them of keyboard sequences. Lotus 1-2-3 had a highly structured command architecture known as slash commands as navigating the character-based menus began by striking the forward-slash key (for example, to open a file /WFR for slash, (W)orksheet menu, (F)ile menu, (R)etrieve command). Competitively, the two behemoths in productivity software of the MS-DOS era, WordPerfect and Lotus, arguably clung to their keyboard methods while the industry shifted to the graphical interface, even maintaining compatibility with those keystrokes during the rise of the mouse and standardized menus.

Inside MacWrite Powerful word-processing features in a desktop environment Pull-down menus: Just like MacPaint (see page 84), the MacWrite program gives you access to its man word-process- ing features through a col- lection of pull-down menus selected from the bar at the top of the screen. For instance, the display on the facing page shows the cursor in position to select the File menu. Stule Plain Text #P Bold vItalit aI Underline ¥1 vOutine 我0 Shadow #S File NeW Edit Close... Save... Print.. Quit The File menu encom- passes all file-controlling commands. Foul Toot Undo Cut Copy Paste 94 我厂 9I 9 Point 17 Point 14 Point 18 Point /24 Point 76 Point 48 Point 77 Pnint Show ScraoBook The Edit menu lets vou move text by cutting a sec- tion out, storing it on the clipboard, and pasting it in another location. In most instances, you can undo last smman MacWrite's Style menu lets you alter the type size and style of vour text. The type in anv font can be made bold, italic, under. lined. outlined. and/or shadowed, and an impres- sive range of type sizes is available Cursive Old Enolish City Ransom Querbrook Sustem Rosemont Ardmore /Merion The prerelease version of MacWrite we tested offers nine different fonts in- cluding display type. About MacUrite.. Calculator Clock Keu Caps Puzzle NotePad ScrapBook Control Panel System utilities are selected from the "Apple logo' menu. Format Insert Ruler Hide Rulers Show Header Shot Footer Set Page #... Insert Page Break Title Page MaWrite's Format menu works with the icons described on the facing page to control the an- pearance of your text. Search Find... Change... Searching and replace functions are accessed via the Search menu. The MacWrite display below shows format specifications | ruler let you choose single-, 1½, or double-spacing, and and type samples. The menu bar is at the very top, and the four on the right set text flush left, centered, flush the line below it gives you your current file's title. The right, or fully justified. Again, all you do is use the ruler lets you mark left and right margins (solid triangle icons), paragraph indent (vertical arrow icon), regular 'porten arenate what choices and the wilt aide morts tab (open triangle icon), and decimal tab (dotted triangle like an elevator up and down the gray column to indicate ire o prop tale Yoon and aragit to ha de streapont on where you are in your document (you can jump across hundreds of lines by sliding the box with the mouse). the ruler. The three rectangles in the center below the The nine fonts and six type styles are also shown. File Edit Search Format Fonts Stule Untitled 13 5 16 Macintosh Matintosh Macintosh Macintosh macintosh Macintosh Macintosh Macintosh Macintosh Macintosh Macintosh Macintosh Macintosh macintosh macintosh Mara 1084 Donular Comnutino
In a special Macintosh focused issue of Popular Computing in March 1994, this two page spread showed everything in MacWrite 1.0. The screen shots are based on a pre-release or rendered screens and not exactly how the first version shipped, probably due to lead times for print publications. (Source: Popular Computing, March 1984, personal)

Macintosh, with menus and a mouse (and later Windows), aimed to simplify all this. In Microsoft’s Word 1.0 for Macintosh, text was selected with a mouse and Bold was chosen from the Character menu, like what Apple did in their MacWrite 1.0. MacWrite had about 35 menu commands in total. Menus were mostly a direct mapping of the features to the product code. The whole product could be described by showing screenshots of all the menus in a two-page magazine spread as Popular Computing did in 1984 when Macintosh was launched.

Over time more and more formatting options were added: subscript, superscript, underline, different fonts, color, and so on. Excel was even more complicated because it supported formatting cells as dates or currencies, plus single underline, double underline, accounting underline, and more. This was great—we listened to customers, observed what they were trying to do in the real world, took advantage of new hardware, such as laser printers, color ink-jet printers, and fancy screens, and were adding features like mad. Soon, though, the menus got too long for even basic formatting.

The Format chart legend dialog box in Microsoft Chart 1.0)
One of Microsoft earlier “dialog boxes” was in Chart 1.0 which shipped right when the original Macintosh shipped in 1984. Compare to MacWrite above and you can many of these options for word processing would have been on a menu, but there are too many for the menu bar. Chart had menus like Microsoft Word and Multiplan on MS-DOS, which made the use of dialogs more natural. (Source: screen shot from Macintosh emulator on Archive).

Microsoft’s early Macintosh applications introduced dialog boxes, which were windows that popped up and showed all the formatting options. This was inconvenient for routine formats, so the menus had a mixture of common commands like Bold and Italic, and then a menu to “bring up that complicated dialog box.” This was the start of hide-and-seek with features.

The first spreadsheet to make you part of the equation. Microsoft Excel Formula Format Data Options Macro Window Help File Edit Normal There's one very with other Windows applications, like important factor that Microsoft Ward for Windows. Just what most spreadsheets dont youd expect from the people who pio- know how wande,you neered he fIt Winds spreadsheet And Microsoft Excel reads and Excel 30 for Windows* writes Lotus files. And converts 123 has changed all that. macros. And offers online help to guide With plenty of easy-to-use fea- you through your transition from Lotus tures like the Toolbar; you may start to the friendliest spreadsheet ever seen to thinkof Mienso? Eire: 30 25an, on the pertipalcomerit, even i'sou extension of your thought process in stead of a spreadsheet. What m eSt easy for suito Hiving Latest bar can uprade Microsoft Excel and you. It all Or take Solver. It lets you start with a desired result and work back- wards to find the variable you need. It's also easy to share results Microsoft
The advertisement for Excel 3.0 from 1990 shows the box with the big toolbar splashed across the front along with the toolbar featured prominently in the advertisement. (Source: in an InfoWorld advertisement)

Excel realized these challenges about the same time Microsoft Publisher did and created toolbars. (There’s a history of debate over toolbars—what is considered one, and which team or even company invented them. Many on the Excel team were hardcore about their version of the story.) Toolbars were used for common commands, like Bold and Italic, as well as Print, Save, and Copy. In 1990, the front of the Excel 3.0 box and associated advertising displayed giant toolbar with buttons for Bold and Italic. Toolbars they were such a big deal. Eventually, toolbars were so popular everyone wanted their favorite commands on them, so we created more toolbars and made it easy to rearrange the buttons and hide/show different toolbars.

Word for Windows 1.0 (1989) Common screen resolution: 640x480 Number of toolbars: 2
Word for Windows 1.0 sowing the two toolbars and ruler. (Source: JensenH presentation)

This post is for paid subscribers

Already a paid subscriber? Sign in
Previous
Next
© 2023 Steven Sinofsky, All Rights Reserved
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing