Archive for the ‘Resources’ Category

List of U.S. States for a CForms II Select Box

Friday, July 24th, 2009

Here’s a list of U.S. States in a format that you can copy and paste into your Cforms II form:

#Alabama#Alaska#American Samoa#Arizona#Arkansas#California#Colorado#Connecticut#Delaware#District of Columbia#Florida#Georgia#Guam#Hawaii#Idaho#Illinois#Indiana#Iowa#Kansas#Kentucky#Louisiana#Maine#Maryland#Massachusetts#Michigan#Minnesota#Mississippi#Missouri#Montana#Nebraska#Nevada#New Hampshire#New Jersey#New Mexico#New York#North Carolina#North Dakota#Northern Marianas Islands#Ohio#Oklahoma#Oregon#Pennsylvania#Puerto Rico#Rhode Island#South Carolina#South Dakota#Tennessee#Texas#Utah#Vermont#Virginia#Virgin Islands#Washington#West Virginia#Wisconsin#Wyoming

And here is the entire string, including “State” as a label:

State#Alabama#Alaska#American Samoa#Arizona#Arkansas#California#Colorado#Connecticut#Delaware#District of Columbia#Florida#Georgia#Guam#Hawaii#Idaho#Illinois#Indiana#Iowa#Kansas#Kentucky#Louisiana#Maine#Maryland#Massachusetts#Michigan#Minnesota#Mississippi#Missouri#Montana#Nebraska#Nevada#New Hampshire#New Jersey#New Mexico#New York#North Carolina#North Dakota#Northern Marianas Islands#Ohio#Oklahoma#Oregon#Pennsylvania#Puerto Rico#Rhode Island#South Carolina#South Dakota#Tennessee#Texas#Utah#Vermont#Virginia#Virgin Islands#Washington#West Virginia#Wisconsin#Wyoming

Cforms II is the best Wordpress Plugin out there for building forms – visit their site for more information.

Testing HTML Emails

Wednesday, March 11th, 2009

I have been designing a lot of HTML email newsletters, flyers, reports, and order summaries lately and testing is obviously a must, because sending structured HTML and images in an email can be quite tricky. If you need to test a HTML email, Campaign Monitor is the best free tool I’ve found.

Anyone who designs HTML for emails on a constant basis should set up a testing server but for someone like me who only has to create a couple HTML emails, max per web design project, I found Campaign Monitor to be the best free option, hands down. 

They allow as many free test emails as you want – I just set up a free account and within seconds I was putting the email together in an incredibly user-friendly interface (great work, guys). I really enjoy this tool – I can’t say much about their email campaign management features, but I am very impressed with the testing interface so I’m sure it’s great.

They also allow you to test the email in a large selection of email clients (I only really cared about gmail and Outlook but they have pretty much everything), which is obviously a must for large-scale email campaigns.

The Problem With Coding and Sending HTML Emails

You can’t send standards-compliant HTML with a nice stylesheet to structure the layout, you have to use tables, spans, and (sad but true) the font tag.

And of course, the main reason you want to send a HTML email (flyer, newsletter, or whatever) is so that you can send in-line pictures in that email. The problem is, you can’t simply send the images as attachments, you have to actually install them on your server (same server you’re mailing from) and link to them with absolute paths – that’s where testing them becomes extremely inconvenient.

Use 4Q to Test and Optimize Website Usability

Friday, January 16th, 2009

(For free!)

4Q Logo

Websites need to be useful. They need to match your visitor’s expectations and needs, but until you ask them for feedback, optimizing your website for usability is just a guessing game.

There are several options for getting that feedback, some more expensive than others. The expensive routes include hiring firms dedicated to optimizing websites for usability, and if you can afford it, that’s an investment that will most likely yeild some significant returns. 

There is a free alternative though, and although it isn’t as informative as organized focus groups, it will get you headed in the right direction and offer enough feedback to dramatically improve the user experience, from your visitor’s perspectives.

