THE COSMONAUTS

Acabo de publicar toda la información sobre el próximo curso para formar a diseñadores de interacción. Será la tercera edición del Programa Vostok.

This is the kind of mess you get when you create an account at Eskup and first log in:

For those of you who don’t know, Eskup is a kind of social network, twitter-like, microblogging plattform which merges Elpais.com content with user generated microposts. Kind of like the dull answer to “how do we, newspaper, take advantage of social media?”

El Pais seems pretty excited about this. Their excitement is directly proportional to my skepticism. They’ve done a great deal of programming for this and they’ve taken risks, which is good. But they URGENTLY need to rework the design and functionality so the product is more understandable and easy to use. Otherwise it will be another missed atempt at redefining online journalism in Spain.

We want to build the best list of design (interaction, information, industrial, product design and architecture) movies and documentaries of all times. Here’s the deal: write down in the comment section the name of a film or doc that’s somehow design related and, in return, we’ll give you a code to watch any movie in Filmin‘s (Spain’s best streaming service for indie film) catalog for free.

We also have a promo code for a premium account at Filmin (any movie, any time anywhere) which we’ll give to the person who makes the best list (it’s ok to repeat some movie suggested by someone else). Easy peasy japanesey. A neat gift for little effort.

These are the movies/docs we have so far:

Kitchen Stories (Bent Hamer, 2003)

The Fountainhead (King Vidor, 1949)

Tucker: The Man and his Dream (Francis Ford Coppola, 1988)

Helvetica (Gary Hustwit, 2007)

Powers of 10 (and other films by Ray y Charles Eames, 1977)

The RTVE series ‘Elogio de la luz‘, each episode covering an architect

The Belly of an Architect (Peter Greenaway, 1987)

Sketches of Frank Gehry (Sydney Pollack, 2005)

Play Time (Jacques Tati, 1967)

Full disclosure: We’ve done Filmin’s web redesign and we love it (the service, not the redesign. Well… both). We’ll go into details in a future post.

Marco Arment does a great job not only at designing one of the best apps for reading online (Instapaper) but also at explaining all the decisions behind the design. I strongly suggest reading Instapaper Pro 2.2.3 now available, which could also be tittled Instapaper for iPad: its design explained.

Marco, who also happens to be the lead developer at Tumblr, dealt with several issues when designing the iPad version of his product:

• Placement of the controls: follow Apple’s lead or do what he finds it’s better (standarisation over effectivity).
• Placement of the action buttons (not where they fit but at the specific spot where you are when you may need them).
• Text margins and line readability.
• Single column vs. multicolumn layouts.
• Color and brightness for legibility (pure black on pure white on a screen is an aberration, don’t get fooled).
• Pagination tap zones (and differences between iPhone and iPad).
• Tipographies.

I wonder why Mr. Arment decided to let the user chose between 6 different fonts instead of chosing himself the one or two he thinks it works better on that context. What do you guys think about this one?

UPDATE:

Marco just answered my enquiry through twitter:

Marco: Because the people who care about fonts REALLY care about them, and appreciate the choice.

I think Hoefler Text works best, so I made it the default. I take the default settings VERY seriously.

Alissa Walker from Fast Company on architects’ websites:

The most un-usable architecture firm Web sites are often exactly like the buildings those architects design: Created to make a statement, rather than focus on everyday livability. Perhaps they have to solve one problem before they can tackle the other.

The article is rather shallow, but worth skimping to check out some info-architectural disasters.

Now this is a nice proposal (Spanish) for a search engine redesign by Yusef Hassan:

Where Search does a “classic search”, Re-find looks on what I already have seen (and starts digging on my social info up in the cloud) and Discover does te opposite bringing results I’ve never seen before.

It makes sense to me, ¿Does it to you?

Chances of surviving a plane crash according to statistics:

Plane chrash on Hudson river:

What would you chose?

Spanish online newspapers seem to be clueless when it comes to designing their homepages. Their strategy seems to be “put everything on the homepage, no matter how”. No order, no sequence, no freakin’ idea about reading patterns. I’m not making this up, check these screenshots, they speak for themselves:

The images correspond to El País, El Mundo and ABC.

These structures bleed consensus and politics from every pixel. I’ve been in a couple of these projects and I understand the politics behind a newspaper redesign. All the “we cannot harm our current readers” and “we need to find a spot for this and that” only leads to having the same again and again.

And the constant increase of screen resolution is not helping but increasing the damage. Remember when most newspapers went from 800×600 to 1024? Instead of using those extra pixels to make everything bigger and give some white space they came up with an extra column for junk.

Much has been said about how to renew online journalism. If they just started by questioning these obsolete structures… Jeez… I am so looking for the day when a big exec has the guts to get rid of commitees, consensus and departmental presence to make something different, some design where you see a strategy, a point, a purpose.

A few months ago I wrote an article expressing my displeasure with American Airlines‘ hideous online presence. I also spent some time mocking up a redesigned version of their website. To my surprise, a user experience designer at AA.com emailed me an amazing response describing some of the design problems faced in large corporations. You should read my original article here and the response from Mr. X here.

An hour after I posted the response, American Airlines fired Mr. X.

Dustin Curtis at The Incompetence of American Airlines & the Fate of Mr. X

(Thanks Bastian)

Approach A

A lot of designers want to increase the line height or padding in order to make the interface “breathe.” We deliberately don’t do that. We want to squeeze in as much information as possible above the fold. We recognize that information density is part of what makes the experience great and efficient. Our goal is to get users in and out really quickly. All our design decisions are based on that strategy.

Irene Au, User Interface Director at Google

Approach B

Yes, it’s true that a team at Google couldn’t decide between two blues, so they’re testing 41 shades between each blue to see which one performs better. I had a recent debate over whether a border should be 3, 4 or 5 pixels wide, and was asked to prove my case. I can’t operate in an environment like that. I’ve grown tired of debating such minuscule design decisions.

Douglas Bowman, Former Head of Visual Design at Google

Which one would you take?

(thanks, Missha)

The City of Madrid’s website (munimadrid.es) has been ranked the most usable of all municipal governance websites in the world in a study commissioned by United Nations and conducted by Rutgers University. Madrid also ranks very high in other categories, being the 5th best overall.

This makes me very proud since I lead the team who made that possible. I guess I cannot disclose much of the information regarding the project, but I want to congratulate and thank the team who worked really hard to make it possible. We weren’t expecting such success.

Here is the press release and a link to a United Nations page with the full report.

Here is the overall ranking:

This is the detail on the usability category:

This is the paragraph where Madrid’s website is mentioned as one of the best practices all over the world:

Working for the public administration is always dificult. There are many interests and stakeholders which sometimes conflict among themselves and you feel in the middle having to come up with something that compromises all parts and is also what you think it’s best for users. I don’t recall it as an easy project.

Besides, as a professional you have to deliver a plus when working in such projects. Why? For two main reasons:

1. You are being paid with everybody’s money
2. Your users are the Citizens. You work for the public good.

I remember recalling these principles when things used to get tough. It was our big motivation. Now I see it was worth the sacrifice.

I found Juan Leal’s post about Verplank’s definition on Interaction Desing very interesting, although I am no fan of definitions and compartimentations. I’ll jump to the train, however.

My favorite definition/description/whatever goes like this:

Information Architecture: how it’s structured
Interaction Design: how it behaves
Information Design/Visual Design: how it looks

These definitions are not mine and I cannot recall who wrote them first. I’d appreciate any feedback on it. I am also aware that the boudaries between concepts are not clear at all, especially between the last two. They tend to overlap a lot.