Archive for July, 2009

12 Website Design Decisions Your Business or Organization Will Need to Make

Monday, July 6th, 2009

You may be on your first website. But more likely you’re faced with redesigning a website that isn’t functioning as well as it should. I see 12 vital decisions involved with developing a website, and I want to explain them with you in mind:

You’re the owner or marketing director of a small business and know that getting your website to pull its share of the load is vital for success. But your budget is severely limited!
You’ve just been assigned the task of redoing your company’s website. Congratulations, now you can be blamed if things don’t work well. :-)
You’ve volunteered to take on your church or organization website and make some sense out of it — without offending the person who built it in the first place.
This time around you’ve decided to outsource the job, but you have no idea of how to supervise a design company to make sure it does what you need. Good luck!
I want to help. When I built my first website in 1995 at the very beginning of the commercial Web, I didn’t have a clue how to proceed. In those days there was no one to guide me. I’ve made every mistake you can think of — some more than once, I hate to admit.

Since then I’ve built and assisted with dozens of online stores and hundreds of websites for all kinds of businesses and organizations, from mom and pops to major corporations and international organizations. I don’t design websites for others these days, but I actively develop and maintain my own site.

There are twelve critical places in building a website where you must make the right decision, or you’ll have to repeat this task again and again until you get it right. I won’t be talking about how to write HTML; I want to help you with the mindset, the basic approach. I want to take you by the hand and lead you through the critical decisions. The better you grasp these essential points, the better your website will work and the happier camper you’ll be.

Okay, let’s roll up our sleeves and get started. By the way, why don’t you print out this document and then mark it up with your thoughts and ideas as you read. It’s designed to serve as a worksheet to clarify your thinking and provide direction at various stages of the project. If you decide to outsource the project, you’ll want to share a copy of your marked-up copy of this document with your website designer. Print it out!

1. Determine Your Website’s Chief Purpose
When you begin a website, you must have your main purpose clearly in mind. I say this because it’s easy to have conflicting purposes.

If you’re a website design firm, you may want to show off your high tech goodies with your client’s site as the showpiece.
If you’re an employee stuck with this task, you may want to look good for your bosses and not do anything for which you can be blamed — you’ve got to protect your backside.
If you’re a volunteer, you may just want an excuse to tinker and be praised for it.
If you’re a business owner, you probably care about the bottom line. You’re wondering, How much this will cost? and Will it be worth it in the long run?
Dear friends, recognize your own needs — they’re legitimate. But to build an effective website, you’ve got to look at the business’s or organization’s needs and make those primary. From the organization’s perspective, what must this website do in order to be successful?

Let’s look at some common website purposes. Put an X next to all that apply.

