Here your vision becomes reality!

How Ma.gnolia Won My Heart and Yahoo Broke It

by Naomi Niles

Friday, June 23rd, 2006

When we started this blog last year, we decided to have a rants and raves section where we would place one rant and one rave in the same post. Kind of like yin and yang, to balance each other out. So, here is our first rant/rave.

Rave: Ma.nolia.com
Why?: Their excellent service and nice website.
Details: I had been playing for a few years with del.icio.us for awhile, but I just never got into it. The idea of social bookmarking is pretty cool, but the design of the site totally turned me off. It’s just so bland, that as a designer it kills me to look at it. I know it’s simple and functional, but something with a little kick would be nice.

Then Ma.gnolia came along. When I first saw the beauty of a site that it is, I thought wow! It’s well laid out and just as functional as del.icio.us, but has enough extra features to make it stand apart including screenshots of the bookmarks, bookmark ratings, and what I think is a better community system. And did I mention that the design is nice?

But, that’s not what stole my heart. What really moved me to use their site was the excellent help they gave me. I had almost 2000 bookmarks that I wanted to import from my Firefox browser to their site. They have an easy to use tool to import, but the bookmarks were not going through. I got in touch with the product manager, Todd, who was extremely helpful.

After we tried importing a few times without success, I didn’t hear from them for a few days. So, I figured that they gave up on me. You know how that works on the internet, people just ignore you until you go away. I was really surprised later when Todd got back in touch with me and thanked me for my patience. I finally managed to get my bookmarks imported and they even offered to do it for me if I couldn’t. On top of that, they were extremely kind and professional. I am definitely a fan now.

Rant: Yahoo Groups
Why?: They killed my group.
Details: I belong to a very active yahoo group of web designers that is more than 7 years old. About 2 1/2 weeks ago yahoo decided to improve their email messages by adding extra features. About two days after that, the email from the group just stopped. The messages could be posted on their site, but the emails were not going through and many of us were getting bounces. The group owner tried to get help from Yahoo and so did a few other people in the group including myself.

In the first place, finding help was almost next to impossible. Yahoo doesn’t have any support links to talk to a real person unless you search their help database first. This was totally frustrating because I knew that help for this particular problem wouldn’t be in the database and I spent about half an hour trying to find a way to contact them.

When I did find a contact, they asked for my group name, email address, and comments. Since I have 3 email addresses that I use for the Yahoo Groups, I gave them my hotmail address. They replied two days later saying that it was hotmail’s fault and that I should contact msn for support. Huh?

So, I wrote again saying that I was having a problem with all of my email addresses and none of the members of my group were getting their emails either. They wrote back again asking for all of my email addresses that I use on the groups and a list of all of the message numbers that I didn’t receive. So, I sent them both things. Now I haven’t heard anything back. That was over a week ago and still nothing. They even sent me a request for feedback on their support a few days ago. What support?

Now the owner of the group is moving the whole mailing list to her own server because Yahoo won’t help any of us. I think that they shouldn’t offer a service they don’t want to support, free or not.

We Are Flattered

by Intuitive Designs

Sunday, June 18th, 2006

We have recently been getting quite a bit of attention for our recently re-designed site, so we would like to say thank you to all of the kind people who have mentioned us on their sites including:

CSS Mania
CSS Remix
Web Creme
Design Meltdown
The Daily Slurp
CSS Drive
CSS Bloom
Web Design Archive
CSS Lab
Creative Public’s Designer of the Month for July 2006
Patrick Haney on Flickr

Thank you!

The Importance of Making Things Easy

by Naomi Niles

Thursday, June 15th, 2006

I’ve seen it happen very often. Companies enter the internet market and want another way to get the most of their marketing dollars by getting as much information as they can from site visitors and potential customers. Not only does this provide a good deal of information for future marketing efforts, it also gives you viable measurements to know where your company is going. This seems like a good idea and seems to make sense.

There is a big problem with this though. People feel lazy about surfing on the internet. They want things as quickly as possible and are probably already suffering from information overload. They have other places to go and people to see. The more you make them click and fill in forms, the faster they will leave. Some of the biggest examples of this are making people search too hard to find what they are looking for, making them register with their personal details to buy something, or making them register to leave a comment on your article.

Anything you might want people to find on your site should never be more than 4 clicks away, not including filling out forms and try to adhere to that. It doesn’t matter if site visitors are going through the shopping cart process or trying to contact you. Make it as easy as you can. I’m sure you’ve heard of the K.I.S.S. (keep it simple, stupid) principle. That applies here.

