Web Design QuickStart

Web Design QuickStart

ne of the keys to a good Web site is simplicity. You’ve heard of the “KISS” principle? Keep It Simple Silly. This applies doubly for Web sites.

It’s easy to fall into the trap of using every possible feature on a Web page. It is nice to be able to create frames and tables and font sizes and animated GIFs, but if you have every possible HTML feature on every page, it’s highly likely that your readers are going to be overwhelmed rather than impressed.

Remember, just because you can create an effect, doesn’t mean you should. Ask yourself: what value am I adding with this technique? Is this the best way to communicate what I want to say?

Simple Doesn’t Equal Boring
Simple doesn’t necessarily mean dull and boring. Lots of people confuse fancy effects with effective communication.

What keeping it simple really means is this: think about how people will be using your pages and present your information to them in a way that matches their needs and expectations. Use technology and effects where appropriate and where they make for more effective communication.

Clean design + Good use of technology = A Good Web site

Know Your Audience
You aren’t creating your Web work in a vacuum or just for yourself! If you were, you’d keep it on your own computer. You’re publishing a Web page because you expect someone to stop by and visit it. That someone is your audience.

The more you understand your audience, the more effective you can make your site. Are your readers on slow modems? Then you’d better be extra careful about page size. Are they expecting to hear your band’s music clips? Then you’d better think about an audio format. Are they quilters? Then blood red and black might not be your best color choices. Are they hard core gamers? Then you might want to avoid pastels and soft-edged graphics.

Definition of a good Web site:

A site that delivers quality content
for its intended audience
and does so with elegance and style.

Five Fingers
Making your site easy to navigate is critical. Lots of small factors add up to create easy paths through your site. For example, one thing you can do is keep the number of “next step” choices small so that people don’t become lost in a long list of options.

Did you know that the average human mind sees five or fewer items as one group, but when it encounters more than five items it has to divide them into smaller sub-groups to process them? It makes sense, then, to try to keep your selections arranged in groups of five or less. That makes it easier for your readers to quickly see the options and select one.

Three Clicks
Another way to help your Web site be a good experience for your readers is to make information no more than three clicks away. One of the fastest ways to frustrate readers is to make them click … and click … and click… and click .. and click … and … to find the information they want.

Additionally, when you make readers burrow deep into your site to find content they often become lost and never make it back to your home page. When people get lost, they tend to surf off someplace else instead of fighting their way around a site.

30 Second Attention Spans
When someone comes into a Web page they should be able to easily see what options they have and select one quickly. As a rule of thumb, it should take less than 30 seconds for a reader to load your page and be able to decide what to do next. If it takes longer than that, you’ll start to lose your audience.

  • Make sure your pages are a reasonable size and don’t take forever to download. If many of your readers are on modems, try to keep the total page size (that means all graphics plus HTML file added together) under 30 to 45K.
  • Make sure your page layout is clear enough that with a quick glance your readers can grasp your navigation scheme and understand how to select a “next step” option.

Words Matter
Remember your fifth grade English teacher? Remember how she told you that good spelling and grammar were important? She was right.

The Web has far too many pages whose creators forgot the basics. Just because your Web page is online doesn’t mean you can toss out all those rules that govern written communication. Just because it is online doesn’t mean you can forget to proofread it. Take a deep breath and spend a few extra minutes with your text. Your readers will thank you for it.

Balance, Balance
Balance is a big part of good Web design.

  • Balance between text and graphics. Unless the content dictates an all-text or an all-graphics site, use common sense and aesthetic judgement so that one doesn’t overwhelm the other.
  • Balance between download time and page content. Of course you want beautiful pages, but you need to balance the content of the page with the reality that your readers are out there logging on through a modem. Is that photo of your wedding trip really worth a 120 second wait?
  • Balance between background and foreground. Most of us print things on white or another solid color paper. On the Web, it’s pretty exciting to be able to create textures and backgrounds, but it’s also easy to let the background overwhelm the content in front.

Frames in Moderation
Frames can be a great addition to your site. Like all Web features, however, be sure you don’t overuse them!

If you want to create a navigational structure that will always be visible, such as a table of contents, frames are the way to go.

But frames aren’t for every use. For example, if you are looking to display information in columns or rows, then tables are the better match.

Keep Learning
Creating Web pages is a continual learning process. Getting up a first version of your site is just the beginning! The technology and tools are constantly evolving and our understanding of how people use the online medium is changing. To create good Web sites you can’t just rest on your laurels.

  • Look at other sites. If you want to be a great novelist you read great novels. If you want to be a great screenwriter you watch great movies. By the same token, if you want to design a great Web site you need to look at other Web sites. Project Cool’s Sightings is a good place to see examples of great sites. As you look at sites, notice what does and doesn’t seems to work. You can even get the Sightings delivered to you once a week via e-mail.
  • View the source. When you see something you like, use your view source function in your browser to see how the effect was done. It’s amazing what you can learn by looking behind the scenes.
  • Read and study. Learn all you can about both design and technology.

devx-admin

devx-admin

Share the Post:
Poland Energy Future

Westinghouse Builds Polish Power Plant

Westinghouse Electric Company and Bechtel have come together to establish a formal partnership in order to design and construct Poland’s inaugural nuclear power plant at

EV Labor Market

EV Industry Hurting For Skilled Labor

The United Auto Workers strike has highlighted the anticipated change towards a future dominated by electric vehicles (EVs), a shift which numerous people think will

Soaring EV Quotas

Soaring EV Quotas Spark Battle Against Time

Automakers are still expected to meet stringent electric vehicle (EV) sales quotas, despite the delayed ban on new petrol and diesel cars. Starting January 2023,

Affordable Electric Revolution

Tesla Rivals Make Bold Moves

