Using the website footer effectively
The footer of the web page is usually the last thing on my mind when I'm designing a site. It's where I put the copyright info and repeat the major page links for the site.However, more and more people have realized that the footer provides a lot of additional space to provide more info. For example, you could have your Twitter feed there, maybe a contact form, business updates, most recent blog entries, polls, social media linking, etc. It's also a great place to keep the design going. Some really great designs out there make the footer visually interesting. This helps draw the eye to whatever info you have there. So rather than being an after thought, it's an extension of the rest of the page. Let's look at some better ways to use the footer. We'll first discuss the content, then the design.
Content
Profile Info
This is great if you're a freelance designer, writer, photographer, musician... whatever. The idea here is that you provide a picture of yourself and a quick write up. It's important that both the picture and write up mirror the image you're trying to convey with your site. So, if your site is really sleek and professional-looking, you don't want to have a picture of you in a clown outfit and stories about the last time you blacked out after drinking too many Irish Car Bombs. Conversly, you don't want to have a site that's relatively lighthearted and have a bio that would put the Pope to sleep.
Contact Form
The contact form doesn't have to be anything extravagant. For example, on our site, we have a form that we use for a potential client to fill out that describes the scope of their project so we can provide a quote. That is not what you want to have in the footer. There's just too much stuff there. Rather, you might want to just gather an email address, name, and comments. You can use this truncated contact form for sales or general customer service inquiries. You could also provide a form for someone to sign up for your newsletter. The idea by putting the contact form in the footer is that it shows your prospective clients that you are easily reachable.
Twitter Feed
Twitter has really taken off in the last couple years. It's surprising, actually; that people are interested in 160-character updates. They've improved over the last few years from talking about your bowel movements to actually being useful and informative (BBC News, TIME, Oxfam, One.org). Twitter is a great way to get quick news updates and status updates of friends and others. So it's no surprise that it would be almost expected today to have a Twitter feed. If you're using a blogging platform such as WordPress, there are plugins available that pulls in your Twitter feed. I'm using one called "Tweetable" for this blog. It allows me to post to Twitter from the control panel and displays my tweets in the sidebar. If you want to pull in a feed and display it on your custom website, you'll need to fnd a good service for that or be kick ass at PHP.
Blog Feed
The blog feed follows much of the same line of thought as the Twitter feed. As a matter of fact, it can implimented in some of the same ways. It's important to have a blog for a number of reasons (SEO not being the least). Depending on what you're blogging about, it can give your visitors an insight into your personality, likes, or dislikes. For me, I use this blog to illuminate various topics that have to do with web design and small business. I try to use this site to aggregate information and spit it back out in a way that's easy to understand.
Social Networking Info
Simply put; this would be fleshed out by putting links (or icons linking) to your social media pages (Twitter, Facebook, MySpace [that's still used?], StumbleUpon, LinkedIN, Reddit, Digg, etc).
Contact Info
It's simple. Your prospective clients/visitors want a way to contact you. More importantly, they want an easy way to find that information. One way to do it is to have a "contact us" page. However, I find that it's also a good idea to at least put your phone number/email address on each page. The footer is a great place for this. You'll notice on the current design of our site, we have a "contact us" page. However, in our upcoming redesign, it will be in the footer. I will be including our mailing address as well as our direct phone number and necessary email addresses. However, one thing to bear in mind; if you make your email address an image, it can't be scanned and picked up by spambots. So, while I'm all for using text to improve your SEO, I'd rather not get spammed.
So, those are just a few examples of the type of content you can put in the footer. Now, let's talk a minute about design.
Design
The design of the footer should obviously blend in with the rest of the site. It should look like it's an extension of the site rather than an afterthought. However that doesn't mean that you want it to be a prominent part of the page. You want the design to be a visual wrap up to the site. Kind of like a bookend.
For example, Ten Thousand Things and Blog Amuki:
I like how the footer is an extension of the entire page on both sites. On the first one, the footer makes sense with the design - it's the upper atmosphere. The second one, the footer is literally the closing bookend companion of the header image.
These are just two great examples of how you can maximize that space on your next site. The footer is often overlooked and is often stuffed with minimal info only because it was an afterthought. I hope this brief look at it gives you some inspiration to go out and design your next site with a useful, informative footer and with a great design.
5 great Error 404 pages
The 'ol 404 error page. It's a real bummer when you run across one. The typical one looks like this:
I'm embarrassed to say that my own site has a boring old page. However, we're working on redesigning that and it will change. Anyway, here's five great Error 404 pages I found:
These pages just go to show that the design work doesn't stop at the main website pages. It's important to consider the whole web experience. So, if you're a designer, go fix your Error 404 page and make it more interesting (slaps own hand).
Next time, we'll look at how to better use the footer on your web page - that's some prime real estate that's often not being maximized.
Stop the ride. I wanna get off.
Change. I change my clothes, my son's diaper, my mind - often multiple times a day. Heck, change is so intertwined in our lives that we make changes on the way to work; radio stations, lanes, MPH, etc. Our lives and the world around us is in a constant state of flux.
So then, how do you stay on top (never mind the cutting edge) of an industry that is constantly changing?
The web design industry is built on change. On one hand, it's great. Yesterday, we had to use Flash in order to have a dynamic website. Today, we can use better JavaScript like JQuery to do it. Tomorrow, we will use HTML5. Truly without change, our art, our passion would grow stale. However, it can be seriously dizzying!
I just read a retrospective article a few weeks ago about design trends for 2009. Then today, I read one about design trends of 2010 so far. Wait. I just got the hang of the "look" for 2009. Crap. I won't "get" 2010 for at least another 6 months. I know I said it just a moment ago, but I feel like the room is spinning.
Since I am spinning in circles, that takes us back to the beginning: "How do you stay on top of an industry that's constantly changing?"
Well I think that it will be different for each person. However, for me that involves a lot of research and reading. I have a short list of sites that I visit when I'm in need of some inspiration. Probably the one site I visit most often is Smashing Magazine, though. I also have been studying up on not only the more obscure features of CSS2, but am starting to dive in to CSS3. It won't be long before it will be the new standard and all browsers will support it en masse.
More importantly for me though, is that I start doing. I will look at a design that I admire and try to reverse engineer it. I figure out how the interactive elements work and what it takes to make them work well. I look at the design and try to replicate it with my own touch. I dissect the CSS so I can get an even better grasp of how it is affecting the layout and styling of the site.
Unfortunately, I haven't found a way to stay on top of the wave or even get ahead of it. I don't know if I ever will. I don't know if that's really important, though, either. For me, it's constantly a process of self improvement and discovery. That's why I love this industry so much. That is why I love my job so much. I get a chance to learn something new every day. Moreover, I get to do something that's challenging and in the end, very rewarding.
So, ya - this changing industry can be dizzying. But, it's also a small picture of the world around us. I suppose if you have a hard time accepting change in your daily life, then you probably don't want to consider web design. However, if you can embrace the change for what it is; a daily challenge to improve yourself and give back to others, then you'll do just fine.
Now if you'll excuse me, I have to go change another diaper.
Flash vs HTML5
The battle between Flash and HTML5 has been heating up lately. There's a lot of debate not only by the people who know what goes into Flash and HTML5, but also from the general public.
You can't really surf the web without catching an argument about how Flash is bloated and overall crap and that HTML5 is the savior of the interwebs. Gizmodo, Crunchgear, and Endgadget are just a few sites that talk about the subject. However, now you have Apple going head to head with Adobe in the last few months. First when the iPhone came out, it was annoying that they didn't allow Flash on it. However, most people forgave Apple because they figured that, well, it's a cell phone and other manufacturers make the rules to govern their phones, why not Apple? Then Apple rolls out the iPad. (side note, I've played with one and I still think it's an oversized, overpriced iPod Touch.) Anyway, the iPad doesn't support Flash. Rather, Apple is trying to push their codec, H.264. They've been using it for the last few years to encode video files for the iPod Touch and iPhones. It's a good format, but hell, there's better out there. So, here's the disturbing thing; Apple's show of obstinance is actually winning them ground! You've actually got website owners willing to ditch Flash just so their site will work on that POS iPad. I find that utterly rediculous! Why should we, the web developers bow to Apple's wishes? Personally, I don't necessarily like Flash en masse. It has it's merits in certain situations, though. However, when one company is trying to bend the rules to their favor, that's when we should all stop and take stock of what's going on here. I mean, rather than everyone bowing to Apple, why not push back and say, "nope, we're not going to give in to your closed system".
Okay, I'm sorry, I can tend to rattle on and I have a few gripes with Apple lately so, I'll try to keep on course.
Anyway, like I said above, Flash has it's merits. Personally, I don't like building entire websites out of Flash. Primarily because they can't be read by search engines and therefore it's much more difficult to correctly optimize them. I think HTML5 is great and if you've seen some of the demos out there, it's really impressive. Heck, never mind the demos, take a look at YouTube. Yup. YouTube is now all HTML5. However, I don't think that HTML5 is 100% our answer to a smoother web surfing experience. Granted, I think it's a big piece of the puzzle. However, I think the responsibility lies squarely on the shoulders of web developers to stop building shitty sites and to start doing it right. They need to quit cutting corners and put in the time, hard work, and effort to make a site great using whatever technology that site requires. Too many people pigeon-hole themselves and refuse to grow beyond what they're comfortable; be it Flash, HTML, or other.
As I've said before, I'm not a huge fan of Flash. However, I'll use it if I have to. I have a client that wanted a full Flash website. So, knowing it's SEO limitations, I built a Flash landing page (my thoughts on those another time) and built the rest of the site using jQuery. The site is interactive like she wanted, but it now works well with SEO techniques. So ultimately, she really is the big winner here.
Anyway, if I can leave you with just one thought, it would be this; HTML5 is Friggin' awesome and Flash is bloated. However, in order to build a web surfing experience that is interactive, exciting, and smooth, we need to leverage all of the technologies. Moreover, it's not up to big companies to decide for us what that will look like.
Does size really matter?
I was reading through a post on www.youthedesigner.com tonight. The essence of the article is that there are some good intangibles that you can ask your client for and the return could yield positive results. I won't go into the details of the article here. If you're interested, take a look when you're done here. ; )
Anyway, what got me thinking though is some of the comments on that post. On the subject of asking your client to put your "designed by" logo on their site, one commenter said,
... take a look at how many sites you see with designed by links on them. I can't think of any that are even worth mentioning; most are local restaurants or car repair shops. ... How many future clients will hire you because they saw your link at the bottom of 'Northern Mountain 4x4s' site, and more importantly do you think you would want those clients?
Wow. What a ass. Looking through some of the other comments, it seems that I'm not alone in my assessment of this guy. But, I digress. The point of this post is not to rip on this guy. It's to point out an important fact; everyone deserves to have a great website regardless of their budget. That's why I have positioned my web design company to market specifically to small businesses ranging from startups to "middle market". They need a website and I want to make sure they have something that they can be proud of within the constraints of their budget. Sure, I may not be raking in the dough because I'm not doing a multi-thousand dollar website (one local firm averages $15k/site). However, I feel that I'm meeting a specific group of people right where they need it; where they are at.
That's the key. To meet people where they are at. So, if I have a client that can only afford to spend $500 on a site, I'm going to make sure that they have the best that I can give them for that $500. Granted, I can do much cooler things with more money as it necessitates more time. But that doesn't mean that I'm going to turn down work because I don't want to make a "lesser" site.
The guy that I quoted above could be coming from any number of perspectives. However, his opinion is clear; he won't build a website that's beneath him. That's too bad. I've built some websites where I definitely haven't been paid what my time is realistically worth. However, I've had the pleasure of meeting some great people and have developed some good relationships from them. Besides, at the end of the day, when people know that you're helping them out, they help you out.
So, for me, while it's definitely important to make money, all I really have is my reputation.
