Web Design Blog

Kevin Potts recently did a review/critique of wundersite www.99designs.com - which appears to be a simplified spin of other such sites like Elance and what Kevin calls it’s “malignant brethren”. The site, which uses less than ideal techniques to get designers to connect with businesses, requires spec work and encourages horribly low prices. In his article, Kevin removes the usual sales pitch and business jargon and brings out the underlying truth:

Hmm. Yes, by all means, we want to avoid the time and consideration professional designers offer and go right to the lowest common denominator of grade-school dropouts whose portfolio’s crown jewel is a logo for their dad’s wholesale llama manure clearing house. We definitely do not want any in-depth communication. We do not want any understanding of the company, the brand, or the direction and aspirations of the organization.

In a nutshell, this is what you’re asking for if you work with these guys:

• You’re doing the work whether you like it or not. Payment is irrelevant. You only get that if you actually “win” the “contest”.
• Even if you do win, you don’t win much. (They seem to encourage low prices, as stated on their how it works page.)
• You lose your copyright privileges and you apparently can’t even take a public stand if your designs are stolen. Read their copyright page for more on that.
• You’re also asking for a royal slap in the face from folks like me and other real designers.

Freelancers: if you really care about your work and the design industry, do NOT use 99designs or others like it to gain clients. You’re hurting yourself and the rest of us too.

Business owners: if you really want someone who will take the time to get to know your company and present an informed and well-rounded design, might I suggest someone from the Xemion Web Designer Directory?

Here’s Kevin’s article (warning: contains some strong language)

What the heck is Information architecture?

Information architecture is the art of organizing information on a website in a way in which it is easily found. That’s the one sentence version, anyhow.

Information architecture (IA) is the art of organizing content into a logical structure. In websites we need to organize all the information logically and put it in together for it to make sense to our users.

Websites are supposed to answer questions that the a user has and help users complete tasks. If a website makes it easy for you to complete your task, then you know the information architects were effective. If a website has clumsy navigation and you have a hard time finding the information then we know whoever did the architecture on the website was not successful.

How do I recognize Information Architecture?

Before asking how I visualize IA, you may want to know why you need to visualize it. The main reason is if you have to explain what IA is to others. IA is not a tangible thing and the field is new and not many people out there understand exactly what it is. That’s why in this article, I am going to give you the whole picture of IA in layman’s terms, so you have a complete understanding are able to communicate that to other people.

You can recognize IA, by noticing the search systems and classifications/categorizations of a website’s architecture. But, it’s just not the navigation links that is IA, it’s the way information architects, categorize the structure of the information on the site.

Here is an example, let’s say we are looking at a clothing store’s online shopping cart. The types of clothing could be broken down like this: t-shirts, other shirts, jeans, casual pants, shorts and accessories. This is information architecture, it’s just not the words or the links, its how it is categorized.

Another example perhaps is the way content (words) are grouped on the homepage. If you look at any website – well most websites - for example the content is usually grouped into paragraphs or chunks of information, this is also information architecture.

IA is much deeper in the links on a website and how they are placed. IA refers to the content and the way in which we find it. It might be that we search for it, we could use a quick links side bar, either way it’s how we find the information.

Why information architects?

By now, we all know that IA exists without architects. If we want to create useable websites with easy to find information in complex environments, then we need architects. Without the proper professional knowledge and skills we would have a web of mess, much like it was with the crazy flashing buttons before we had web designers.

Imagine mortgages without mortgages specialists or schools without teachers. Information architecture without architects isn’t going to work either.

Sure, we all have faults, but that doesn’t mean we can’t learn from them. Like Jim Wideman likes to say, “I never make the same mistake twice, there’s enough different ones I can make every time!”

