Instapaper for iPad: how it was designed

written by Javier on 12/05/2010

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.

No comments yet

New identity and website for BeBanjo

written by Mark on 10/05/2010

Many of you may already know BeBanjo, the multi-talented Madrid start-up that develops software for TV and VOD operators. They recently released Movida, a web-based software that untangles the mess for international and multiplatform rights management.

To make good use of Movida’s release, we helped BeBanjo in the redesign of their website and their branding. Our goal was to help explain their products better, and to create a simple yet handsome and extensible visual system to represent them.

We started off by exploring a western theme, lots of things fitted in without being overtly obvious: BeBanjo’s name, Spain’s history of spaguetti western cinema, and the folksy personalities of the team (in a good way!).

We presented a couple of options with a western theme (boots, cacti, banjos, etc) and they fell in love with the simple shapes of this hat:

So I made a family of hats made out of lines. However, when you use a dark background and clear lines they seem more complex than needed. So we added a simple rule:

In the end we decided on keeping the logos black & white, that way we can throw almost any color or texture and it still look goods (not that we would do it!).

Head over to BeBanjo.com to check out their brand new website and identity. I’ll talk about the website later!

3 comments

Everytimezone

written by Javier on 9/05/2010

I love everytimezone.com. It’s a great example of how information visualisation and interactivity can solve a very complex problem. Check it out:

You may say “c’mon, that was solved a long tome ago” but common tools only give you the time difference. From that you can guess if it’s morning, afternoon, night… But you often feel confused wheter it’s “today or tomorrow or yesterday”. That’s exactly what everytimexone.com fixes.

I’m sure it would make a very popular iPad/iPhone app.

No comments yet

WordPress highlights the Vostok theme

written by Gabriela on 6/05/2010

Every so often WordPress selects a theme they dig to highlight in their blog. They’ve selected ours this time around. The Vostok theme was designed by Javier Cañada and coded by Rubén Lozano.

It is now available for your WordPress.com blog and, for self-hosted WordPress.org blogs. You can read the full post here.

10 comments

How to make commuting easy and painless? ask Mark.

written by Gabriela on 5/05/2010

Vostok’s senior designer, Mark MacKay, was one of the four professionals involved in developing Misparadas.com, a simple but efficient web app to get around Madrid by bus. The app was submitted to the 48-hour hackathon AbreDatos. We’ve asked Mark to tell us a bit more about how it works here:

Misparadas.com was developed by  Sam LownFernando BlatChristos Zisopoulos, and Mark MacKay for AbreDatos.

3 comments

New additions to the Vostok crew: Gabriela and Timo

written by Mark on 5/05/2010

We are glad to welcome cosmonauts Gabriela Lendo and Timo Taglieber. Timo is on a space-tourist internship building the iPad version of Planetaki, while Gabriela joins the permanent outpost helping out the spaceship’s comms systems.

Gabriela Lendo majored in International Relations, and her command of English and French are top-notch. She has worked in Madrid for Notisistema, and has headed the communications teams of cinema related projects in London (Portobello Festival) and Madrid (The Cosmonaut).

To sample her work, just take a look at the latest videos we’ve posted.

Gabriela is also an awesome cook, after sampling her banana bread we called the cops on the suspicion of, ahem ilegal flavor enhancements, but it turned out regular banana pancake can be addictive. And she would beat the crap out of Julia Roberts at a smiling contest.

Timo Taglieber majored in Computer Science and Computational Linguistics at the University of Heidelberg, Germany. Timo programmed MetaMan, a MediaWiki plug-in that suggests categories and properties based on similar pages. Take a look at his portfolio to view his work.

Timo is very eager to enjoy Madrid’s nightlife. According to the authoritative Xenophobe’s Guide to the Spanish:

The Spanish never go to bed at night if they can possibly help it, because they might be missing out on something more exciting than sleep. On the other hand they never fail to have a siesta.

We are hoping German discipline prevails over Spanish hedonism.

No comments yet

Cosmomeal with Álvaro de la Herrán

written by Gabriela on 3/05/2010

We just recently had a very special guest attend one of our Cosmomeals, Spanish filmmaker Álvaro de la Herrán.

For the meal to be complete, we invited filmmaker Nicolás Alcalá from Riot Cinema Collective. We talked about the film industry, the difficult times it’s going through (both in Spain and outside), the democratization of film, how now anyone can do a short but not everyone can do a good short, the limits (or lack of) and differences between cinema and narrative branded content, the problems with distribution and monetization. It’s tough out there. Lots of questions, very few answers.

Check out Álvaro’s vimeo: the man’s an artist. Special mention to his work with GQ Spain and the first two minutes of his short Marrakech.

We have the impression that there are very few filmmakers with daring and innovative ideas of using web tools to sustain profitable business models around their movies. Would you agree?

