Tuesday, June 16, 2009
The Necessity of Good Design
However, what is it that takes a mediocre and mundane website and transforms it into an appealing advertisement for your business?
The answer is design: good design utilizes information in a clear, smooth, and attractive style, which can be exponentially more appealing than if done in a plain manner.
So why is good, appealing design so important? As an example, we'll be making a comparison between the old and revised edition of http://www.sportsgraphicsinc.com/.
First let's look at the former Sportsgraphics, viewable via archive.org, an internet archive that catalogues older or outdated website pages: http://web.archive.org/web/20060605095051/http://www.sportsgraphicsinc.com/
The website sports a plain white background with a steady, consistent color scheme. The information is generally parallel to the information displayed by the current site, and it is displayed in a clean and organized manner. However, the graphics of the site are of a generally low quality (meaning that the images are not as "crisp" as they would be if saved with a higher image quality.) Although the overall design is rather clean and organized, it presents itself with low appeal, and there is little depth for the eyes to fall into.
Sports Graphics Inc. is a business that designs and prints padding (among numerous, numerous other printing products) primarily for schools all over the nation to display in gyms or on fields. So, for a business based around appeal and design, it makes no sense for them to advertise their business through a website that is, frankly, plain and uninviting.
The new website, http://www.sportsgraphicsinc.com/, is not only clean and organized, but employs multiple layers of depth. There are high-quality images to be clicked, rather than plain text links. Figures overlap to give an overall cohesive feel -- the feeling that everything is united and uniform. Text jumps out at you and invites you to explore more of the site. Information is both appealing and easy to access. When a customer opens up Sportsgraphicsinc.com, they can be filled with the expectation of professionalism, which is one objective of professional design: to let customers know that you are professional, and that your business can be trusted.
By analyzing these two websites you should be able to see how good design jumps off the screen and leaves a lasting impression. And, if you compare the difficulty of making a stylish website function to a mundane website function, they can actually be quite similar in complexity. The difference is design, plain and simple. Design is how you notice appealing from unappealing, attractive from unattractive, etc. And as the complexity of the internet progresses, it becomes increasingly apparent how necessitated good design is. This is the goal of Websites to Impress: to give businesses the professional look and appeal to customers that they deserve.
Saturday, March 21, 2009
All About Custom 404 Pages
First, create a page on your site that directs people to your home page or other location with a message stating that they have found a page that no longer exists. Add the page to your site files.
Second, check to see if you have an .htaccess file in the root folder of your site. If so, you will want to alter this in Notepad (or similar editor). If you do not have an .htaccess file, create one with Notepad (or similar) making sure there is no .txt. extension on the file. Inside the file, you need to use this text:
ErrorDocument 404 /filename.html
filename.html should be replaced with the name of the file you created for the page you added to your site.
Third, test it out. Try a url that doesn't exist on your site to see if your custom 404 page is working. If it is not working, check with your web host. See our web design 404 page.
Search engines like to see that you have a 404 page covered and users appreciate not receiving a 'This Page Cannot Be Found' error.
Monday, November 17, 2008
Get Traffic Using Google and Yahoo Images
There are many things people can search for. They might be searching for baseball cards, TV, or celebrities. Images also help your website look and feel great. Your goal would be to get the best possible position in Google or Yahoo Images. This could send many people to your website.Highly applicable image results will show up on Google’s and Yahoo's search results page when someone searches for specific topics.
Here are some tips when you add images to Google or Yahoo
- For your Alt Text, Insert keywords.
This is by far the most significant part of image optimization. Include keywords or phrases that apply to the image and your website. You should insert in the code for your image. Example: img src="filename.jpg" alt="Alt description goes here" - Descriptive Titles.
If you are uploading an image of Kim Gehling, you could name your image ‘kim-gehling.jpg’ instead of using the original image with numbers like‘photo8674.jpg’. - Anchor text keywords for the links to your images.
Specific images, use keywords instead of a common phrases. Example, instead of typing, “See here”, use “Kim Gehling Picture” or “Kim Gehling Webdesign“.
These are just some tips and tricks you can try to better optimize your website. Google and Yahoo search are your friends, so go get acquainted!
Saturday, September 6, 2008
What Your Website Says About Your Business
Even an outdated web design can communicate a lack of initiative in a business. If your web design has not been updated in more than two years, it may be time to consider a redesign.
If your website does not have current information, a potential client is easily lost. To ensure potential client engagement, be sure to ask around and be sure that your web content has covered all bases. Your content should be fresh and current at all times.
The bottom line is if your website is anything but current and visually appealing, you may be making a negative first impression. to discuss website improvement, contact Websites to Impress today.
Thursday, August 21, 2008
Snatch A Great Domain
The first steps you take in creating your online marketing is to choose a domain name for your website. Your new domain name will portray you, your business or interest and it will also give your website a hopefully, memorable name, so your visitors will remember it easily.
The domain name is an unique name that identifies individual sites on the Internet. The domain can be any length, which includes the 26 letters of the English alphabet, numbers 0-9, and hyphens (-).Your domain name can't begin or end with a hyphen but, it can contain hyphens within itself.
There are many different suffixes or extensions, called also TLD (Top Level Domain), which is based on the type of organization it is associated with. Some suffixes include:
.com commercial business domain
.net commercial network
.org nonprofit organizations
.edu educational institution
.gov government agency
.mil military
Some of the smaller ones include: biz, tv, info , and bz
Tips on how to choose a successful domain name for your website:
- Start brainstorming for domain words.
List as many words as you can think of that are related to your favored domain name.
List as many words as you can think of related to the content of your website. (what your website is going to be about, and what you are going to sell on it, and so forth.) - Make different categories with the listed words that are:
-short
-memorable
-not confusing
-hard to misspell
-related to the main purpose of your business
Shorter domain names are easier to remember and type, and you aren't as likely to make any mistakes when you type it in.
A longer domain can be easier to remember than a short domain name sometimes if it's abbreviated and the letters are unrelated to one another. For an example: tkb.com which translates into ThKiteBusiness. You wouldn't have known that was the type of business you were referring too until you got to the website which is not good for people who are searching for your website via search engine. - Pick a few of these combinations of your favorite combination of words.
Consider also hyphens.
Should you get a hyphenated name?
Disadvantages:
It's easy to forget hyphens when typing in a name. To many hyphens can be overwhelming to a visitor to type in and if they miss one they might be heading toward your competitors! So if you decide to use a hyphen in your domain name, only use one.
Advantages:
Search engines can differentiate, your keywords better and return your site more notably, in search results for those keywords in your domain name.
And you'll get the domain name you want. - Start to search for the availability of the domains you've chosen.
- If your preferred choice is not available, do not give up, try the next great combination you came up with!
Monday, August 11, 2008
Why It Is Important to Have a Professionally Designed Website
Owning a website for your own personal business was just a page explaining in detail about your business. There were no pictures and not even a single drop of design. That wasn’t so bad at first, until other businesses started doing the same thing. They needed some design to draw attention to their website to outdo their competitors. That’s where professional web designers gained their occupation.
If you really are serious about taking your business to the next level in creating a website to brand your company and expand your clients it may not be a good idea to go for the ”my neighbor is going to build me a website” route. Your neighbor might love doing websites, but he or she may not know what is going on in this competitive world of web design and how to effectively be a part of the Internet.
Let’s talk about a web design that is not professional. When a new visitor drops by your website the first thing they see is the overall look, which includes a color scheme and structure with a clean and organized presentation of information. If you are using a non-professional web designer, they are probably not going to have the ability to create this type of presentation. Their website will probably look homemade which can in turn make your website and your business look untrustworthy.
This circumstance is okay if you don’t want your business to reach out to prospective clients or if it a personal site, but if you do want to reach new clients you need to get that “wow” factor when a visitor is browsing through your website pages.
A new web design or redesign from a professional web designer can give you the professional image you are seeking for your business and opens up the potentials of reaching consumers all around the world. Consumers are just waiting for you to make the right move to “wow” them with a fantastic site that they can trust.
Please view our professional web design portfolio at www.websitestoimpress.com
Wednesday, July 23, 2008
Enhance the Look and Feel of your site
Roll Over Buttons and Images
This is when an image or button changes a color or formation when you roll over it with your mouse. This gives an interactive feel to your website.
How to in Dreamweaver:
First make or design your images and buttons and export them to your websites image folder. Now open Dreamweaver and click Insert, Image Objects, then Rollover image. There will be a window that pops up. In that window type a rollover name and alt tag. Then you need to link and browse to locate the original Image and also the Rollover Image. Click on the OK button. That’s it! It’s that easy.
Graphic and Photo Effects
Graphic and Photo effects can make the wow factor for your website. Using the correct quantity of graphic and photo effects can be very compelling, but using too many can achieve the opposite.
For an example using a curved banner on your website can make your site more professional looking and not so square. You can check out some of our portfolio websites that use this here: http://www.websitestoimpress.com/portfolio.html
Site Interactivity
To help make your website more sticky for your visitors you can use site polls, surveys, a guest book, a calendar, and a newsletter sign-up. This makes your website more eventful and draws your visitors in to your website and they are also more likely to come back and visit.
Those are just a few snippets of what you can use to spice up your website while also making it more productive and entertaining!
Monday, July 14, 2008
Using Color
Here is a guide for how people view colors. When people see the color Yellow they think of energy and life like the sun. Yellow is also sometimes viewed as “Speedy”. This may have something to do with cabs in the city whizzing up, down, and through the traffic. But, nothing less Yellow can be a powerful color that will instantly bring us a positive energy. Another great color to think about is Red. Everywhere you go you see the color Red. It is a color no one can deny. When you see Red you think of love and war. It is used to mark danger and is used for stop signs and traffic lights. Red demands our attention. Just a touch of Red can draw your eye towards your website. But, there is other ways you can use colors throughout your website.
Let’s look at Warm vs. Cool. First we’ll start out with the Warm colors. Warm colors are: Red, Orange, and Yellow. They are found at the top of the color wheel. The warm colors are inviting and cheerful. We think of heat from the sun and fire, bringing about life. Cool colors on the other hand mean to us as cool, calm and collected. We think of the sky, ocean, and forests. These colors are Blue, Violet, and Green. They also make us feel free. The hard thing is to figure out how much of each color to use. If you use too much of the cool colors, you’re website can appear dark and to cold and it won’t reach out to your visitors. If your website is too warm the visitors might feel overwhelmed and stuffy. The trick is to bring in a little bit of each. One thing that can help you balance these to differences is the color White. White is almost always a neutral home ground, so the use of white is important for the balance of your website. When in doubt, throw in some White.
Another thing to think about is contrast of colors. These are the colors that are opposite of each other on the color wheel. When you use these colors in the same lightness, the colors will create a beautiful color scheme. For an example: The Vikings use the colors Purple and Yellow. They are on the opposite sides of the color wheel. This creates excitement and interests for the fans.
All great color schemes rely on balance. This makes us comfortable and relaxed. It’ll make us more willing to search further into a website. So the next time you think that color is know big deal think again, color shows us the way to a better brighter life.
For more examples of good color schemes click here to view some of our live websites.
Monday, June 30, 2008
Why Blogging Is So Important
Let me ask you a question. When you are browsing around on the web looking for something in particular and you come across a site where the home page looks outdated and it shows it was last updated in 1997 what do you say to yourself? You say to yourself, is this website still reliable? The answer is no. Your new viewer is gone in a flash. So, how can we stop this? With a blog that is. With a blog you can constantly update your website. You can sign in and in seconds you will be able to post your new article. After you create your post it automatically goes into your archives. This comes in handy if you want to leap back to a certain date or article. Your past articles will never be lost. That’s the best thing about it! Another great thing about a blog is your viewers can post a comment sharing their views and ideas. With a blog, your site is always changing and updating drawing your consumers because, your website isn’t sitting on the web waiting for a new update in 2010, it’s changing now! This shows that your company is up and running, making improvements, and is there for the people. You can link your blog to your website or can even view your blog in your website with a little coding.
So why not just have a blog and not a website? Well, there are some big draw backs if you just use a blog to represent your company. For one, if you want to have a shopping cart for your products, or have personal and contact information, you probably wouldn’t want to use your Blog to post these. You can’t add a shopping cart to your blog for one and if you want to change the layout and customize it you can’t unless you know HTML.
If you decide to download a blogging system to your computer without using an online system you will also need to know PHP and have a MySQL server.
So the best bet for you, is to have both a website and a blog. That way you can update frequently using your blog which is attached to your website while also having a secure website you can post your contact and personal information on.
Blogging will be around for a long time. So next time you are bored at home jump on your computer and start blogging. Your customers will appreciate it!
Monday, June 23, 2008
Feng Shui your Website
What is Feng Shui?
Feng Shui is bringing about a more harmoniuos life. One way to use Feng Shui is with your home. The Chinese believe that if you set your home in the right location your life would be filled with happy, success, wealth, health, and abundance. We all want to lead our lives down a greater path to success so why don't we investigate this a little further.
Where did this Feng Shui all begin?
Feng Shui arrived about five thousand years ago in ancient Chinese time. There is an old Chinese story that talks about its origin.
The first of the five emperors, Wu, was into irrigation work on the Yellow River. On one special day, Wu and a couple of other workers were out by the River working as usual when they noticed a tortoise crawl out of the river. This was a magnificent omen to them for they believed that gods lived inside their shells! But, this tortoise was especially different. Unlike other tortoises and turtles this tortoise had a perfect spell bounding square on its shell. Day in and day out, they studied this wonderful creature. They were bewildered of how this creature could have such a fortune as this. In the end this one of a kind tortoise became the bases of what we now know as Feng Shui, the I Ching, Chinese astrology, and Chinese numerology.
That tortoise, they say, was there that fine day to show us a way to harmonize our lives. Let's talk about how we can bring about Feng Shui into our websites. Our goal is to create a positive energy that people feel as they enter our site but also feel throughout their entire experience. That positive energy is good Chi'i. Chi'i is energy that must be capable of flowing well if you want a positive environment. When ch'i stands still, you get bad feng shui.
How to make your website Feng Shui.
The main ideas for creating positive Chi’i within your website is aligning web pages, and using easy clean navigation throughout the whole website. Also, making your webpage bright and clean instead of dark and dreary will activate positive chi'i. Dark energy is more likely to be processed when you use all dark colors because it feels like you are underground or in a cave where the bad energy can’t escape and the good energy can’t get in and flow around.
Bold colors and clear jpegs images are to be brought about. If you have colors that don't go together or images that are greatly compressed you will create bad chi'i.
Another thing to think about is putting natural real life images into your website. This distracts the annoyance of the computer screen and creates a feeling a nature and being around life outside.
Also, areas of stillness is a must, you don't need to have everything on your website active. This actually created bad Chi'i if used wrong you need the stillness to keep you grounded.
Other things to think about is simplicity, straight lines, and an appealing main page that will strike your visitors with positive energy right off the get go.
Feng Shui is here to stay. Here to bring about a better way of life. And, here to solve your negative chi'i that affects your life. You can also use Feng Shui in your home and other parts of your life. Even I have started to use a little Feng Shui myself .What can it hurt right?
Monday, June 16, 2008
How And Why Branding Is So Important
Branding all of your media and communications together with the same look and feel will create a recognizable company that people will come to notice. Once they see your logo more and more they become familiar with your company and that brings about their trust in you.
To get started with creating this magical branding ordeal you need to decide who your target audience is going to be and what appeals to them.
Then you need to find your unique and different feature. What makes your company different from a similar company you are competing against? Maybe your company ships in product in one day if you order out of their catalog compared to 7 days. Or maybe your company strives to be lower in price than the other or will match the price of any product from another company with similar products. The key here to setting your company a part from the others is that uniqueness making you stand out above the others.
Now that you have your two goals in site you can create your visual appeal. There are three main parts to creating a great visual appeal.
- Your Logo - This is the most important part of branding if you don't have this then your business will be as small as a pea in a pod. You need a logo! Whether it is a symbol or your company’s name. You can contact a company to help you out with designing your logo so it appeals to your ideal target audience.
- Colors - Colors develop instant gratification in a person. You may want to use warm colors for a friendly and cozy feel, cool for formal and long lasting company, and bright for bold and trend setting company.
- Font - The font you pick tells a lot about your company. Stick with the same fonts for all your media marketing needs. This will create a uniform that people will notice again and again so your company will become more familiar and recognizable to the public. Use a font that everyone knows and is used on their computers for an example Arial or Verdana.
If you decide to use the radio to help market your company, keep in mind what you used to brand all of your media. If you choose a cold color use a formal voice to sell your company. If you used warm friendly colors then use a warm and friendly casual voice. Make sure that every time you decide to update an advertisement to use the same tone that is recognizable with your last to create that uniform and consistent tone, look, and feel.
Overall branding is your business and brings about a greater good for your company.
Monday, June 9, 2008
Create Great Landing Pages
Landing pages are designed for two things: first, it is designed to specifically reach a goal . The second , they are designed to keep track of how well your PPC ads draw converting traffic.
When creating landing pages you want them to be an extension of the PPC ad for which they are designed otherwise it'll confuse your visitors. It should also provide what is promised. Finally, as you would use a call action with your PPC advertisement, you'll also want to use such a call on your landing page.
Here are some other tips. Quickly orient the visitor with purpose of the landing page by using direct headlines. Another tip is not to overcrowd your landing page. This can make it difficult for users to load your landing page. The last suggestion is to test, test, and test some more!
Tuesday, February 12, 2008
Changing Websites for Our Users
It is important to design a website that will be usable for all of its users. This means accomodating those with varying levels of web experience. Often the industry and purpose of a website can usually narrow down the target user group.
Until we see proven results in user change, we need to remember to design for the lowest common denominator when it comes to web experience. I believe that as our population ages, this will change significantly due to the amount of web experience the younger generation has.
Friday, October 26, 2007
Web Evolution
In reading a book by Luke Wroblewski, I learned his intrepretation of the evolution of the web. The Internet is about 15 years old now and has gone through many changes in this time. Wroblewski has broken these changes down into stages of progress.
Stage One: The Simple Sharing Era
This was a time when researchers used the web to share information.
Stage Two: The Image & Table Era
The first graphical web browsers allowed for simple layouts.
Stage Three: The Design Intro Era
Graphic designers took design from print to the web.
Stage Four: The Techo-Hype Era
Overindulgence in graphics and new technologies.
Stage Five: The Usability Era
Site owners have come to recognize the importance of having their website meet their user's needs.
Stage Six: Speaking Web
Using presentation, organization and interaction as the main considerations in web design.
Wroblewski claims that we are currently in stages five and six and I see this too as an evolution of the web. I have been desiging websites since 2001 and have seen the differences in the clients I work with. My clients are extremely more knowledgable than they were six years ago. I believe this will continue to happen as "speaking web" becomes more integrated in everyday life.
Thursday, October 25, 2007
Tab Thoughts
Jakob Nielsen has pointed out in a recent article that I have been using tabs incorrectly in my designs. I have been using tabs as design elements instead of its intended use to alternate between views of things in the same context. This use of tabs as design elements was introduced by Amazon and has been used commonly ever since. I do wonder how that rule came about. When you think of tabbed folders on your desk, they are commonly labeled by subject and are not variations of the same information. Perhaps it comes from the tried and tested use of tabs in web design and the result was that the most sensical way was to alternate between items of the same kind.
Wednesday, October 17, 2007
To Redesign Or Not To Redesign
I just read an article outlining usability issues which introduced a new concept to me called the 'Baby Duck Syndrome'. This describes the way users tend to stand by the first web design they learn and judge all future web designs based on that first design. Therefore, anything new or unfamiliar is not welcome to users, which makes redesign projects very challenging.
The conference I attended recently (Webmaster Jam) touched on this issue. Their recommendation was to never do a full redesign of a site. They noted that revising items in "chunks" not only helped the users slowly adjust to improved design or functionality, but it also allows the critique of each "chunk" individually. If a redesign is launched all together, and it is not well received, it is difficult to determine which parts were most troubling to users. If it is released in "chunks" it will be easier to determine if users are receiving the change well through feedback or website statistics.
So, when it comes to your website, is a complete redesign necessary? Would it be beneficial to determine what is working and to keep those things in place? My recommendation is to keep the things that are working, revise those things that are not, and try your best not to alienate your users.
Friday, October 12, 2007
Successful Experience Design
I recently attended a conference for webmasters in Dallas. I greatly enjoyed the keynote, which was presented by Jared Spool (www.uie.com). I would like to highlight some of the things I took away from his address.
Experience design is multi-disciplanary and includes many players, including those experienced in:
- Copy writing
- Information architecture
- Fast interation management
- Usability practices
- Interaction design
- Information design
- Visual design
- Editing
- Ethnography
- Domain knowledge
- Business knowledge
- Marketing
- Analytics
- Technology
- ROI
- Social Networks
- Use Cases
- Agile Methods
His point in listing all of these was that the number of things that web designers need to take into account these days is a list that is continually growing. Therefore, web designers and developers need to wear more hats and be experienced in more things to make them more valuable to their clients.
Spool listed the essential experience design components as good communications, clear focus on the vision, employing the right people, and a successful feedback loop. He advised that fast iterations eliminate the need for major redesigns and that design challenges should be broken down into smaller "chunks". There should be a heavy emphasis on the feedback mechanism and as much data as possible should be collected. Spool also believes that the more people that are involved in a project, the more successful it will be.
Things I took away from this are that we need to make sure we can envision the project 5-10 years down the road and ensure that the things we are completing now are supporting that vision. We need to make sure that we have sufficient knowledge all of these disciplines among the people that work for us. Lastly, that we need to stress the importance of the iterative process to the client, so that they become our partner in creating the best possible website.
Thursday, October 11, 2007
Website Planning
A good way to start planning your website is to walk away from the computer. Effective information architecture can often be well planned using a table or wall and a stack of Post-It notes. By writing each navigation item on a Post-It, they can be easily rearranged, added, or removed from the diagram. This is a very effective method to use in a group so that all concerns can be voiced as the plan is put together.
I recently read an article from the Group for User Interface Research from the University of California, Berkeley where they had taken this idea and added technology to support it. They moved this activity to a programmed SMART board and integrated it with other programs which allowed for history and version control. It also allowed the users to view different types of web plans and save all ideas during this process. I do believe there will be more exploration of this type of device and software as website owners recognize the importance of usability in their websites.
I do believe that website owners are more aware than ever of the need for their website to be useful and intuitively organized. By employing a website firm that is aware of this importance and has experience recognizing the steps that are necessary before designing, this goal will be met.
Wednesday, October 10, 2007
Web Navigation Design
The design of a homepage for a website is a lot like a table of contents for the book. The user should be able to quickly look over the page and recognize what they will gain from the website. Due to this, effective navigation is a key factor for successful design.
Navigation titles should be clear to the intended user and should be divided in a way that makes the selection intuitive to the user. Navigation should be limited to a reasonable amount of items; so that less time is required for the user to scan through them. Design of the navigation should be clean and easily recognizable as clickable items. Generally navigation items are placed along the top and/or the left side of the page so that they are easily accessible by the users. If text is not used for navigation, alt tags are necessary for all items for the benefit of text based browser users as well as for search engine benefits.
If the website organization makes it difficult to divide information into categories, it is useful to conduct user testing. This can be as simple as calling in some potential users that are not familiar with the new website to try out some tasks. This will determine if the navigation that you have developed is successful, or if it should be modified. When working with testers, ask them to think aloud and voice any frustrations or unexpected items encountered. This is a fast way to assess the website and make any needed revisions before launch so that the end users do not have to face frustration.