Go To Web Development Home | Add to Favorites
90s Web Design: A Nostalgic Look Back
A nostalgic look back at 90s web design, and a warning to anyone whose website is an accidental anachronism.
Remember the days when every PC was beige, every website had a little Netscape icon on the homepage, Geocities and Tripod hosted just about every single personal homepage, and "Google" was just a funny-sounding word?
The mid-late 1990s were the playful childhood of the worldwide web, a time of great expectations for the future and pretty low standards for the present. Those were the days when doing a web search meant poring through several pages of listings rather than glancing at the first three results--but at least relatively few of those websites were unabashedly profit-driven.
Hallmarks of 1990s Web Design
Of course, when someone says that a website looks like it came from 1996, it's no compliment. You start to imagine loud background images, and little "email me" mailboxes with letters going in and out in an endless loop. Amateurish, silly, unprofessional, conceited, and unusable are all adjectives that pretty well describe how most websites were made just ten years ago.
Why were websites so bad back then?
Knowledge. Few people knew how to build a good website back then, before authorities like Jakob Nielsen starting evangelizing their studies of web user behavior.
Difficulty. In those days, there weren't abundant software and templates that could produce a visually pleasing, easy-to-use website in 10 minutes. Instead, you either hand-coded your site in Notepad or used FrontPage.
Giddiness. When a new toy came out, whether it was JavaScript, Java, Frames, animated Gifs, or Flash, it was simply crammed into an already overstuffed toy box of a website, regardless of whether it served any purpose.
Browsing through the Internet Archive's WayBack Machine, it's hard not to feel a twinge of nostalgia for a simpler time when we were all beginners at this. Still, one of the best reasons for looking at 90s website design is to avoid repeating history's web design mistakes. This would be a useful exercise for the tragic number of today's personal homepages and even small business websites that are accidentally retro.
Splash Pages
Sometime around 1998, websites all over the internet discovered Flash, the software that allowed for easy animation of images on a website. Suddenly you could no longer visit half the pages on the web without sitting through at least thirty seconds of a logo revolving, glinting, sliding, or bouncing across the screen.
Flash "splash pages," as these opening animations were called, became the internet's version of vacation pictures. Everyone loved to display Flash on their site, and everyone hated to have to sit through someone else's Flash presentation.
Of all the thousands of splash pages made in the 1990s and the few still made today, hardly any ever communicated any useful information or provided any entertainment. They were monuments to the egos of the websites' owners. Still, today, when so many business website owners are working so hard to wring every last bit of effectiveness out of their sites, it's almost charming to think of a business owner actually putting ego well ahead of the profit to have been derived from all the visitors who hit the "back" button rather than sit through an animated logo.
Text Troubles
"Welcome to…" Every single website homepage in 1996 had to have the word "welcome" somewhere, often in the largest headline. After all, isn't saying "welcome" more vital than saying what the web page is all about in the first place?
Background images. Remember all those people who had their kids' pictures tiled in the background of every page? Remember how much fun it was trying to guess what the words were in the sections where the font color and the color of the image were the same?
Dark background, light text. My favorite was orange font on purple background, though the ubiquitous yellow white text on blue, green or red was nice, too. Of course, anyone who will make their text harder to read with a silly gimmick is just paying you the courtesy of letting you know they couldn't possibly have written anything worth reading.
Entire paragraphs of text centered. After all, haven't millennia of flush-left margins just made our eyes lazy?
"This Site Is Best Viewed in Netscape 4.666, 1,000x3300 resolution." It was always so cute when site owners actually imagined anyone but their mothers would care enough to change their browser set up to look at some random person's website.
All-image no-text publishing. Some of the worst websites would actually do the world the service of putting all their text in image format so that no search engine would ever find them. What sacrifice!
Hyperactive Pages
TV-envy was a common psychological malady in 1990s web design. Since streaming video and even Flash were still in their infancy, web designers settled for simply making the elements on their pages move like Mexican jumping beans.
Animated Gifs
In 1996, just before the dawn of Flash, animated gifs were in full swing, dancing, sliding, and scrolling their way across the retinas of web surfers trying to read the text on the page.
Scrolling Text
Just in case you were having a too easy time tuning out all the dancing graphics on the page, an ambitious mid-1990s web designer had a simple but powerful trick for giving you a headache: scrolling text. Through the magic of JavaScript, website owners could achieve the perfect combination of too fast to read comfortably and too slow to read quickly.
For a while, a business owner could even separate the serious from the wannabe prospects based just on how (un)professional their business websites looked. Sadly, the development of template-based website authoring software means that even someone with no taste or sense whatsoever can make websites that look as good as the most biggest-budget design of five years ago.
Of course, there are still some websites whose owners seem to be trying to spark a resurgence in animated gifs, background images, and ugly text. 'll just have to trust that everyone is laughing with them, not at them.
About the author:
If you want to avoid these mistakes in your website Joel Walsh recommends you check out http://www.ezgenerator.com/documents/167.html?%20web%20authoring%20software[Publishthis article on your website!Requirement:live link for above URL/web address w/ link text/anchor text:"web authoring software" OR leave this bracketed message]
Source: Article Directory
Using Anchor Text Effeciently One of the most underused things by Newbies in regards to linking is "Anchor Text". This is the visible text showing in a link.The prime mistake Newbies make is to put their website name into the Anchor Text. Unless your website contains your keywords this is a waste of a perfectly good link. Remember that Google puts...(related: Web Development)
Creative Suite - The Underlying Integration Are you an Acrobat user and needs a complete tool for your print or web design projects? Read on.A few months ago, Acrobat launched its main creative design packages including Photoshop/ImageReady, GoLive, InDesign and Illustrator. After a long period of silence, it came up with a much better package.Adobe’s Creative Suite now comes in two new packages, the Standard Edition and the Professional Edition. The Standard Edition is composed of Adobe Photoshop, Adobe Illustrator and InDesign. This package contains most of the print-oriented flagships...(related: Web Development)
The Five Steps Of E-commerce You set up a retail business, you advertise in your local newspaper, you get customers coming into your store, and you receive payment at the cash register. Create an online store, and...how do you get customers? How do you receive payment? The concept is the same, but the steps are different.Step 1: Create your websiteIf you don’t have web design skills, you can hire a qualified web designer to create a website for you, or you can use an online site builder. Think of it as hiring an architect and an interior decorator compared to setting up shop in an existing store.Using a web designerWith the services of a web designer, you can have a unique website template and website customized to your specific needs. A web development team can also add features such as Flash headers or any programming...(related: Web Development)
|
 |
 |
 |