Since the web is such an open format, make yourself available as well. Let people leave comments on your site if you have a blog and make it easy to find and contact you. Leave a simple form and phone number. Don’t make them register just because you want their info. This will scare your visitors away quicker than you can blink an eye. If you do manage to get some data from them, 9 times out of 10 it’s probably bogus anyway. If you are making people register in order to avoid spam comments, forget about it. The amount of people you push away from your site is not worth deleting a few spam comments a day.

As an example I will use nytimes.com. I know that they have good and informative articles and I love their new redesign. I also know that registering to read some of the archives on their site is "free and easy", but I just can’t bring myself to do it. I’ve been visiting their site for years and still haven’t registerd. Every time I get to a page that asks me to register or buy something, I get frustrated and run away. I am just so wasted of sites asking for my personal details every time I turn around. I have so many different passwords and usernames that I don’t even have a way to track them all.

Isn’t there another way to please your company and advertisers? Instead of trying to get everything we can from our clients and visitors just because we can, why don’t we accept and embrace the open nature of the internet? Provide an easy way to search on your site so that people can find what they are looking for fast, keep everything important in an easy place to find, and above all, give them the power to choose what they need and what actions they would like to perform. Our philosophy on the net is about being clear about our intentions and not treating people like sheep. All you need to do is make it as easy as possible. If you are working with a good designer, let them do this for you. Simple, isn’t it?

Google Loves Us

by Naomi Niles

Monday, June 12th, 2006

nicest website in the world

I was looking over our site logs yesterday and realized that we are currently in the number 1 position in Google for a curious term and I just had to share. The term is “nicest website in the world”. Wow! Google must really like us! Although unintentional, it is kind of amusing, isn’t it?

What are some funny terms that you have had high rankings with unintentionally in Google?

There Was a Time Before Photoshop…

by Koldo Barroso

Wednesday, June 7th, 2006

Sometimes I remember how different things used to be when I first started working in a professional design studio, 20 years ago, and I have the impression that if the illustrators and designers from those days would have had the opportunity of foresee how technology would change our work we would have thought it was all science-fiction.

In effect, in the 80’s things were pretty different from today. We used to work with translucent screens with fluorescent tubes installed below our boards in order to trace. In the summer they would get so hot that they would turn the studio into something similar to a nudist beach. As soon as the temperature would rise the clothes would drop. It had nothing to do with the heat from our modern computers, believe me. Sometimes an unexpected scream would make all the ink pots fall in the studio. It would come from someone who carelessly laid his arm upon a hot spot on the table.

On top of the board we used transparent acetate sheets with a grid. We would fix them with sticking tape to the board and use them as the modern Photoshop guides and rulers, but these ones were not movable. With the daily use of the cutter they used to end up full of rips so we had to change them every week. Very often the acrylic glass board would also end up full of rips. In fact, most of the methods and tools that of the designers were from the architect and draftsmen’s professions. We used to work with couché paper (a paper with a satin texture), which was really uncomfortable and unpleasant for pencil drawing because of it’s texture.

Once the pencil drawing was done, no vectorial work here of course, we used to re-draw it with rotring. The rotring was another draftsmen’s tool, which would make us spend more time cleaning than actually drawing. Very often the daily work was more similar to the life of a mariner that an artist, cleaning and checking out our tools constantly. Of course, when the rotring was not clean enough the ink would get dry in the inside and would provoke one of the most scary things in our job: a spot. To keep the famous Murphy’s law alive, the spots would always appear when the work was almost done. Of course, if you got a spot, sometimes you could use a cutter to scratch the surface of the paper and remove the ink. That’s the reason why we used couché paper. You could tell when somebody in the studio had one of these unpleasant accidents because of the sudden changes of humor and use of expletives. This still happens today in the computer world, when an application like Photoshop closes unexpectedly and one stupidly loses his unsaved work. Technology has changed but not the designers.

Another peculiarity from our work is that the drawings needed to be done in reverse, I mean like a mirror. This was a requirement of the technique because later the drawings were photographed to make a photolithograph. Personally, this was not a problem for me because I had been doing engraving art for a few years and this would also require drawing in reverse. Anyhow, I must recognize that more than once I was absent-minded and did the work in the right direction and was obligated to do it all over again. On such occasions, I would also have sudden changes of humor and use expletives myself.

