{"id":6096,"date":"2016-09-27T13:23:43","date_gmt":"2016-09-27T11:23:43","guid":{"rendered":"https:\/\/usersnap.com\/?p=6096"},"modified":"2025-02-20T05:41:05","modified_gmt":"2025-02-20T04:41:05","slug":"windows-98-user-onboarding","status":"publish","type":"post","link":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/","title":{"rendered":"Why Windows 98&#8217;s User Onboarding is Better Than Yours"},"content":{"rendered":"\n<p>Reading through <a href=\"http:\/\/www.ics.uci.edu\/~kobsa\/courses\/ICS104\/course-notes\/Microsoft_WindowsGuidelines.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Microsoft\u2019s 1995 Interface Guidelines<\/a> is like unearthing a lost relic. The 381-page tome \u2014 for designers creating Windows apps \u2014 got me thinking about how much has changed, not only with Microsoft but with software overall. The guidelines are ahead of their time.<\/p>\n\n\n\n<p>They\u2019re concerned with helping the user get to grips with the OS, and there&#8217;s a focus on empathy and a hint Microsoft is starting to think about UX. That&#8217;s which isn\u2019t something Windows 3.1 makes any effort to do. On first run, you&#8217;re thrown into this jumble:<br><\/p>\n\n\n\n<!--more-->\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/windows98-user-onboarding.png\"><img decoding=\"async\" width=\"1024\" height=\"526\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/windows98-user-onboarding-1024x526.png\" alt=\"windows 98 user onboarding\" class=\"wp-image-6098\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/windows98-user-onboarding-1024x526.png 1024w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/windows98-user-onboarding-300x154.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/windows98-user-onboarding-140x72.png 140w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/windows98-user-onboarding.png 1052w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>I decided to take a nostalgic trip back to Windows 98, re-experience it and write the article I wished I could have read.<\/p>\n\n\n\n<p>For me, a notable part of Windows 98\u2019s UX is its user onboarding process. After the cryptic start screen from Windows 3.1, it\u2019s a great thing to see. User onboarding is getting the user from a state of confusion to feeling comfortable with the software as quickly as possible. It\u2019s about teaching them enough fundamentals that they can learn the rest on their own, minimizing the \u2018red tape\u2019 of setup and getting them ready to go in the most frictionless way possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">First of all \u2014 what are some examples of user onboarding techniques?<\/h2>\n\n\n\n<p>Before the days of dedicated apps for creating an onboarding experience, software designers had to do it themselves. Now, thanks to powerful processors and bigger-than-floppy-disk memory size, experiences are smoother and fancier. Even so, the principles are the same as ever. Here are some examples:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Registration forms<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Process-Street-Signon-drop.png\"><img decoding=\"async\" width=\"1024\" height=\"337\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Process-Street-Signon-drop-1024x337.png\" alt=\"process street user onboarding signup\" class=\"wp-image-6099\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Process-Street-Signon-drop-1024x337.png 1024w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Process-Street-Signon-drop-300x99.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Process-Street-Signon-drop-140x46.png 140w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Process-Street-Signon-drop.png 1430w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>No one wants a game of 20 questions where the prize is signing up. Back in the days of Windows 98, as I\u2019ll look at in a moment, you had to put in very little information before landing on the desktop. This is even easier nowadays thanks to Google\/social authentication, as shown below in <a href=\"http:\/\/process.st\/\" target=\"_blank\" rel=\"noopener noreferrer\">Process Street<\/a>:<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Empty states<\/h2>\n\n\n\n<p>As covered in a <a href=\"http:\/\/techcrunch.com\/2015\/11\/22\/the-most-overlooked-aspect-of-ux-design-could-be-the-most-important\/\" target=\"_blank\" rel=\"noopener noreferrer\">previous article<\/a>, empty states are what the user sees when there is no data to display on the screen. Any holes in the user onboarding process can be fixed with empty states since they (should) tell you why you\u2019re seeing nothingness, and how to fill that space with something useful. Here are some good empty state examples: Spotify<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Spotify-Empty-State-drop-user-onboarding.png\"><img decoding=\"async\" width=\"999\" height=\"499\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Spotify-Empty-State-drop-user-onboarding.png\" alt=\"spotify user onboarding\" class=\"wp-image-6100\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Spotify-Empty-State-drop-user-onboarding.png 999w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Spotify-Empty-State-drop-user-onboarding-300x150.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Spotify-Empty-State-drop-user-onboarding-140x70.png 140w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Spotify-Empty-State-drop-user-onboarding-700x350.png 700w\" sizes=\"(max-width: 999px) 100vw, 999px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Spotify\u2019s (cunningly optimized) interface won\u2019t show you an empty space if you have no stations.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Trello-Empty-State-drop.png\"><img decoding=\"async\" width=\"942\" height=\"505\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Trello-Empty-State-drop.png\" alt=\"trello user onboarding best practices\" class=\"wp-image-6101\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Trello-Empty-State-drop.png 942w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Trello-Empty-State-drop-300x161.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Trello-Empty-State-drop-140x75.png 140w\" sizes=\"(max-width: 942px) 100vw, 942px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Trello\u2019s empty state is an example board that explains the core features and makes <a href=\"https:\/\/usersnap.com\/blog\/trello-tools-integrations-development\/\" target=\"_blank\" rel=\"noopener noreferrer\">Trello<\/a>\u2019s onboarding experience fun and educational, not a trawl through the user manual.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Interactions, not user manuals<\/h2>\n\n\n\n<p>Even if they\u2019re not paper, apps do still have documentation. Check out <a href=\"https:\/\/usersnap.com\/blog\/github-hacks-productivity\/\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub\u2019s<\/a> massive help section, for example. There\u2019s nothing stopping software companies providing online user manuals and FAQs, but far away from the age of documentation-driven onboarding and have adopted a \u2018learn by doing\u2019 mindset.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Learn-Git-and-GitHub-drop.png\"><img decoding=\"async\" width=\"1010\" height=\"343\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Learn-Git-and-GitHub-drop.png\" alt=\"github user onbarding\" class=\"wp-image-6102\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Learn-Git-and-GitHub-drop.png 1010w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Learn-Git-and-GitHub-drop-300x102.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Learn-Git-and-GitHub-drop-140x48.png 140w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you create a new GitHub account, the banner above is what you see over your empty dashboard.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Hello-World-GitHub-drop.png\"><img decoding=\"async\" width=\"983\" height=\"579\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Hello-World-GitHub-drop.png\" alt=\"github user onboarding\" class=\"wp-image-6103\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Hello-World-GitHub-drop.png 983w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Hello-World-GitHub-drop-300x177.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Hello-World-GitHub-drop-140x82.png 140w\" sizes=\"(max-width: 983px) 100vw, 983px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>While it does technically take you to an online user manual, it teaches you how to use the app by guiding you step-by-step through a real use case, not an abstract glossary of features. Similarly, when signing up for <a href=\"http:\/\/teamgantt.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TeamGantt<\/a> the first choice you make is whether to be guided through an interactive sample project or to start fresh.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/TeamGantt-drop.png\"><img decoding=\"async\" width=\"866\" height=\"447\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/TeamGantt-drop.png\" alt=\"teamgantt user onboarding\" class=\"wp-image-6104\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/TeamGantt-drop.png 866w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/TeamGantt-drop-300x155.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/TeamGantt-drop-140x72.png 140w\" sizes=\"(max-width: 866px) 100vw, 866px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>The sample project comes with tip boxes which take you through a basic workflow with the app that\u2019s vital to your proficiency.<\/p>\n\n\n\n<p>Now let\u2019s look at how Windows 98 uses these user onboarding techniques.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">User onboarding: Windows 98 style<\/h2>\n\n\n\n<p>I\u2019ve looked before at <a href=\"https:\/\/www.process.st\/user-onboarding-process\/\" target=\"_blank\" rel=\"noopener noreferrer\">how Microsoft build their user onboarding into games<\/a> for Windows 3.1, but the truth is that 3.1\u2019s onboarding was otherwise pretty poor. The software was designed for command-line users with prior knowledge, and the only help offered was with getting used to the GUI, not the OS itself. Perhaps that\u2019s why Windows 95 &amp; 98 \u2014 the first Windows operating systems that considered onboarding for the common user \u2014 sold over 10 times more copies than 3.1 did 6 years prior.<\/p>\n\n\n\n<p><strong>Also Read:<\/strong> <a href=\"https:\/\/usersnap.com\/glossary\/customer-onboarding\">Customer onboarding: Definition with Examples<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Windows 98 uses Progressive Profiling<\/h2>\n\n\n\n<p>Progressive Profiling \u2014 what Auth0 calls breaking down a registration form into manageable steps \u2014 helps beat the overwhelming experience of being presented with a huge form upon signup.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-1-drop.png\"><img decoding=\"async\" width=\"708\" height=\"422\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-1-drop.png\" alt=\"windows 98 user onboarding\" class=\"wp-image-6105\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-1-drop.png 708w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-1-drop-300x179.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-1-drop-140x83.png 140w\" sizes=\"(max-width: 708px) 100vw, 708px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Windows 98, even though it\u2019d love for you to register every detail under the sun, doesn\u2019t force it. In fact, the first time I was asked to provide a password was when logging off for the first time.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-2-drop.png\"><img decoding=\"async\" width=\"797\" height=\"353\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-2-drop.png\" alt=\"windows 98 user onboarding\" class=\"wp-image-6106\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-2-drop.png 797w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-2-drop-300x133.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-Signon-2-drop-140x62.png 140w\" sizes=\"(max-width: 797px) 100vw, 797px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>The initial setup is as friction-free as you could ask for, even saving the modem setup for when you decide to connect to the internet \u2014 either when opening Outlook, Internet Explorer or trying to connect directly.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The recycling bin is a great empty state<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Recycle-Bin-Empty-State1-drop.png\"><img decoding=\"async\" width=\"708\" height=\"422\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Recycle-Bin-Empty-State1-drop.png\" alt=\"windows 98 user onboarding\" class=\"wp-image-6107\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Recycle-Bin-Empty-State1-drop.png 708w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Recycle-Bin-Empty-State1-drop-300x179.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Recycle-Bin-Empty-State1-drop-140x83.png 140w\" sizes=\"(max-width: 708px) 100vw, 708px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Windows 98 doesn\u2019t have many true empty states because it comes populated with a ton of shortcuts and files. I did, however, find a great example in the recycling bin that\u2019s just as useful as the modern day ones I pointed out earlier.<br><\/p>\n\n\n\n<p>The process of throwing something into a bin and being able to either permanently trash it or uncrumple it and use it again is also a familiar one, so that helps the mechanics here make sense to new users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setup lets you take the path of least resistance<\/h2>\n\n\n\n<p>If you don\u2019t want to \u2018customize all available Setup options\u2019, you\u2019re welcome to take a typical installation.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/typical-installation-1-drop.png\"><img decoding=\"async\" width=\"666\" height=\"504\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/typical-installation-1-drop.png\" alt=\"windows 98 user onboarding setup\" class=\"wp-image-6108\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/typical-installation-1-drop.png 666w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/typical-installation-1-drop-300x227.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/typical-installation-1-drop-140x106.png 140w\" sizes=\"(max-width: 666px) 100vw, 666px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Unlike 3.1, which assumes you\u2019re familiar with computers and the command line, 98 puts together a starter pack of components for the average user so you can get set up as quickly as possible, without too many decisions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Learning to use Windows 98 by completing small exercises<\/h2>\n\n\n\n<p>Part of Window 98&#8217;s onboarding sequence is getting used to using the mouse and keyboard. In line with the interface guidelines:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;The user should always feel in control of the software, rather than feeling controlled by the software&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>It teaches you to control the software, as well as letting you skip the tutorial at any time.<\/p>\n\n\n\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/l0MYA2hS7d4YkFI9G\" width=\"480\" height=\"338\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<p>By completing these small exercises the user&#8217;s going to get used to the fundamentals of Windows, framed in a way that&#8217;s more obvious to them than if they were thrown into the OS without explanation. There&#8217;s even a test at the end so you can see how much you know!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comparing software to real world experiences<\/h2>\n\n\n\n<p>In 1997, computers weren\u2019t nearly as widespread as they are now. For that reason, Microsoft compared computers to objects the user was sure to be familiar with, like a typewriter and a TV.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-98-looks-like-a-TV-drop.png\"><img decoding=\"async\" width=\"643\" height=\"488\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-98-looks-like-a-TV-drop.png\" alt=\"windows 98 user onboarding real world example\" class=\"wp-image-6109\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-98-looks-like-a-TV-drop.png 643w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-98-looks-like-a-TV-drop-300x228.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Windows-98-looks-like-a-TV-drop-140x106.png 140w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Back when this comparison was made, 64% of US households didn\u2019t own a computer. That\u2019s since dropped to 16%, which explains why we don\u2019t see charming explanations like these any more.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Like-a-typewriter-drop.png\"><img decoding=\"async\" width=\"643\" height=\"491\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Like-a-typewriter-drop.png\" alt=\"user onboarding windows 98\" class=\"wp-image-6110\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Like-a-typewriter-drop.png 643w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Like-a-typewriter-drop-300x229.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Like-a-typewriter-drop-140x107.png 140w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>The idea of comparing technology to past objects was popular with Steve Jobs, who used it as a main component of <a href=\"https:\/\/www.process.st\/steve-jobs-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">his designs<\/a> until the release of iOS7.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201c<a href=\"https:\/\/usersnap.com\/blog\/buttons-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Skeuomorphism<\/a> is a catch-all term for when objects retain ornamental elements of past, derivative iterations\u2013elements that are no longer necessary to the current objects\u2019 functions.\u201d \u2014 Tim Worstall<\/p>\n<\/blockquote>\n\n\n\n<p>For Windows 98 (unlike Apple\u2019s terrible brushed chrome phase), it wasn\u2019t purely a design aesthetic. It was a way to familarize users with what they\u2019re seeing by drawing on their past experiences. It\u2019s the reason why recognizable UI elements make sense. Nowadays we know what the red plus is for on Google Drive, and can reliably theorize that it does the same thing in Google Photos. Back then, we knew what a TV and typewriter is so could use that knowledge to make sense of new technology in the exact same way.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why did Windows 98 turn out so well?<\/h2>\n\n\n\n<p>The dramatic jump in quality between Windows 3.1 and 95\/98 could be explained by the presence of documentation. In the documentation, the writer shows concern, and awareness of a user\u2019s experience that wasn\u2019t obvious in 3.1\u2019s approach of throwing you headfirst onto your desktop. Quoting from the 1995 Windows Interface Guidelines:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u201cAvoid adding new elements or behaviors unless the interface does not otherwise support them. More importantly, avoid changing an existing behavior for common elements. A user builds up expectations about the workings of an interface. Inconsistencies not only confuse the user, they also add unnecessary complexity.\u201d<\/p>\n<\/blockquote>\n\n\n\n<p>This also applies to how Microsoft connect the experience with a computer to situations and objects the user already understands.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/you-already-know-how-to-drop.png\"><img decoding=\"async\" width=\"643\" height=\"491\" src=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/you-already-know-how-to-drop.png\" alt=\"win 98 user onboarding\" class=\"wp-image-6111\" srcset=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/you-already-know-how-to-drop.png 643w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/you-already-know-how-to-drop-300x229.png 300w, https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/you-already-know-how-to-drop-140x107.png 140w\" sizes=\"(max-width: 643px) 100vw, 643px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why it\u2019s so good: Microsoft made no assumptions about its market<\/h2>\n\n\n\n<p>After the brief setup, you can choose to either get straight to it, or select an option that says you\u2019ve never used a computer before. It has another selective help section purely for users of 3.1, Mac, and people who have never used a mouse or keyboard before. And what have we got now? Thankfully Microsoft recycle-binned Windows 8 \u2014 an OS my mum said is \u2018rubbish\u2019 \u2014 but its failings and the core UX principles it overlooked after writing them 20 years earlier don\u2019t give me much hope that we\u2019ll ever again see as much genuine empathy for the user as we saw in 98.<\/p>\n\n\n\n<p>And it&#8217;s that empathy Microsoft knew they needed to tap into that helped them create such the experience. They knew it was a &#8216;do or die&#8217; moment for them \u2014 if the user didn&#8217;t pick up on the OS&#8217;s functions quickly, it&#8217;d be dead in the water.<\/p>\n\n\n\n<p>There&#8217;s nothing like the terrifying consequence of outright failure to motivate you to create an amazing user onboarding experience.<\/p>\n\n\n\n<p><strong><em>About the author:<\/em><br><\/strong>Benjamin Brandall is the head of content marketing at <a href=\"http:\/\/process.st\/\" target=\"_blank\" rel=\"noopener noreferrer\">Process Street<\/a>. When he&#8217;s not writing on SaaS, design, and startups, you&#8217;ll find him on his <a href=\"http:\/\/benjbrandall.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">personal blog<\/a> or <a href=\"http:\/\/twitter.com\/benjbrandall\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reading through Microsoft\u2019s 1995 Interface Guidelines is like unearthing a lost relic. The 381-page tome \u2014 for designers creating Windows apps \u2014 got me thinking about how much has changed, not only with Microsoft but with software overall. The guidelines are ahead of their time. They\u2019re concerned with helping the user get to grips with [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":6114,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"ub_ctt_via":"","footnotes":""},"categories":[8],"tags":[],"class_list":["post-6096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-blog"],"acf":[],"featured_image_src":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png","author_info":{"display_name":"Benjamin Brandall","author_link":"https:\/\/usersnap.com\/blog\/author\/benjaminbrandall\/"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Why Windows 98&#039;s User Onboarding is Better Than Yours!<\/title>\n<meta name=\"description\" content=\"September 27, 2016\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Windows 98&#039;s User Onboarding is Better Than Yours!\" \/>\n<meta property=\"og:description\" content=\"September 27, 2016\" \/>\n<meta property=\"og:url\" content=\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\" \/>\n<meta property=\"og:site_name\" content=\"Usersnap Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/usersnap\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-27T11:23:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-20T04:41:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"804\" \/>\n\t<meta property=\"og:image:height\" content=\"311\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Benjamin Brandall\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@usersnap\" \/>\n<meta name=\"twitter:site\" content=\"@usersnap\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Benjamin Brandall\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\"},\"author\":{\"name\":\"Benjamin Brandall\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/3bfd1b07a11849f0a2da107d1eccbb76\"},\"headline\":\"Why Windows 98&#8217;s User Onboarding is Better Than Yours\",\"datePublished\":\"2016-09-27T11:23:43+00:00\",\"dateModified\":\"2025-02-20T04:41:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\"},\"wordCount\":1618,\"publisher\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png\",\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\",\"url\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\",\"name\":\"Why Windows 98's User Onboarding is Better Than Yours!\",\"isPartOf\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png\",\"datePublished\":\"2016-09-27T11:23:43+00:00\",\"dateModified\":\"2025-02-20T04:41:05+00:00\",\"description\":\"September 27, 2016\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage\",\"url\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png\",\"contentUrl\":\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png\",\"width\":804,\"height\":311,\"caption\":\"user onboarding windows 98\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/usersnap.com\/blog\/#website\",\"url\":\"https:\/\/usersnap.com\/blog\/\",\"name\":\"Usersnap Blog\",\"description\":\"Learn more about how to collect user feedback and build better products with the magic power of feedback.\",\"publisher\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/usersnap.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/usersnap.com\/blog\/#organization\",\"name\":\"Usersnap\",\"url\":\"https:\/\/usersnap.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png\",\"contentUrl\":\"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png\",\"width\":136,\"height\":26,\"caption\":\"Usersnap\"},\"image\":{\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/usersnap\",\"https:\/\/x.com\/usersnap\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/3bfd1b07a11849f0a2da107d1eccbb76\",\"name\":\"Benjamin Brandall\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/usersnap.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e94ba23ba46701e882db114da4153eb43592ab54d59fe9d746d9ffe5265540c3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e94ba23ba46701e882db114da4153eb43592ab54d59fe9d746d9ffe5265540c3?s=96&d=mm&r=g\",\"caption\":\"Benjamin Brandall\"},\"url\":\"https:\/\/usersnap.com\/blog\/author\/benjaminbrandall\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Why Windows 98's User Onboarding is Better Than Yours!","description":"September 27, 2016","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/","og_locale":"en_US","og_type":"article","og_title":"Why Windows 98's User Onboarding is Better Than Yours!","og_description":"September 27, 2016","og_url":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/","og_site_name":"Usersnap Blog","article_publisher":"https:\/\/www.facebook.com\/usersnap","article_published_time":"2016-09-27T11:23:43+00:00","article_modified_time":"2025-02-20T04:41:05+00:00","og_image":[{"width":804,"height":311,"url":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png","type":"image\/png"}],"author":"Benjamin Brandall","twitter_card":"summary_large_image","twitter_creator":"@usersnap","twitter_site":"@usersnap","twitter_misc":{"Written by":"Benjamin Brandall","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#article","isPartOf":{"@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/"},"author":{"name":"Benjamin Brandall","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/3bfd1b07a11849f0a2da107d1eccbb76"},"headline":"Why Windows 98&#8217;s User Onboarding is Better Than Yours","datePublished":"2016-09-27T11:23:43+00:00","dateModified":"2025-02-20T04:41:05+00:00","mainEntityOfPage":{"@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/"},"wordCount":1618,"publisher":{"@id":"https:\/\/usersnap.com\/blog\/#organization"},"image":{"@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage"},"thumbnailUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png","articleSection":["Web Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/","url":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/","name":"Why Windows 98's User Onboarding is Better Than Yours!","isPartOf":{"@id":"https:\/\/usersnap.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage"},"image":{"@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage"},"thumbnailUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png","datePublished":"2016-09-27T11:23:43+00:00","dateModified":"2025-02-20T04:41:05+00:00","description":"September 27, 2016","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/windows-98-user-onboarding\/#primaryimage","url":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png","contentUrl":"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/09\/Wizard-Art-Header.png","width":804,"height":311,"caption":"user onboarding windows 98"},{"@type":"WebSite","@id":"https:\/\/usersnap.com\/blog\/#website","url":"https:\/\/usersnap.com\/blog\/","name":"Usersnap Blog","description":"Learn more about how to collect user feedback and build better products with the magic power of feedback.","publisher":{"@id":"https:\/\/usersnap.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/usersnap.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/usersnap.com\/blog\/#organization","name":"Usersnap","url":"https:\/\/usersnap.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png","contentUrl":"https:\/\/usersnap.com\/wp-content\/uploads\/2020\/08\/Usersnap-Updated-Logo.png","width":136,"height":26,"caption":"Usersnap"},"image":{"@id":"https:\/\/usersnap.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/usersnap","https:\/\/x.com\/usersnap"]},{"@type":"Person","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/3bfd1b07a11849f0a2da107d1eccbb76","name":"Benjamin Brandall","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/usersnap.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e94ba23ba46701e882db114da4153eb43592ab54d59fe9d746d9ffe5265540c3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e94ba23ba46701e882db114da4153eb43592ab54d59fe9d746d9ffe5265540c3?s=96&d=mm&r=g","caption":"Benjamin Brandall"},"url":"https:\/\/usersnap.com\/blog\/author\/benjaminbrandall\/"}]}},"_links":{"self":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts\/6096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/comments?post=6096"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/posts\/6096\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/media\/6114"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/media?parent=6096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/categories?post=6096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/blog\/wp-json\/wp\/v2\/tags?post=6096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}