Why do you think this is? Or even better: What do you think innovation in films should look like?

yuuuuhuuuuuu… Where are you filmmakers? We need you. Films need you.

1 Comment

A little bit about open data in Spain

written by Gabriela on 30/04/2010

We invited Aitor García and Roberto Salicio for a chat a couple of days ago. These guys have lately been up to some serious business with AbreDatos: a 48-hour contest they launched to gather new and interesting ideas to digest raw government data. The winners will soon be announced. Here’s an excerpt of that conversation:

The idea behind open data is that of accountability, enabling a system to work for it’s people and not the other way around. In the U.S. the wheel has already began to turn, initiatives such as the Obama’s administration Data.gov or a society that finds concepts such as democratizing data and e-government more and more familiar, are all important steps towards the right direction.

In Spain the wheel is turning a bit more slowly, but turning nevertheless.  The people behind AbreDatos and all of those who’ve participated are leading the way.

No comments yet

Future cars

written by Javier on 25/04/2010

This is what future cars looked like in May 1948:

1 Comment

A pocket-sized iPad

written by Javier on 8/04/2010

The iPad is not a big iPhone. The iPhone is a pocket iPad.

Julio Loayza

3 comments

Nokia doesn’t get it (and that has consequences)

written by Javier on 8/04/2010

This is what happens when you put more effort on marketing than on design:

6 comments

The beginning of the end for laptops

written by Javier on 6/04/2010

This post by Amit Gupta pretty much says everything about the issue here:

7 comments

The iPad is the new transistor radio

written by Javier on 1/04/2010

I ask you to go back to the 40′s. Try to portray families in the living room, around a big wooden radio listening to national broadcasts over SW and AM… Can you see it? It was old time radio. See Daddy with his pipe, granma and the kids all listening to daytime serials, soap operas, quiz shows…

It all changed dramatically in the 50′s when the transistor was invented. Technologically it allowed for smaller and cheaper radios. It was no longer one radio per family, neither one radio in the center of the house. It meant that content wasn’t shared anymore. Content was moved to the bedroom and to the car thus alloing new forms of entertainment: late night shows where people would call to air their confessions, and music in the cars. Youngsters could have their own radio. Rock’n'Roll was then on the streets.

The iPad could be the same catalyzer today.

The iPad as a transistor

Today I read this quote on how the managers of Hulu think it makes sense to move it to the iPad:

Typically media consumption in the house was confined to the living room or home office, tablets allow consumers to serendipitously discover and consume media in every room of the house.

Jason Kilar (hulu) at The New York Times

Don’t you see parallelisms? Traditional visual media (shows, movies, series) has always been something that was consumed socially. All we wanted was good content and both the biggest scren and the biggest couch we could afford on our living room. Laptops are ok for that but still they have a design that’s optimised for work (big keyboard+trackpad, short battery span, a complex UI and OS…).

The iPad could be the transistor for the new media. It could bring consumption of narrative media (especially audiovisual content) everywhere: to the very private sphere and to the streets, allowing for new forms of consumption.

Augmented reality, yes but also… Augmented fiction!

Imagine being on a vacation in Barcelona, stopping for a café at a terraza in a cal square at the Born while watching movie scenes that happened right there, on the streets you just walked. That’s not augmented reality but augmented fiction. Same goes for long train or plane trips (movies about hijacked planes, love stories on the train? Thousands!). Nothing impossible these days, we only need a comfortable device and an app that takes care of it.

That would also be possible for cheap productions, not just big movies. If I owned a hotel and had to make a promotional video about it I’d make a short fiction film instead where the barman, concierge and all the staff are part of a cool story wich at the same time informs the customers about all the hotel facilities. I would make it available on the internet, of course, but also for customers who are already there with their tablets. I woud even put that in context with the surroundings and the nearby attractions if it was a touristic destination, so it was informative to visitors. That’s geolocalisation mixed with amateur cinema mixed with portable media devices.

Private realities

Now think of private spaces, specifically your bedroom. Transistor radios favored programs where people would call to talk about their love problems, to complain about their jobs, to make anonymous confessions. Could a iPad-like device be good at that? Could it be better than a laptop? Perhaps, if we put a camera on it.

I see the iPad as the best videoconference tool ever (if it ever comes with a camera). And now I’m thinking of chatroulette. Not the best example but maybe a good starting point if someone ever comes up with an app that has different mood or themed chatrooms where you can have *real* conversations with *normal people* (not just perverts, or piano dudes).

I’m also thinking as videodiaries, private ones, just like the one Jake Sully had on Avatar. Wouldn’t you love to see yourself 10 years in te past talking about your life back then in a decent video quality? I’d love to do that right now if I had the right tool and could do it on the spot, not just in front of a computer that needed a surface to stand.