Tesla, a name synonymous with EVs, has consistently been at the forefront of the automotive industry’s electric revolution. The products that Elon Musk has developed

Poland Energy Future

Westinghouse Builds Polish Power Plant

Westinghouse Electric Company and Bechtel have come together to establish a formal partnership in order to design and construct Poland’s inaugural nuclear power plant at the Lubiatowo-Kopalino site in Pomerania.

EV Labor Market

EV Industry Hurting For Skilled Labor

The United Auto Workers strike has highlighted the anticipated change towards a future dominated by electric vehicles (EVs), a shift which numerous people think will result in job losses. However,

Soaring EV Quotas

Soaring EV Quotas Spark Battle Against Time

Automakers are still expected to meet stringent electric vehicle (EV) sales quotas, despite the delayed ban on new petrol and diesel cars. Starting January 2023, more than one-fifth of automobiles

Affordable Electric Revolution

Tesla Rivals Make Bold Moves

Tesla, a name synonymous with EVs, has consistently been at the forefront of the automotive industry’s electric revolution. The products that Elon Musk has developed are at the forefront because

Sunsets' Technique

Inside the Climate Battle: Make Sunsets’ Technique

On February 12, 2023, Luke Iseman and Andrew Song from the solar geoengineering firm Make Sunsets showcased their technique for injecting sulfur dioxide (SO₂) into the stratosphere as a means

AI Adherence Prediction

AI Algorithm Predicts Treatment Adherence

Swoop, a prominent consumer health data company, has unveiled a cutting-edge algorithm capable of predicting adherence to treatment in people with Multiple Sclerosis (MS) and other health conditions. Utilizing artificial

Personalized UX

Here’s Why You Need to Use JavaScript and Cookies

In today’s increasingly digital world, websites often rely on JavaScript and cookies to provide users with a more seamless and personalized browsing experience. These key components allow websites to display

Geoengineering Methods

Scientists Dimming the Sun: It’s a Good Thing

Scientists at the University of Bern have been exploring geoengineering methods that could potentially slow down the melting of the West Antarctic ice sheet by reducing sunlight exposure. Among these

why startups succeed

The Top Reasons Why Startups Succeed

Everyone hears the stories. Apple was started in a garage. Musk slept in a rented office space while he was creating PayPal with his brother. Facebook was coded by a

Bold Evolution

Intel’s Bold Comeback

Intel, a leading figure in the semiconductor industry, has underperformed in the stock market over the past five years, with shares dropping by 4% as opposed to the 176% return

Semiconductor market

Semiconductor Slump: Rebound on the Horizon

In recent years, the semiconductor sector has faced a slump due to decreasing PC and smartphone sales, especially in 2022 and 2023. Nonetheless, as 2024 approaches, the industry seems to

Elevated Content Deals

Elevate Your Content Creation with Amazing Deals

The latest Tech Deals cater to creators of different levels and budgets, featuring a variety of computer accessories and tools designed specifically for content creation. Enhance your technological setup with

Learn Web Security

An Easy Way to Learn Web Security

The Web Security Academy has recently introduced new educational courses designed to offer a comprehensible and straightforward journey through the intricate realm of web security. These carefully designed learning courses

Military Drones Revolution

Military Drones: New Mobile Command Centers

The Air Force Special Operations Command (AFSOC) is currently working on a pioneering project that aims to transform MQ-9 Reaper drones into mobile command centers to better manage smaller unmanned

Tech Partnership

US and Vietnam: The Next Tech Leaders?

The US and Vietnam have entered into a series of multi-billion-dollar business deals, marking a significant leap forward in their cooperation in vital sectors like artificial intelligence (AI), semiconductors, and

Huge Savings

Score Massive Savings on Portable Gaming

This week in tech bargains, a well-known firm has considerably reduced the price of its portable gaming device, cutting costs by as much as 20 percent, which matches the lowest

Cloudfare Protection

Unbreakable: Cloudflare One Data Protection Suite

Recently, Cloudflare introduced its One Data Protection Suite, an extensive collection of sophisticated security tools designed to protect data in various environments, including web, private, and SaaS applications. The suite

Drone Revolution

Cool Drone Tech Unveiled at London Event

At the DSEI defense event in London, Israeli defense firms exhibited cutting-edge drone technology featuring vertical-takeoff-and-landing (VTOL) abilities while launching two innovative systems that have already been acquired by clients.

2D Semiconductor Revolution

Disrupting Electronics with 2D Semiconductors

The rapid development in electronic devices has created an increasing demand for advanced semiconductors. While silicon has traditionally been the go-to material for such applications, it suffers from certain limitations.

Cisco Growth

Cisco Cuts Jobs To Optimize Growth

Tech giant Cisco Systems Inc. recently unveiled plans to reduce its workforce in two Californian cities, with the goal of optimizing the company’s cost structure. The company has decided to

FAA Authorization

FAA Approves Drone Deliveries

In a significant development for the US drone industry, drone delivery company Zipline has gained Federal Aviation Administration (FAA) authorization, permitting them to operate drones beyond the visual line of

Mortgage Rate Challenges

Prop-Tech Firms Face Mortgage Rate Challenges

The surge in mortgage rates and a subsequent decrease in home buying have presented challenges for prop-tech firms like Divvy Homes, a rent-to-own start-up company. With a previous valuation of

Lighthouse Updates

Microsoft 365 Lighthouse: Powerful Updates

Microsoft has introduced a new update to Microsoft 365 Lighthouse, which includes support for alerts and notifications. This update is designed to give Managed Service Providers (MSPs) increased control and

Website Lock

Mysterious Website Blockage Sparks Concern

Recently, visitors of a well-known resource website encountered a message blocking their access, resulting in disappointment and frustration among its users. While the reason for this limitation remains uncertain, specialists