Category / Website Design

10 Questions to Ask Yourself Before Designing a Website July 1, 2010 at 3:02 am

Many site owners make the mistake of building a website without laying out a clear plan for their online business. This is a sure set-up for failure. There are 1000s of abandoned sites on the web due to lack of careful planning. Before designing your website you should ask yourself some questions to avoid making mistakes down the road.

10 Frequently Asked Questions (FAQ) About Designing a Website

1. What Are Your Business Goals?

It’s easy to say, “I want to make monéy,” however, this is not a great motivator. Think of a deeper motivation that you feel passionate about e.g. “I want to have the financíal freedom to spend more time with my kids as they are growing up.”

2. What’s the Purpose of Your Website?

This is the question most visitors will ask when accessing your website. Your home page must clearly explain the purpose and benefits of the products and/or services you are offering.

3. What Type of Products or Services Will You Sell?

Research the marketability of your products or services by doing keyword research. Use the Google Keyword Tool to find out how many searches your main keywords receive every month. If there are no searches, it means there is not much demand and therefore not worth marketing.

If it is a very competitive market (millions of searches per month), it may be difficult to stand out from your competitors and create a profitable online business.

4. How Many Products Will You Sell From Your Website?

This will determine how many pages your website will have. If you’re only selling one product or service, you may only need 4 web pages e.g. Home, Product (or Services), About, Contact. If you’re selling 100s of items, you will need a database driven site to store and manage all of them.

5. How Many Variables Does Your Product Have?

Variables may include size, color, type, sku#, shipping, tax? Make sure your shopping cart allows you to include these variables.

6. How Will You Accept Online Payments?

To accept bank card payments online, you will need a shopping cart, merchant account, payment gateway and SSL certificate for secure transactions. This means you will have monthly fees and processing fees every time a customer purchases something from your website.

A less expensive option for accepting payments online is the Paypal shopping cart. You don’t need to purchase a separate merchant account, shopping cart, payment gateway and secure certificate. For a small processing fee it takes care of all this in one place.

7. Do You Have a Web Hosting Plan?

Your website needs to be hosted on a server for it to be available online. Select a hosting plan that has sufficient space for all your files and bandwidth to receive 1000s of visitors each month. Make sure you have the flexibility to upgrade your plan should you need more space and bandwidth.

8. Will You Need to Maintain the Website Yourself?

Asking this question before the design will determine what software your designer will use to build your website. If it only consists of a few web pages which don’t need regular updating, then use software such as Dreamweaver to build it. It creates clean code and you will have only a few files.

If your website has 100s of pages, consider a content management system such as WordPress, Joomla or Zen Cart. They all enable 100s of items to be stored in a database. The website can be managed (add, edit, or delete items or pages) by logging into an administration area.

9. Do You Have a Marketing Plan?

To create a profitable online business you must create a plan to promote it. Some methods may include, search engine marketing, pay-per-click, article marketing, press releases, social media, video marketing, etc. Website campaigning needs to be done frequently and consistently to be effective.

10. How Will You Monitor Your Website Statistics?

Check if your web hosting plan includes site statistics (e.g. AW Stats). If not, create a Google Analytics account and insert the code on your web pages. It will track how many daily, weekly, monthly, yearly visitors you receive, where they are coming from and what keywords are being used to find your site in the search engines.

If you answer these 10 questions first, you’ll avoid the pitfalls of designing and building a website and add to your potential of creating a profitable online business.

HTML5 – THE FUTURE OF THE WEB May 22, 2010 at 10:54 am

Steve Jobs was recently quoted as saying “No one will be using Flash. The world is moving to HTML5″ igniting interest in HTML5 and sparking numerous debates online in blogs and forums.

Jobs’ prediction that flash is dead invokes memories of the famous Mark Twain quote “reports of my death are greatly exaggerated”. While the debate rages on over the future of Flash, HTML5’s destiny is assured.

It’s not just Apple pointing to HTML5 as an internet revolution, Microsoft, Google, Opera, Mozilla, W3C and even Adobe themselves agree. In fact HTML5 may become historic for that very reason. It is arguably the only time Google, Microsoft and Apple have ever agreed on anything.

