Thursday, January 24, 2008

SEO-OOOOOOOOH CRAP!!

So, I had like, um, gee, I'd say NO clue what SEO was when I was hired at the current company I am employed with. I am now learning how truly important SEO is to a web site, what it is, and why it is crucial for a designer to know this information. I am also learning why site maps and the navigation at the bottom of web sites are important. They not only help with the usability of a site, but they also help with the positioning of a site. Spiders, no, not the real ones, look for as many keywords in a site as the person types in to a search engine. If the words in the navigation, the content, the links at the bottom of the page, and the site map all have spots where those words are used, then the site is going to be rated better in the search. These are things that a web designer can use when designing the site. An optimizer can go in and add these things, but it's easier if the designer does it. I have learned a lot in the past two days and the most important thing I've learned is that most of these optimizing tactics can be done in the design portion of the process... So, that's what I'm probably going to be doing if and when I start designing.

A few important SEO thingies that I've learned are:

Uses H1 and H2 tags.
Have outside links to your page.
Use title tags.
Use meta description tags.
Use links at the bottom of the pages.
Use disclaimers with key words.
Use the keyword tags (not really important, but may as well use 'em!)
Use word navigation instead of images.
Use alt tags for the images.
Links to other sites within content.
Repeat your keywords.

That's about it for now. More to come, I'm sure. Learning TONS!!

Sunday, January 20, 2008

Well, CRAP!

So, I obviously forgot to do my weekly post. I'm going to chalk it up due to my mental state this past week and a half. I couldn't think straight. But I'm just fine now!! So, no more excuses.

Slicing: Not Just a Sliver in Web Knowledge

Slicing is really important. It's no small thing. I have done slicing before and am kinda able to wrap my head around what needs to be sliced and what doesn't and where to slice, but it is something I need to work on. I assumed I could just use solid shapes made from coding laid on top of each other to make up my background, but it's better to take a small sliver of the solid shape with the border and have it repeat. I thought the solid shape with the border would be better suited as two different size rectangles, if that makes sense. Not sure why I didn't think of taking a small sliver and reapeating it. It's that kind of thinking that I need to start doing. I have the basics covered, but slicing takes a new approach to thinking. You have to be creative to get the images to be the smallest they can be in order to have the page load quickly.

I know that alt takes are important in web design. It is important to have a description for your images for a couple reasons. Below is a list that I found at Wikipedia.org:

1. For people with low bandwidth connections, who may opt not to load graphics
2. For people using handheld devices
3. For people with disabilities who use assistive technology, such as refreshable braille displays or screen readers
4. For people using a pay per transferred data connection
5. Search engine optimization: most search engines interpret the meaning of objects by analysing their alt attribute

I didn't realize that the naming of each images is just as important with search engines. I knew it was important so you, as the designer and for other people working on the site, can understand what each image is or at least have some clue to what it might be. I didn't know that search engines look at the titles of images and use that information when choosing what sites to display in the search results. Good to know, I say. Optimization is extremely important to a site. If it isn't optimized properly, then not as many people will see the site. Interesting, huh? Important stuff to pay attention to.

Thursday, January 10, 2008

You might need glasses if...

I design with 11pt fonts!! Oops. I just learned a valuable lesson. Print is not web. Wed design requires a larger point size... better yet, it requires a larger pixel size. Designing with 11pt fonts requires the user to get out his or her glasses and then become frustrated and leave the site. That is not a good thing. I need to pay attention to my point... er... pixel size and my leading for the best readability on the web. 14, I was told, is a good pixel size to use for copy on a web page. That seems totally large to me, but my mind is more on the print design then on the web end of things.

I have a tendency to design more geometrically than flowy or unique in shapes. I am trying to learn to think in a different realm then I am used to. My favorite art/design movement is Russian Constructivism. I enjoy this movement not only for the art and design elements, but for the politics as well. Moving along, because I enjoy this movement, I tend to design with those elements found in the movement. Geometric in thought and production. I would like to learn to see in the way a fellow classmate sees. His designs are always different and unique. I do not understand how he can come up with all these designs that look so completely different while I have every design so... blah in a sense. Someone commented on one of my designs saying, "It looks like a cat peed on it." Now, he meant that as the color yellow, which wasn't used anywhere else in the site other than in the roll over of the navigation, looked foreign and out of place, but it sums up how I feel about my design work. I need more practice. I need to research more. I need help. I love having the feedback and hope to grow in my design and have less sites look as if some carbon based mammal urinated all over my work... Blue will be the new yellow. I hate yellow. I'm done with it. I'm so totally over it that it's just super crazy.

And scene.

Next week: Confidence in my work!!

Thursday, January 3, 2008

Lesson Learned... and now moving on.

I learned what I believe to be an important lesson. I spent a long time searching for the perfect photograph and I drew a sketch of what I wanted to do for the redesign of the Denver Women's Choir. I thought it was a great idea, but I didn't get to finish the design because I caught a really bad cold that knocked me down for a week and a half and then I got the stomach flu (no tears, please). So, I had to put the whole redesigning thing on hold. I started to feel a little better yesterday when I realized that companies usually update their sites after a major holiday. Grrrr. I hadn't taken a screen shot of the site nor had I written down what the site said before they updated it after Christmas. So now, I have to redesign my redesign! My own fault. I know now to take a screen shot so I won't have to spend time redesigning. It won't be too bad because the design is meant to change with each upcoming event that the choir wants to advertise. The sad part is that I had this awesome design going for the Christmas concert that I now have to scrap and come up with a different idea for the next event they are putting on. Good lesson to learn, bad timing. :) It'll get done. It always gets done, stomach flu or not!!