Thursday, February 11, 2010

Writing for the Web



I’ve been eagerly awaiting to write about this subject for quite some time. There is a lot to cover, but in lieu of the main lesson here…I’ll keep it short and sweet! Let’s get started.

KISS – Keep it Simple Stupid…remember this one? It holds true more than ever on the web. Web users are impatient. You only have 3-8 seconds to grab their attention.

People don’t read web pages word by word on the web. THEY SCAN. If you perform a simple usability test, or just simply watch over someone’s shoulder as they browse the web, it’s pretty obvious…we’re scanners! Impatient and ready to move on.

As a result, Web pages have to employ scannable text, using:
  • Highlighted keywords (hypertext links serve as one form of highlighting; typeface variations and color are others)
  • Meaningful sub-headings (not "clever" ones)
  • Bulleted lists
  • One idea per paragraph (users will skip over any additional ideas if they are not caught by the first few words in the paragraph)
  • The inverted pyramid style, starting with the conclusion
  • Half the word count (or less) than conventional writing
Provided by Jakob Nielsen's Useit.com

Eyetracking visualizations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe.

F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school. View eyetracking study heat maps from Useit.com



New Web Words
The internet has become a part of our everyday life. And so we’ve adopted some new words into our vernacular. Many of us (including myself) often wonder what's the best practice for spelling these words. I’ve pulled together some resources below to help explain this.

Great resource for AP style. http://www.tameri.com/edit/style.html

Web Site - capitalize. AP style also capitalizes Web site and Web page.

Email - preferred AP style, though Email and email are preferred by some publications. We prefer e-mail, but assume email will become standard.

Home page - preferred AP style, though homepage is preferred by some publications.

Writing for Search Engines
When you start writing content for your Web Site, it’s very important to keep in mind that search engines are sifting through the content and looking for “keywords/phrases” that are relevant to your business. Start with a Keyword Strategy. Decide what keywords are important to you for search listing rankings. Then try to integrate these as best as possible into the content of your site. The copy should still be relevant and make sense to a human. But tossing in relevant keywords, when it makes sense, will help with your search engine placement.

To learn more about SEO – Search Engine Optimization strategies give us a call.

Double Spaces NO MORE
One of the most common mistakes in writing these days is putting a double space after a period. According to Wikipedia, Double spacing at the end of sentences is a typographical convention that has sometimes been termed English spacing.

Should you put one space or two spaces after a period?

The debate over how much space to put between sentences (whether they end with a period or other punctuation) may seem petty, but often it's the little details that make or break a design.

It is generally accepted that the practice of putting two spaces at the end of a sentence is a carryover from the days of typewriters with monospaced typefaces. Two spaces, it was believed, made it easier to see where one sentence ended and the next began. Most typeset text, both before and after the typewriter, used a single space. In short…let’s all start to adapt the ONE SPACE motto.

Would you like to learn more about Evolve Creative Group and our services? Visit our Web Site or give us a call today at 330-620-6572.

Saturday, February 6, 2010

Billboard Advertising Gone Wrong



Two weeks ago I noticed this billboard in Akron, OH (corner of Miller/Market, right by Dominos) that caught my eye for several reasons. This is a good case of billboard advertising gone wrong!

What’s wrong with this picture? You be the judge.
  1. Two in One! - This is one of a few locations for Clear Channel billboard advertising where there are two billboards on top of each other.
  2. Both billboards are using a yellow background. Yikes!
  3. One billboard is for breast feeding. The other billboard is for a Hair Salon.
  4. It appears to me that these billboards start to run together. Are these one ad? Is this Hair Salon offering breast feeding? Probably not, but you see where this is going.
Lessons to be learned
A
lways, and I mean always travel out to the site for which your billboards are located. Make sure everything looks as it should. If you happen to purchase space where two billboards are on top of each other, ask to see the art for the other board. You’re spending a good fortune for them and Clear Channel should be able to give you info on the other board.