Build your brand. Create an online brochure that will help potential clients, customers, and partners learn about your company and look at it in a favorable light. You’re trying to enhance your brand or organization image. I’ve heard people disparage this kind of website as “brochure-ware.” But this is very legitimate for some kinds of companies, especially local businesses or organizations that aren’t trying to conduct national or international commerce. You want people to know who you are, what you do, where to find you, and how to contact you.
Provide product information to drive local sales of your products and services at dealer locations. Auto sites are a good example. Many manufacturers don’t sell on their sites, but point people to retailers who carry their products.
Sell advertising. A few sites are designed to sell advertising — Yahoo!, Google, and other portal sites are examples. But these days, there’s far too much advertising space and not nearly enough money to fill it all. Internet advertising is improving, but is still under-priced. You may be able to sell a little advertising if you’re a portal site for an industry, or perhaps put some Google AdSense ads on your site. But these aren’t big money-makers. Look at advertising sales as a hopeful bonus, not as a sure thing.
Sell products or services directly over the Internet. You want to conduct e-commerce and sell to a national or international market. You’ll have some kind of ordering system for one or more products, or perhaps an extensive online catalog. You may offer an online service that can be delivered over the Internet or that can be initiated online.
Earn affiliate commissions for sales and leads generated through links on your website. Savvy marketers are building microsites designed to generate search engine traffic for a particular hot product or service. When a visitor clicks on one of their links, he is referred to an e-commerce site, and, if a sale results, the affiliate gets a commission. Perhaps a form on your site generates leads or subscriptions for another company.
Provide customer service and support. Websites are a great place for troubleshooting guides, FAQs (Frequently Asked Questions), technical information, etc. You can generate Return Merchandise Authorization (RMA) labels. You can provide multiple ways for your customers to contact you (see under Point #9 below).
Save money by means of online efficiencies. Companies have used the Internet to save billions of dollars. Taking orders online with real-time credit card authorization saves paying call center operators and cuts entry errors. Online catalogs save lots in paper, printing, and distribution costs. Online FAQs and knowledge bases cut the number of customer service personnel you need. And I’m just scratching the surface here.
What’s the design decision here? To be clear and focused about your site’s objectives and purposes.

Annoying Website Design

Friday, July 3rd, 2009

Have you ever considered that your website may be annoying? When it’s comes to website design, knowing what visitors hate most is a must, unless you don’t want them to visit you again.

He is not the first to create what I like to call – “annoying website design”. Many webmasters, especially new webmasters are totally “in love” with their ideas and tend to go overboard with their design in one way or another. It’s nice to have an attractive header, but is it really necessary to assault the visitor’s mind with it? In my opinion, absolutely not!

Webmasters sometimes forget that their website design should send a message to the visitor that should reflect the website topic and not the programmer’s skill level. It should not be blames if you try to create a website that is vivid and appealing to your website,for example a full flash website design. That is a great idea, but remembers, if you rely on search engines a lot, you’d better think twice before you start to create a website with flash and video.

How Come a Website Design Can Be Annoying?
It’s not that hard to be annoying. However, some webmasters are much better than others at annoying their visitors. Check my top 5 list and decide for yourself whether you have been annoying your visitors.

Background music
please don’t play a midi/wav file in the background continuously on every page, unless you are operating an online internet radio station or sell music CDs,

Huge font size
If you are designing a website for people with a disability, you are doing the right thing, but if not then you are shouting. People don’t like it when someone shouts at them.

Small font size
Do you want to be heard? Keep a normal tone, don’t shout but “speak” in a reasonable volume.

Overlapping layers
Layers can be very useful up to the point. But not when they are being used to put an annoying message in the visitor’s face. Don’t try to force your visitor to read your messages. Try persuasion instead of brute force.

Popup windows
Even though popup windows are now blocked by many add on tools, webmasters keep using them. The annoying part of popups is sometimes we actually miss important information because of those anti popup tools. Haven’t you heard the old phrase “if you can’t beat him, join him”? Don’t use pop up windows. Put your important messages in a central place on your website.

Most likely each one of us has our own private top five lists. You probably have many more annoying design cases in mind. Well, you’re right, the list is much longer then that. I just wanted to describe some of the highlights in order to bring this important subject your attention.

Some of you are probably reading those lines and smiling while some others have a feeling a deja-vu. Keep in your mind that as a webmaster the last thing you want to do is put lots of effort into your website and then find out that your visitors hate it. It’s not a matter of taste, but it’s more about being the same polite person we all try to be when we go to a party.

How to Embed a Video into Flash in the Time Line

Wednesday, July 1st, 2009

There are downsides to embedding a video into the timeline. It becomes part of your swf, thereby adding to overall file size. Long videos (16000 frames) may not synch audio and video properly. And testing the movie can take time. Finally—and most importantly—quality, especially audio, can suffer.

Embedding a video allows you make it a lot more interactive for your viewers than just clicking play. You can place invisible buttons in a video, tween the buttons so that they track what’s underneath them, and add actions (like coach marks and captions) to them. The result is a video that users can not merely start, stop, or even scrub but can genuinely interact with. Your imagination is the constraining factor.

There is a work around for the downsides of embedding a video. Click here when you’re really ready to create an annotated video and put it on the Web. The instructions that follow work but the quality won’t be as good.

Here’s how to embed a video in the timeline:

Select File>Import>Import Video.

Select Video: Browse to the video you want to import.

Click Continue.

Deployment: Choose your method. For embedding it on the timeline, choose Embed video in SWF and play in timeline. Flash will warn you, but, hey, this is a free country.

Click Continue.

Embedding: Choose the following:

The symbol type how you want the video to be embedded—here “embedded video”;

whether you want the audio track integrated or separate—select Integrated;

if Flash should place an instance on the Stage—enable the checkmark;

if Flash should expand the timeline so that all the frames are displayed;

Whether you want to embed the entire video as is or if you want to edit it first.

The latter option allows you to trim the movie’s duration or to break the movie up into more than one clip. It’s probably easier to do your editing outside of Flash but decide for yourself.

Click Continue.

Encoding: Choose a preset or Click Show Advanced Settings to set the following options:

Encoding Tab
alpha channel (that must be done when you create your movie; here you’re only enabling it—if you aren’t sure what you’re doing, skip this setting)
Frame rate; resizing; video quality; key frame; audio data rate—set it to 192 kbps

Cue Points
Note: I don’t think there’s much advantage in setting cue points in an embedded movie, whose major feature is adding interactivity well beyond just jumping to a specific spot. Moreover, you’ll have to add your own controller anyway. But I could be wrong. If you do opt for this, follow these steps:

In the preview of the video you’re importing, move the play head to where you want the first cue point.

Click the + button on the left side of the screen.

Flash inserts a default name (New Cue Point) and the time where the play head currently is.

In the drop down menu, select Navigation.

Repeat these steps, adding cue points with unique names.
See the Using Cue Points section below.

Crop and Trim:
Crop the the video to change what will be visible by adjusting the horizontal and vertical sliders.
Trim the video so that only a specific duration of it will be encoded and played. Set the Start and End points by moving the triangles under the preview scrubber

Click Continue.

Finish Video Import—-Flash gives you an overview of your settings and what files you have to copy to your web server. Review your settings and go back if you have to. You can also choose to view video help topics after Flash finishes importing.

Click Finish.
Flash starts encoding, reports it progress, and places video on stage.

You’ll have to provide your own controller for an embedded movie; the Flash components (and their skins) won’t work. Click here to add simple Stop and Pause buttons.

Test your movie.

Upload the main swf to your server. Unlike uploading streaming video, the main swf is the only file to worry about.

The Flash 8 Video Encoder
The Video Encoder is a separate application that ships only with Flash Pro. It allows batch encoding of files, which improves your work flow.

This application uses the same compression dialog window as in the previous section.