Sometimes, it takes awhile for a mistake to become a mistake. When the internet was still in it’s infancy, not a lot of people had an email address. The phone book was still pretty popular, and usually, the easiest way to get more information on a particular company was to call them. As a result, there weren’t a lot of contact forms on websites. A simple mailto: link would suffice. As another supporting factor, not too long after email got popular, so did spam. Junk emails flooded our inboxes to the extent that we quit seeing email as a huge step forward in communication and began to see it as a necessary evil.

Thankfully, that’s changed. New steps taken by Google and others in their email services have put spam in it’s place for the most part and made it fun to have email again.

And still, the mailto: link hangs on. It’s everywhere.
Why? It’s outdated and inefficient. When you click on the “contact us” link of some site that is coded with a mailto: link it will open up that user’s local email. Or at least, it will try to. For those of you like me–who keep their email on the internet–it may not respond at all or may even freeze up your browser.

Now you, the business-owner who owns that domain name–what sort of impression do you think you just made on that potential client/customer?

Many of you might think this is just a rant against substandard code and my personal experience on certain websites, but underneath it all lies the single principle that we all need to remember.

Harvey MacKay had an interesting way of showing ties at the mens suit store he worked at: He picked the three that would look the best with that suit and let the customer pick from the three.

Keep it simple, folks. Make every decision as easy as possible for them and their decision to hire or buy from you will be just as easy.

It’s really quite simple…

1. Get a name

2. Get a logo

3. Get a design

4. Get some content

5. Get a subscribe-to-beta-launch-e-mail-list button

6. Get some funding

That’s all there is to it folks!

You know looks matter. Sometimes it doesn’t seem fair, but they do. If they didn’t, super models would be waiting tables. While it may be that “beauty is in the eye of the beholder”, I don’t think it applies to good design. Anyone who has been in this field for a few years can begin to tell the difference in a good design and a bad one. Even the good ones, you might judge with a critical eye and look for things that you would change, given the opportunity.  Great design is what your success depends on a lot of the time and if your design is lacking then your income would probably be directly affected.

Kent Shaffer of Bombay Creative hits the nail on the head:

“That is why it is vital to have great design because those who know nothing about you will judge you by your appearance. Aesthetics are a powerful thing. Whether graphic design or product design, your appearance shapes how others perceive you.”

Are you where you want to be in your career as a freelancer? If not, I encourage you: get better. Get good at what you do. You might be pretty decent at it now, but getting better will never hurt.  This article comes out of my personal desire to become a better designer. I think I’m already pretty good at it, but heaven forbid that I stop learning how to improve. Mark my words: the moment you stop learning to hone your craft is the moment you stop advancing.

First I would like to say thank you to the Web Directions Team for mentioning my post here on xemion.com yesterday about the speakers at the conference, it was a very nice gesture. Hopefully no one was able to read it and see all the spelling and grammar errors.

Secondly, I would like to tell you about the speakers today.

First speaker this morning was Indi Young of Adaptive Path speaking about Innovation and how it is overrated.  Young made three points at first. One is that currently we have hit a wall with innovation. Saying that currently we now are innovating current products when it fact we should be working on completely new products that can be innovative.

She then went on to say some of the most important things you need to remember when you come up with an idea, is that you have to think about the fact you still need to be able to manufacture, deliver and convince people to buy you innovative idea. Which of course can make innovation very expensive.

The one thing that stuck out in her talk was that if you focus on people rather than the product you will succeed with time. This I thought was excellent advice and wished she hadn’t just told everyone!

Next me and all my bags (purse, laptop and the prize I had received for having my blog post mentioned - you visualize this not being easy  right?) over to “The Future of Web Interfaces” with Cameron Adams. First I must say Cameron was a very well spoken individual, very easy to understand and he made sense!

Cameron chatted about the fact that currently users have a multitude of platforms, screen resolutions and ways of viewing our content. And that is what makes our job difficult. He stated, “each different person has a different view and they all want to do something different”.

He then went on to talk about dynamic interfaces. Stated that there are really two types. Developer driven interfaces and user driven interfaces. We discussed the pros and cons of each. The developer driven interface needs a deep understanding of what your users want. The user driven interface is something that is coming soon and is already in beta at BBC. View the site here: http://www.bbc.co.uk/home/beta/.