Who’s at fault here?
Clear Channel? In the end, it’s the buyer’s responsibility to check out what they’re purchasing. If I was this Hair Salon, I would certainly have my board taken down, and then ask for a refund. Just my 2 cents. Take a drive and check it out for yourself. Let me know what you think...Leave a reply below.

Saturday, December 26, 2009

2009 Web Statistics and Trends – Year End Review


For web designers, web statistics are a very important element to be aware of as you develop websites for your clients. At Evolve, we take our web stats very seriously and we always do an end of year review to see what the latest trends are. These trends may dictate changes we implement in our development for the upcoming year. We look at a variety of online national trends as well as our own client statistics to summarize our year end analysis. Before you make any changes to your website or clients website, it’s always best to review your own Google Analytics or similar trends data. This data will give you insight about your web visitors. Depending on your user demographics, age, race and web savviness, the data could fluctuate considerably.

As a whole, the data we complied is pretty conclusive. Below is a summary of what we’ve learned and take ways per item. Enjoy!

National stats we used for comparison
http://www.thecounter.com/stats/
http://www.w3schools.com/browsers/browsers_stats.asp
http://marketshare.hitslink.com/report.aspx?qprid=17
http://www.registrarstats.com/

Browser Statistics
Yes, the browser saga goes on! This category saw the most fluctuation compared to national stats. I believe our own client data depicts a more accurate story. This year we saw the introduction of Google Chrome and IE 8.0 enter the browser conundrum. We’ve also noticed the uprising of some mobile devices like, blackberry and the iphone/ipod. I suspect these mobile browsers will only increase over time. But for most of us (local business and B-B) these numbers are still very low.

Data summary
Overall Internet Explorer still dominates at about 75% of all total browsers used.
IE 8 (20%)
IE 7 (50-60%)
IE 6 (5-10%) It’s unfortunate for us web developers, but web users/companies are still using this antiquated browser.
Firefox (15-20%) Depending on your web users savviness this stat could be higher. For the most part this browser has leveled off over the past couple years.
Chrome (1.5-2%) Gaining traction, but I suspect it will not grow in popularity to the general public.
Safari (5-15%) This browser has the largest fluctuation. Based on your user audience, if you’re mainly targeting MAC users, this will be their main browser. But still very low for the overall general public, as is the MAC OS.

Display Resolution
1024x768 (20-30%) This display still rules the screen.
Higher than 1024 (50-60%)
800x600 (2-5%) Say bye-bye to this display. Thank goodness!
In summary, the best viewed websites are designed for 1024x768. I don’t see this changing for quite some time. This is the perfect display size for all monitors. Even with 50% of the general population using larger display sizes and monitors, 1024 keeps the content compact, usable and intimate. Our client stats were very much aligned with national trends.

Java Supported
YES (93-98%) NO (2-6%)
Most everyone supports Java. No worries here.
However there is some fluctuation based on user web savviness.

Flash Version
10.0 (or some version of 10) 70-80%
9.0 (or some version of 9) 25-30%
This is good to see as flash becomes more and more widely used. A little flash goes a long way. Just don’t overdo it! And now that Google is starting to index flash, I suspect we’ll see much more flash being integrated.

Domain Registrar Stats
Godaddy.com 33%
Enom 19%
Tucows 7%
Network Solutions 6%
As much as Network Solutions tries to re-brand itself, they are still trending downward. They days of ruling the domain game are over. Hurray!

Search Engines
Google 85%
Yahoo! 6%

Bing 3%

This year we were introduced to Microsoft’s new search engine “Bing”. But no surprises here. Google still owns search. And Yahoo! is losing traction each year as it re-brands itself to more of a web portal for news and entertainment.

Summary
Overall, there are no real show stoppers here. But some good data to keep in mind as web designers start the process for developing a successful and usable website for their clients. The biggest item to note, is that you need to make sure you are testing your website for compatibility on all of the main web browsers. This continues to be the biggest challenge for the past 14 years. In the end, the best advice, is to review your current web analytics. If you’re re-designing a website, see if you’re client has access to current web data/trends. The proof is there. Use it!