Fast Web Design For The Skint Webmaster About two years ago, I had a go at commercial web site design. I put a medium-sized ad in a London classified ad paper. Nothing fancy: "Web designer seeks work ..." etc. This was expensive, about £500 for a month's run.Got a few replies. Lesson number one: advertise where clients of the calibre you want will see it. The clients I got thought £300 was a lot for a web site. They didn't want to pay web hosting. They wanted a lot of bang for their buck. 'Mission creep' was a term I grew to know and loathe.This...(related: Web Development) |  |
| Top Search Engine Ranks, Part 2- Mastering The Secret- Explained In the first part of this series on ranking at the top of the search engines, we discussed diversifying your Internet marketing efforts. We introduced several methods including RSS feeds, Link Popularity, Article Marketing, Blogs, and physically altering your pages to make them more target-able for select keywords. All of these share the key of great content in order to unlock success.Think of each method as a vehicle that carries the greatest cargo in the world. That cargo is your business, your product, and the word you want to get out.Now....So you're thinking, "show me how to set up ...(related: Web Development) |  |
| Know Your Competition: How To Transfer Business Skills Into The Internet Marketplace One of the first things to do before starting up any business is to investigate the competition. Any business owner knows this is crucial; to determine how to position a business in the market, who to target, what prices to set and who to keep an eye on. The same is true of the internet marketp...(related: Web Development) |  |
| Meta Searching: The Good, The Bad, & The Ugly First, a definition. Meta Search - A search tool that queries several search engines and/or web directories simultaneously and returning the results in a single merged list without the duplicate links. Confused? Let me give you an example. Let's say there is a meta search engine you have recently found that searchs two engines, say Google and Yahoo. It searches both of these search engines and then returns the combined results to you, without any duplicates (results that appear on both engines). Sounds neat , huh? Well, there are pros and cons with meta searching that the user should be aware of in order to make his searching as productive as possible.THE PROS Meta searching is fast, and saves considerable time for the user since you may query several engines and direc...(related: Web Development) |  |
| 7 Fisherman's Tips To Avoid Losing Money On Your Web Site Design --------------------------Web site design to hook a customer is very like fishing. Try these seven tips to make money.--------------------------Step 1. Research.----------------------What - you don't think a fisherman starts with research? How does he know not to fish in the bathtub? How does he know not to fish for dorado in USA? How does he know that his favorite lemon meringue pie on a sardine hook won't catch sharks?Imagine you've invented a 100% cure for Paraguayan piques. You pay a graphic designer to make yo...(related: Web Development) |  |
| Spyware Protection - The Only Way To Safeguard Your Personal Information Online The Problem: Are you bombarded with popup ads? Seeing new toolbars in your browser? Does your home page change to unwanted/unknown destinations? Bombarded with irritating spam? Perhaps strange software loads when you first start your computer, or your favorites file may have new entries that you don't recognize an...(related: Web Development) |  |
| Google's Seo Advice For Your Website: Content The web pages actually at the top of Google have only one thing clearly in common: good writing. Don't get so caught up in the usual SEO sacred cows and bugbears, such as PageRank, frames, and JavaScript, that you forget your site's content.I was recently struck by...(related: Web Development) |  |
| Using Anchor Text Effeciently One of the most underused things by Newbies in regards to linking is "Anchor Text". This is the visible text showing in a link.The prime mistake Newbies make is to put their website name into the Anchor Text. Unless your website contains your keywords this is a waste of a perfectly good link. Remember that Google puts...(related: Web Development) |  |
| How Not To Get Web Design Work I get the occasional web design lead from my website. I wanted to find a company I could pass these onto. So I put an ad on a freelance site. It specified the programming qualifications needed, stated that the ...(related: Web Development) |  |
| The Internet Marketers Answer To Frontpage And Dreamweaver Leading Web site design packages have a serious contender called XSitePro, a new software package geared toward the rapidly expanding world of Internet marketing.XSitePro is a new web site design package that creates...(related: Web Development) |  |
|
|