4Q is a web survey – it shows a popup (visit the 4Q website to see what that looks like) when you first visit the site, asking users to opt-in to a little survey. If the user clicks “Yes,” a new window will appear and then minimize, so that they can finish the survey after leaving your website. You decide the questions that will be asked, and the user is given the opportunity at the end to write their general thoughts, insights, and feedback regarding your website. 4Q takes care of gathering and reporting the data, which you can access by logging into the admin section on their website.

Good questions to ask may include:

  1. Rate your overall satisfaction after browsing through the website.
  2. What was the  purpose of your visit?
  3. Did you find what you were looking for?
  4. Rate the difficulty you experienced navigating the website.
  5. Rate the usefulness of the content on the website.
  6. (If testing a new website design) If you are a returning visitor, how do you like the new look?
  7. Do our solutions/products/services match what you were looking for?
  8. Please describe what you liked about the website.
  9. Please describe any changes we can make to improve the website.

Motivate your visitors to take the survey with a promo code, free shipping, or a free whitepaper, and don’t take too much of their time.

You don’t want to ask all these questions, and depending on your reasons for implementing the survey on your site, pick questions that will meet your goals. And don’t ask too many questions – your visitors are doing you a favor, so don’t waste their time. They will be more likely to fill out the survey if you offer something in return, such as a promo code, free shipping, or a free whitepaper. 

The admin section allows you to manage the amount of users that will see the survey, so that you don’t have to bombard 100% of your traffic with the survey (make sure you use a number high enough to yeild accurate statistics, though). 

It is important to look at the results of the survey with the right attitude – you will most likely be very surprised at some of the responses, but avoid discarding scathing or seemingly unreasonable feedback – there is a reason for it. It’s an opportunity to improve your website in ways that will affect your visitor’s attitudes towards your website, and will result in higher conversions and results.

4Q is a joint venture between Avinash Kaushik (wrote Web Analytics: An Hour a Day) and iPerceptions, a company that uses analytics to measure the perceptions and attitudes of website visitors in order to improve user experience.

SEO Book Toolbar

Thursday, January 15th, 2009

SEO Book.com just released the ultimate SEO toolbar - and so far, I’m really pleased with it. I’ll even get to delete a few SEO Firefox addons that I won’t be needing anymore.

The goods include all the website overview stats that SEO for Firefox provided (Yahoo links, domain age, Alexa rank, directory links, etc. – visible right on the toolbar), as well as a handy keyword tool that allows you to enter a keyword right in the sidebar and look it up in all the major keyword tools across the web. Very handy indeed. 

To see and download the toolbar, go to http://tools.seobook.com/seo-toolbar/

I’m leaving IE6 in the dust

Wednesday, January 14th, 2009

If you visit my site using IE6, you will see this big annoying badge right on top of my logo:

Why?

IE6 does not support web standards, meaning that not only does it do a bad job of displaying websites correctly,  it is the bane of every web designer who has to stoop to the level of implementing IE6 hacks to fix its bugs.

I can’t stop making websites that support IE6 for my clients, because their websites have to work for everyone that comes along, regardless of their browser.

My website, on the other hand, can (hopefully) educate my visitors who are less experienced on the web, and help them to upgrade to a better, faster, more user-friendly, and free browser like Google’s Chrome (if you’re still using IE6, do yourself a huge favor and just click on that link right now), Opera, or Firefox. I mention them in that order because if you’re still on IE6, you won’t understand the benefits or need the addons of Firefox, and Chrome is the fastest, most lightweight browser and probably the best solution for an older/antiquated computer.

If you look closely, you’ll notice that I’m still using a few IE hacks like the IE png fix to give transparent PNG support, as well as a hack to get my navigation menu to work in IE6. I don’t want to leave IE6 users completely hanging, but they will have to endure the big ugly badge in my header.

If you are interested in doing the same thing for your website, feel free to use my code and image – I’ll be happy if you do. Both were inspired by Elliot Jay Stocks (to give credit where credit is due). You will also probably want to joing the IE Death March – an initiative to end IE6 support by March of this year. I mean, IE6 is older than the Ipod – it’s time to move on.

Web Design Resources

Tuesday, January 13th, 2009

webappers-logo

Webappers.com is  my new favorite resource for all things related to web design and usability. I have already found useful icons, jQuery and JavaScript tools, and other open source goodies.