These web development details are just a few of the many nuances that go along with GREAT web design and development. Who will you trust with your website? Give us a call, we’d love to help you out. 330-620-6572, Say Hello! Or visit our website for more information: www.EvolveCreativeGroup.com

Wednesday, September 16, 2009

301 Redirects – Launching a New Website (Part-2)

As I mentioned is Part-1 of this blog series, there are many nitty gritty details that are behind the scenes, that can make or break the transition of a newly launched website. In this post I will discuss the importance of utilizing 301 Redirects and how to get these set up.

What is a 301 Redirect?
In short, a 301 Redirect is a URL redirection, also called URL forwarding. This is a technique on the Web used to send a user from an old url (web page) to the new url (web page). 301 Redirect is the most efficient and Search Engine Friendly method for webpage redirection. It's not that hard to implement and it should preserve your search engine rankings for that particular page. If you have to change file names or move pages around, it's the safest option. The code "301" is interpreted as "moved permanently".

How to set these up
You may need some technical help on this. I would recommend calling your web hosting provider to get details on how to do this on their server. Or contact your IT guru and have them help you out. However here is a good reference on how to implement these based on the coding technology you're using.
http://www.webconfs.com/how-to-redirect-a-webpage.php

Why should I do this?
It’s a no-brainer. Most likely you current web pages (urls) have been indexed by Google (and other search engines). Congrats, this is a good thing! However, most likely your site structure or web page names will be changing, or even the technology (code behind the html). One slight change in the url name or site structure will create a dead link for your website. I would say that MOST of us, do NOT want to lose any pages we have indexed by search engines. These are like a GOLD-MINE!

So basically you want to put 301 Redirects in place (for EVERY page of your old site) to help in this transition from old to new. Your telling the search engines what you’ve done and how to handle it. Over time they will eventually remove the old links from their index. Also, don’t forget about creating your custom 404 error pages (Part-1).

When you get ready to launch your new website, make sure you have all your basis covered. There are a lot of behind the scenes details that need addressed. It’s always best to consult with a web professional.

Would you like to learn more about creating 301 Redirects for your website? Let us help you E-volve! Say Hello today at 330-620-6572. Or visit our website: http://www.evolvecreativegroup.com

Friday, September 4, 2009

Pay it FORWARD – a story of kindness

This blog entry has NOTHING to do with web design, marketing, advertising, or the likes…It’s just a real life story that happened about two hours ago. It moved me, and I felt compelled to share it with others.

So here it goes…about two hours ago, I left my apartment to go wash my car at a local DIY carwash (5 minutes from home). After washing my vehicle, I then started to dry it off. As I finished the outside, I then moved to clean the inside door wells (I know, who does that? Hey I’m a designer, it’s all about the details !), anyhow, back to the story…I was cleaning the door wells and by accident wiped over the automatic door lock latch. To my surprise, it locked ALL the doors. (Lesson to be leaned here). So, there I am, locked out of my car, keys in car, cell phone in car, and my wallet in plain day sight with my signed checks ready to be deposited! Yeah, oh what fun!! What to do now?

My first thoughts
1. I’ll call someone – Cell phone is in the car!
2. I’m only 5 min from my apartment I can jog home – I had my sandals on!
3. I’ll walk into this store and call someone. – All my numbers are in my cell!
4. Last but not least – ASK for help!

And ask for help I did. I walked over to a women drying off her car and told her my story. Honestly, I really didn’t believe anyone would help me. She doesn’t know me from Adam. And I’m a guy…a stranger! But not strange! :-)

With NO questions asked, she said “Sure, I’ll give you a lift”. I was floored! I could not believe it. She even offered to take me to my apartment, get my apartment door unlocked ( I have no spare key), and get my spare car key, and drive me back to my car. And that she did!