Yes, you can do all this that I mention with a laptop or even an iPhone but they are not optimised for that. The iPhone is not good for video and carrying a laptop while traveling and opening it in the middle of the street doesn’t sould like leisure. And… welll.. I know that the first models of the iPad won’t have camera or GPS but you get the point, right?

New audiences

The transistor made radios cheap and affordable. One family, one radio was no longer valid. Now the kid could have his transistor and go out with friends to listen to music. Radio stations saw the opportunity and started to air that new music the youth were listening. Not orchestras or big bands but Rock an Roll.

The iPad will be to our parents what the transistor radio was to the 50′s youth. They now barely use the computer and are unable to take full advantage of it. Websites are not designed for them, too crammed with lots of info and buttons. Operating systems are also a nightmare for those over 50 years old.

The iPad (or any tablet where file system and OS are invisible) will make a difference for these audiences. I’m not saying anything new here, you know… “the iPad will be the perfect computer for my mom” it has been said a thousand times already. But…

I see an oportunity for content to be tailored to these audiences. There is no media for them on the web right now. Studios make movies and shows for their audience and that’s people from 15 to 45 the most. Would that change if we had 10 milion elders ready to watch movies? All the classic movies would be available for them easily. Someone would make that move. Also new fiction could be made. Videoconference would be easy for them: no window resizing, no other programs on the background that would pop and overlap confusing them… Just contacts and a call button. Grandpa could call my son from everywhere, be that his favorite armchair or in the middle of a country walk when he sees that beautiful flower they were painting days ago and wants to show it to his grandson right away.

The transistor brought true mobility for old media and morphed it into something completely different. This new device, be it the iPad or whatever similar, allows for completely new scenarios too. The most exciting thing about it is that none of them is science fiction. It’s all completely available, it only needs some work from our side, which is what I’m about to do right now.

16 comments

About Japan

written by Javier on 29/03/2010

This is an amazing and rather critic infography about Japan made by Kenichi Tanaka. Even though everything said is true, we still love Japan. Here’s the vid:

(via Miguel Sabel’s blog)

1 Comment

Shame on you iconpark

written by Javier on 27/03/2010

UPDATE: Michael Flarup has taken down the VV2 icons that were a ripoff and claims to have contacted Helveticons.ch in the hope of have the issue straightened out.

Some dude at iconpark.net is ripping off the excellent work of Maximilian Larsson on Helveticons. Check it out:

Click to see the whole comparison

This guy (who happens to be Michael Flarup @flarup) is on top of the Vostok’s Pyramid of Suckytude TM:

1. Appropiating the work of others (this totally sucks)
2. Just bitching (this sucks)
3. Just bullsitting (this kinda sucks)
4. Just theorizing (this doesn’t suck but doesn’t rock)
5. Doing, building (this doesn’t suck at all, it rocks)

Shame on you iconpark!!

No comments yet

On architects’ websites

written by Mark on 25/03/2010

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.

1 Comment

Vostok ♥ Riot Cinema

written by Javier on 25/03/2010

A week ago we became partners at Riot Cinema Collective by acquiring a moderate percentage of the company. This makes us extremely happy and excited. It’s the consumation of a love story between Riot and Vostok that’s been around for a year now.

We admire Riot’s work and their fresh approach to anything that deals with moving images. We love them so much we wanted to share, to be influenced, to intersect with them.

Now we can proudly say “we make movies”.

5 comments

SXSW iPhone App interface disaster

written by Mark on 23/03/2010

Rouge Ameoba (Mac software workshop) has a great write-up about the usability of the my.SXSW iPhone App.

I was baffled by this particular interface controller:

At first it looks like a radio button, but it doesn’t make sense becuase there is no other choice. You might even fear tapping it, as there is no way to uncheck a radio button unless there is a second option. The perfect Catch-22 situation.

But if you tap it, it reveals it’s actually a checkbox which modifies its label! Just imagine being part of the support staff: I know it sounds stupid, but if you want to attend an event, tap on ‘No’..

No comments yet

Vostok Theme on Six Revisions

written by Javier on 16/03/2010

Six Revisions has included our Vostok Theme among a compilation of 20 Beautiful Minimalist WordPress Themes. That is something we are proud of, for sure. But we are even more proud of knowing that more than 65.000 blogs already use it.

Vostok Theme was designed by me (Javier Cañada) and coded by Rubén Lozano quite long ago. I am still confident about most of the design decisions in it, especially those about features and layout. But as screen resolution has increased I feel like type size and column height should be revised.

I’m also considering making a “white version” with the same legibility goals. Or perhaps a Serif version. Do you think that would make sense?

15 comments

Every time you make a powerpoint…

written by Javier on 15/03/2010

This one is too good to let it go uncommented:

Seen at the always entertaining I love charts.

2 comments