How HTML5 evolved was largely due to a disagreement with the W3C over Error Handling and the failure to embrace modern Internet applications. In 1997, W3C announced it would no longer extend HTML4 and saw XML and XHTML as the future. Draconian Error Handling, (Draco was the Greek leader that issued death penalties for minor offences), instructed that browsers were to treat all errors in XML as fatal. With 99% of web pages showing minor errors, and the lack of new features in XML, many webmasters ignored the new standard or continued to serve their websites as HTML, even when adopting XHTML.

In 2004, a group of developers and browser vendors including Apple, Opera and Mozilla gave a presentation to the W3C on evolving HTML4 to include new features for modern web applications. The W3C rejected their proposal of extending HTML and CSS. Those interested in evolving HTML4 rebelled and broke away from the W3C, forming their own working group called WHATWG (Web Hypertext Applications Technology Working Group). At the core of the WHATWG beliefs was backwards compatibility and forgiving error handling. WHATWG’s vision was to extend HTML features including form handling while ensuring that it would degrade gracefully in older browsers. While the W3C wanted the world to move to a new standard XML, WHATWG planned to evolve existing HTML to support a modern Internet.

In 2006, Tim Berners-Lee, the founder of the W3C, recognized that the rebels at WHATWG had gained momentum and announced that the W3C would work together with WHATWG to evolve HTML. The W3C HTML Working Group was formed, working with HTML in conjunction with XHTML. HTML5 was officially born. In October 2009, W3C shut down XHTML2 making HTML5 the future of the Internet. The pirates had taken over the ship.

HTML5 marks a change in attitude from the W3C and seeks to support the diversity of HTML rather than just enforcement of web standards. It is an incredible achievement that HTML5 is backward compatible, meaning most of HTML5 can be used straight away albeit with some JavaScript hacks on semantics for IE. Ideas from W3C, Apple, Microsoft, Google, Mozilla, Opera and many other experts combine to pull the best bits out of HTML and browsers past into an exciting upgrade of the HTML language that promotes inclusion not exclusion.

In many ways HTML5 simplifies web pages, taking laborious tasks such as form validation away from web authoring and into the browser. The idea of making the browser do the work probably stems back to IE3, where Microsoft provided the first browser to build in CSS support. HTML5 introduces new tags for page structure and semantics of documents.

New markets in Typography are opening up with the implementation of “@font-face”, meaning designers at last can transfer the visual appeal of print to the web thanks to advances in CSS and HTML5. Large JavaScript libraries such as MooTools and JQuery can be slimmed down as HTML5 transfers many common tasks directly into the browser. Client side storage, session storage and client side posting are set to change how we communicate on the web. Web applications such as video are embedded by HTML without the need of JavaScript. Sites will begin to move away from Flash to deliver their video and onto HTML5, especially when current codec concerns with Mozilla Firefox are resolved.

New HTML5 API’s, such as drag and drop, are reverse engineered from Microsoft, ensuring that they are supported from the start by IE. What developers of HTML5 such as Ian Hickson (Opera) have done is to view the modern web and say, “OK that’s what people are trying to do, how can HTML5 support that”.

Unlike previous web standards based releases such as XHTML 1.1 and the never finished XHTML 2.0, HTML5 is backward compatible and is here to stay. With the involvement of people that have been critical of the W3C, HTML5 brings a standard based upgrade of HTML that is fully supported throughout the industry. HTML5 will genuinely future proof your site without the danger of your markup depreciating in a couple of years.

HTML5 timetable for completion is in 2022, which has left many webmasters confused as to its relevance now. However, any website can begin using the new specification immediately by simply changing the doc type to “<!DOCTYPE html>”, the lowest number of characters required to trigger standards mode in IE. Currently, only beta versions of browsers IE9, Chrome, Safari, Firefox and Opera support advanced HTML5 elements. However, typography “@font-face” is fully supported in current browsers. For more information have a look at Ethan Dunham’s “FontSquirrel.com” and Jeffrey Veen’s “Typekit.com”. Other HTML5 features such as “Drag and Drop” and “ContentEditable” are also currently supported. You can follow the implementation of HTML5 in modern browsers at “HTML5Readiness.com” and “Caniuse.com”.

Further information:

     http://www.whatwg.org

     http://diveintohtml5.org

     http://dev.w3.org/html5/spec/Overview.html

HOW TO DESIGN A LOGO April 20, 2010 at 1:15 pm