As we departed, I offered her money and she adamantly would not take it. She said so sincerely “I hope your day gets better”. I said “Are you kidding me, my day couldn’t have got any better. I just met a new amazing person, who was willing to stop her day to help out a total stranger.” “I said, YOU MADE MY DAY!”. “Thank You!”.

Moral to the story
There are still great, amazing people out there. Willing to help others at no cost. You only hear about the bad stories. This is one of the good ones.

If you’re out there Melissa, Thanks again. You truly inspired me. I used to be that person that stopped to help strangers out. But in the haste of our busy lives, I have stopped doing that. It’s my turn now.

Pay it forward, I know I will. You never know when you’ll need a helping hand!

Saturday, August 15, 2009

404 Error Pages – Launching a Website (Part-1)

When launching a new website, particularly a re-design for an existing website, there are MANY, what we call “lint items”, that need to be addressed. Unfortunately, these items are often overlooked. In fact, most businesses don’t even know they exists. These are basically the nitty gritty details that are behind the scenes, that can make or break the transition of a newly launched website.

In this post we’ll discuss the 404 error page. I’m sure many of you have run into this before while surfing the net. You have a webpage bookmarked, you go back to the bookmark several months later, to find…THE PAGE DOES NOT EXISTS! Ooops! That stinks. This is a very common issue with websites. Typically when you re-design a website the technology will change (look at your page name extensions), .php, .asp, .aspx, .html, etc. Or, the actually name of your page changes from “About-us.aspx” to “Aboutus.aspx”. Well, that’s an issue. Google (and the other search engines) have most likely already indexed your old page name. So it’s a best web usability practice to put a “Custom 404 error page” in place to explain to your visitors what has happened and what to do now. This could be a potential lead you just lost. You should also deploy “Page re-directs”, but we’ll discuss this in part-2.

404 Error Page technical details

Creating a custom 404 error page does require some setup and integration on your web server, so you may want to contact your web designer or web hosting service to get more details. But, on the design side, you can get very creative and clever with these pages. Here’s a link to some great 404 error pages.

To tell if you have a custom error page on your site, just go to your main site directory and type in something extraneous…then hit the Enter Key. What page comes up? For example, take a look at our custom 404 error page: http://www.evolvecreativegroup.com/about_evo

When you get ready to launch your new website, make sure you have all your basis covered. There are a lot of behind the scenes details that need to be addressed. It’s always best to consult with a web professional.

Would you like to learn more about creating a custom 404 error page for your website?
Or just best web usability practices in general?
Say Hello today at 330-620-6572. Or visit our website: http://www.evolvecreativegroup.com

Saturday, July 25, 2009

Website Videos

According to a new study by Frank N. Magid Associates, 77% of U.S. Internet users are watching online video and 43% viewing weekly.

Website videos have been around for awhile, but this last year they have really increased in both viewing and user generated content uploads. While broadband penetration increases and the ability to easily upload videos to your website or social network increases, we will continue to see the rise of video replace the need of static text on a given web page. Why read, when you can watch.

Adding a short video to your website brings another element of content to engage your audience. Web videos add a voice and face to your company, allowing user to connect with you before they even meet you in person. But you need to keep it short and simple-any more than 30-60 seconds and you may lose their attention. Useit.com has some great tips on usability studies they’ve conducted on this subject.

Another great aspect of uploading web videos to your website that’s often times overlooked, is how beneficial these are for search engine optimization (SEO). Google and Yahoo! are now indexing these videos and they can be search separately. With local geo-targeted keywords you can earn some great positioning and possible leads. Just be very strategic with the “tags & titles” you use for your videos. These are the keywords that are being indexed by the search engines.

Here are a couple of web strategies to consider adding to your website:
  • Company Introduction Video
  • Video Spokesperson
  • How to/Product Demo Video
  • Client/Customer Testimonials

You can learn more about these strategies and view samples on our Web Videos page.

Are you ready to add web videos to your website? They’re not as expensive as you think. Give us a call today at 330-630-6572.