Cameron stated users are like information omnivores and they are getting more demanding. Someone in the audience brought up an excellent question, with user driven interfaces, how do we approach the customer service  aspect which these new interfaces.

Now off to, Information Visualization as a Medium with Erin Rodenbeck of Stamen Design. Stamen talked mainly about maps in which you think would be boring. But surprise, surprise it wasn’t.

He showed different examples of where his company has used live data and compiled it and displayed it as a usable easy to read map. One of his projects were cabspotting.org which traces San Francisco’s taxi cabs as they travel throughout the Bay Area. And Oakland Crime Spotting which is a map of crime in the Oakland Area.

On to Anil Dash with Putting Social Media to Work. Anil Dash is the Vice President of Six Apart. His talk was of particular interest as he talked about business cases and how to show the CEOs and CFOs of your company why they should be using social media.

Social Media is changing the way people communicate and larger business’ are having a hard time adapting to this change. He stated the main real why an IT manager would automatically say no to a new project is budget, real estate, time and resources. He also mentioned that when presenting the business case the technology we propose we need to make sure it is safe, reliable, scalable, measurable and manageable.

An easy way to over come this is point to current success with the technology and tie it to where others are failing.

The How and Why: UI Case Studies  with Daniel Burka was my next stop. Daniel Burka is a partner at silverorange and is one of the Digg team. And Daniel is from Prince Edward Island - a fellow Maritimer….

Daniel talked about three different UI Cases. The digg story, digg comments and pownce -original design. He walked us thru each of the steps and talked about why and what the reactions were. In the end we were given some useful insight on how to deal with these types of projects. Overall it was a very interesting, speech.

I attended the Magento Webinar today and if you haven’t heard of Magento you soon will if you’re building ecommerce websites. I was very impressed with the attention to detail this team has made to front end designers and developers. They’ve taken this cart and made it highly adaptable on the front end. (Read more…)

Even you. (Read more…)

2 that is…

To frontend developers IE is the bane of our existence. It takes one street smart designer to overcome the lack of compliance to web standards. The next release of IE 8 will overcome those obstacles. IE 8 developers announced that IE 8 passed the Acid2 test implemented by the Web Standards Project.

Acid2 was implemented by the Web Standards Project as a test to help vendors building browsers test their compliancy to web standards. It was written by Ian Hickson in 2005. Previously there was the Box Acid Test which Acid2 replaced.

Acid2 tests the following web standards:

• Alpha transparency on PNG images
• The object element
• Absolute, relative and fixed positioning using CSS
• The CSS box model
• CSS tables
• CSS margins
• CSS generated content
• CSS parsing
• Paint order
• CSS line heights
• Hovering effects

Many of the browser vendors have worked hard at passing the Acid2 test. And while it seemed as though Microsoft was ignoring web standards, it’s official Internet Explorer 8 does pass the Acid2 test. They even released a video of it as seen here: http://channel9.msdn.com/Showpost.aspx?postid=367207

In the world of web design this is great news. I don’t know how many times IE has made me bang my head against the keyboard. Of course the key to this success will be the adoption rate from users. It’s still a step in the right direction.

Web Out

Des

Contribute CS3 is an Adobe product. Contribute is a program that installs on your computer and enables even somewhat computer illiterate people to update their own website, simply by opening Contribute, it takes away the need to understand FTP and you don’t need Dreamweaver to update your website. Want to know the pros of cons of using Contribute, keep reading… (Read more…)

I’ve been struggling for some time with the dilemma of enforcing some sort of quality control on the directory listings. There are a number of web design companies currently listed in the directory that are of questionable skill and ability. Their graphic design sucks and their knowledge of rudimentary web design just seems to be lacking. It is important to me that Xemion be a directory of high-quality firms and that we don’t recommend bad web design companies. (Read more…)