You know a great logo when you see one but you would like to know how to properly design one. A word of caution if you’re thinking about going the “do it yourself” route in designing your own logo. It is one thing to read and understand the elements or principles of good design, but applying them appropriately is another matter. The explosion in software development has flooded the market with a wide variety of programs that will enable you to design your own identity. Even the most basic Desktop Publishing program has enough features to get the job done. Creativity is an art, not a science, and all too often novices sit down with the DTP software and are so enamoured with the available features that they use as many of them as they can. Professionals know what features to apply and in what proportions. The Internet has made a variety of lower cost professionals available at reasonable prices. Most offer custom design services and include diagnostic interviews so they can learn what your company is all about. So at least explore the possibility of hiring a professional design consultant to help. The use of color will illustrate one of the many benefits of professional services. If you go it alone your DTP program will let you concoct color combinations never seen by human eyes. But when you take your logo to the printer, can they be reproduced? A professional designer will know.

Organizing Principle of Logo Design

The color discussion leads us to the organizing principle of design: simplicity leads to functionality. Think about it and you’ll realize that some of the best logos ever created are really pretty simple. The McDonald’s Golden Arch, Apple’s apple with the bite out of it, and Nike’s “swoosh” are all examples. So where does functionality fit in? Logos are used in too many ways to even list. Consider some of them: on the corporate offices and satellite locations, on banners and billboards, on the Internet, on letterhead and business cards, on every piece of marketing material the company produces, on promotional items like shirts and hats, and yes, even on the tops of sticks placed in drinks served at company sponsored events. Simple images will work for any of those uses. They can pretty much go anywhere and do anything. So remember the KISS principle: Keep it Simple, Stupid!

Font Style and Size

As is the case with all elements, Fonts should be selected which match the nature of the company’s business. If you want viewers of your company image to be reassured that your company is reliable, safe, and trustworthy, avoid flashy fonts and bold use of font sizes. Leave that for the companies representing bold, new, and innovative fields like alternative energy development. Banks and other financial service companies should use traditional and familiar font styles.

Using Color

Again, use bold colors like reds and oranges for bold businesses. Muted colors are not what you want here. Use of a lot of colors can actually be distracting. The old Apple logo contained multiple layers of color but it was redesigned to improve its functionality in the late 1990’s.

Using Enhancing Effects

Many good logos simply present the company name and graphically enhance certain letters by wrapping them or stretching them in some way. Look at the FedEx logo. Simply boxing off the name created the desired effect. Simple, yet functional! That is how you design a logo.

Five Things That Successful Website Owners Have in Common April 16, 2010 at 9:02 pm

Is your website providing value to your business? Nearly 90% of businesses have a website now but only a small percentage of them are benefiting from their website. If you want to be part of this small group of people you need to know what they did to get to where they are today, and you just have to do the same. To save you time, we have already done the hard work for you. These are the five things we’ve found in successful website owners:

  1. They track and test everything with the help of tools like Google Analytic. They track the number of visitors, what keywords were used, how long people stayed on site, which is the most popular page, etc. They use this information to guide them for making the right marketing decisions as well as to find out which methods are working for them and which ones are not. Not only do they track their website visitors and marketing methods, they also test different layout designs, headlines, images and promotional offers.
  2. They do not rely on their own ‘experience’ or a friend’s recommendation in choosing advertising methods, instead, they would try out multiple methods, both online and offline, and to let the audience decide which ones are working for their website. Because they are tracking everything, they will be in more control of their budget and know exactly which ones are profitable quickly.
  3. They are constantly looking for ways to squeeze more profit out of every visitor because they believe there is no such thing as a perfect website. They use blogs and social media sites to communicate with their audience and find out their wants and needs, then they use this information to shape their website’s design and marketing message.
  4. They understand their target audience, know what their wants and problems are, what magazines they read, where they spend their free time, etc. They never tried to guess their audience’s wants and needs because they know they will most likely be wrong. Instead, they would gather this information by asking the audience themselves. Some choose to give away products or services and some choose to pay a surveying company to do the job. Whichever method you use, you need to make sure the answers are from your target audience.
  5. They understand the importance of marketing, and they treat it like an investment. Whether it’s search engine marketing or traditional marketing, it can take a few weeks, a few months or even a year before results are noticeable. Success website owners understands this, and they are patience. They do the research, write out a plan and commit to it. They advertise consistently, so if their budget is tight they will run an ad every Sunday for 7 months instead of running it every day for a full week.