After drawing in ink, the original work would pass to a room where a gigantic machine to photograph the photolithographs was placed. The photolithographs were first done on black film, a negative. These negatives would come back to the designer board to be retouched to remove undesired spots from dust specks and other crap. We had to cover the spots with a special painting and then send them back to get the positive, just like in a photography studio. Then we had to get the film dry with a hairdryer and once again fix it from undesired spots or defects by removing the black ink with a cutter. When all of the photolithographs were ready, we started the layout work placing every little film piece as a puzzle over the grid. We would fix the pieces with sticking tape, taking care of placing them right so they wouldn’t provoke undesired lines in the final printing.

Actually this reminds me a lot to the old editing techniques in the recording studios. Because my personal relation with the world of music and production, I had to learn these old techniques in a recording studio, sticking little pieces of audio tape together. It is amazing when you think some of the most legendary albums from the Beatles, David Bowie and Yes were produced with this technque, getting little pieces of tape stuck together one after the other. Nothing to do with Pro Tools, nothing to do with Photoshop.

Sample Illustration of Airbrushing and Toothbrush Techniques

An illustration of mine from 1987 featuring both gradient techniques: the airbrush in the dawning sky and tooth brush in the stars.

When the project would require several inks the work was basically the same but multiplied by the number of layers for each color. Also during the 80’s, the illustrators discovered an amazing tool: the airbrush. My generation grew up staring at those wonderful album covers by Roger Dean and Mouse & Kelly, and the vision of those perfect gradients was just unbelievable. When I was a teenager I was in an exhibition of a reputed Spanish children’s illustrator called Jose Ramon Sanchez who used this tool and I ran into him to ask him how the hell he would get such perfect gradients. At the time I didn’t know about the aircraft. I guess that instead of telling a 13 year old kid to spend some $1500 in such a expensive device, the man told me he used to paint them with a tooth brush. During the next week I ruined absolutely every tooth brush at home and my mother was wondering why the new tooth paste tasted like painting. You may imagine how primitive this technique was, rubbing the brush hair with the thumb and spitting acrylic painting like a fair bb gun. Nothing to do with the Photoshop gradients, of course. I later got to use a professional airbrush that a an artist friend of mine bought. It was an amazing time and our works were irresistibly crowded by gradient skies.

The work system is similar to the one today, just harder. You had to fix transparent film to the drawing and cut the lines with a cutter in order to remove the part you needed to airbrush, similar to the Photoshop masks. The airbrush was another instrument that required a lot of pampering and cleaning. When you wouldn’t, the acrylic painting would get dry around the inner needle of the gun and would provoke the damned spits. I remember once one of this bloody spits made me jump and I dropped the water pot with the airbrush hose. The next second absolutely all of the open painting cans in the board kept falling over one by one like domino pieces. I guess that was the day I started thinking about the consequences of each action in the universe.

For the text placement, it was nothing like today’s text editors of course. It is hard to believe that just 20 years ago we were using such primitive techniques. Letraset was all we knew about. I remember we used to go to these offices in downtown Madrid where you could by all sort of fonts. They had these huge drawers full of boxes with Letraset papers, and we used to pick them from catalogue books that we had. It was beautiful experience to look at all those collections of fonts. Letraset was a paper to transfer fonts, each transfer paper would give you a set of letters with the alphabet on the same font. I remember some letters, such as the S and A would run out too fast. When the studio was short of transfer papers we would have to make Frankenstein letters in a rush to get the work done using different letters. The transfer paper would work by rubbing the letters on the couché paper with a tool called a "burnisher". Very often the letters would break, especially the smaller ones, and we would have to fix them with rotring now and again. To remove the letters we would use the same technique of scratching the couché paper. Placing letters on paper is one of these things I definitely don’t miss from the old days and I wouldn’t trade my 30 seconds of editing text to that 30 minutes.

Before Photoshop, Illustrator and the computers, the life of the designer used to be pretty different, but maybe is not as much better as it seems. We have gained in terms of time, risk of losing work (if we keep a good backup), and possibilities of combining and experimenting with our work, especially when it’s about duplicating, combining and resizing layers. Never the less, for those who started before Photoshop and Machintosh, we miss lots of things from the old times and we wait for the time to come when the analog feeling is recovered from technology. Not for a better result, not for imitation of the analog world, but for a more pleasurable and sensitive work.

The next time I will talk about the limitations of digital technology for the analog artists.