Archive of articles classified as' "Visual Design"

Back home

How to bring good design to a platform

20/10/2011
  1. Demonstrate from the top that high quality and attention to detail are prioritized and appreciated above everything else, including being the first to market, having the most features, or having the most aggressive prices. If you can get those as well, that’s great, but quality will not be sacrificed to do so.
  2. Instill these values in your staff. If you can’t, hire a staff for which you can. Better yet, hire a staff for which you don’t need to.
  3. Aggressively pursue simplification, elegance, craftsmanship, and the highest-class user experiences in the product line. Ruthlessly cut or hold features or entire products that aren’t good enough.
  4. Make it pretty.

How not to bring good design to a platform?
Skip steps 1–3 above.

Marco Arment

No Comments

KernType: learning design through games

10/10/2011

Mark MacKay and María Munuera, former members of the Vostok crew and now merry autonomous soloists started Method of Action a few months ago. In their own words: “peer to peer education for people who want to get things done”. Their latest education tool is pretty fun. It’s called KernType and it’s one of many soon to come tools meant to help people become more familiarized with design notions.

We write about it because it’s a simple concept beautifully designed with a twist on the game-ification of learning (not new but always fun to watch when done right).

Things we like:

  • The use of color. Neutral-coloured backgrounds allow color to be used more resourcefully.
  • That you need to wait a few seconds to know what your score is. The more you wait, the higher your score, so waiting is not a drag.
  • Small details like using lighter/darker shades or subtle lines here or there give a lot of texture to what is basically a pretty monochromatic website.
  • You learn a bit about typography (the who’s, the what’s, the when’s).
  • Learning is a game (missions are accomplished or failed, you need a certain score to ‘pass’ on to the next mission).

Overall a sweet entertainment for all those closeted O.C.D’ers out there. I would also suggest reading Mark’s post You’re already a good designer alongside it.

Looking forward to what’s next in production. If you want to learn more you can follow Method of Action on twitter.

No Comments

Movistar Video imagined by Vostok

27/05/2011

We were hired by Movistar, a high-powered Spanish telecom with important international presence, to envision the best solution for what their online video and television service should be like. We have spent the last few months designing it and collaborating with Movistar’s UX team. And we are incredibly proud of the results.

It’s the product of months of work but, most importantly, it’s a representation of Vostok’s design principles: it’s simple, it’s elegant, it’s honest.

The premise: An online service for film, TV series and linear TV that could be accessed anytime, anywhere. For clients and non-clients. Our solution: a native grid system that responds to a set pattern of interactions that work across all platforms (PC, TV and mobile phones).

To share our thought process we have uploaded a slideshow that puts together the design premises we kicked off with. And a webpage that shows a selection of the design aspects in the final product we find most interesting.

Last, but not least we release a video made in collaboration with Riot Cinema that is the perfect accompaniment to this product. Don’t forget to check it out :)

Curious to know what you think.

12 Comments

Vostok ♥ Vizzuality

30/03/2011

There are few design studios who share the values Vostok abides by so fiercely. But some do. And Vizzuality is one of them. Led by Javier de la Torre and Sergio Álvarez Leiva, Vizzuality’s approach to design is fresh and honest, they create tools that are transparent, efficient and incredibly useful.

They put their visual and interaction design skills to the service of initiatives that, using their own words, matter. Be it to locate and identify stars, endangered species, protected areas, migratory species or even visualizing aid in disaster stricken countries. To put it bluntly, they choose their projects wisely and put their money where their mouth is. It makes us proud to have someone we respect so close to home.

Yesterday they launched a video made by Riot Cinema featuring one of their most recent projects: Planet Hunters. Let them speak for themselves:

6 Comments

Ducksboard: work in progress

16/03/2011

We’re working on a little something that’s really putting to test our concepts of analytic and synthetic. The teaser page was launched today. Here’s a teeny weeny peek:

If you wanna stay in the loop: @ducksboard

3 Comments

Fifty five years designing a product

18/02/2011

Jordi Parras has done a great job designing and creating the Spotify player. Techcrunch says he’s been inspired by Jonathan Ive, we say he’s been inspired by Braun. More specifically, by the 1955 SK2 designed by Artur Braun (son of Max Braun, the founder) and Fritz Eichler. Nice work.

If you want to learn more about how it works, watch the video.

2 Comments

Neurath's ISOTYPE: words divide, pictures unite

14/02/2011

The universal language of love? How about the universal language of pictograms?

Javier Cañada talked about the ISOTYPE (International System of Typographic Picture Education) project in 2002. It’s hightime we made reference to it again. The project was created by Otto Neurath and designed by Gerd Arntz and is believed to be the base upon which the AIGA was built on.

Neurath recognised something crucial to the theory of communication, through creating icons of objectivity. Since a considerable part of the information to which an individual is exposed is optically processed, as Gestalt Theory and perceptual psychology were able to demonstrate at the end of the 19th century, it can be conclusive that information must be visualised or data must be transformed into pictures in order to be perceived at all.

Frank Hartmann

A new book on Arntz was edited last year by designers Ed Annink and Max Bruinsma. If you’re lucky enough to be in London before March, don’t forget to check out the exhibition on ISOTYPE at the Victoria & Albert Museum in London.

If you want to read more, Neurath’s book International Picture Language is a good start.

UPDATE (12 Feb, 2011)
Katie Treggiden, from ‘Confessions of a design geek’, has a great account of the V&A exhibit, with a bit more insight about the history of the ISOTYPE project and pictures of the exhibition.

3 Comments

A new vostok.es

9/02/2011

We just redesigned our website. And we love it.

No Comments

Design principles for the iPad you must never forget

3/02/2011

Javier gave a conference about iPad design a few months ago in the iPadMadCamp conference. We thought it’d be interesting to recover what we said and share it with those of you out there giving iPad design a shot.

If you want a copy, here’s the PDF.

4 Comments

The 26 books that shaped me as an interaction designer

24/01/2011

When recalling the sources that taught me and influenced me as an interaction designer many things come to mind: presentations, movies, observation, experience… and obviously books. I’ve been asked many times about my “recommended books for someone who’s starting in the field” and I never know where to start. The truth is that most of the readings I’d recommend are not *on interaction design* but rather on surrounding disciplines. Here are the 25 (now updated to 26) that most influenced me:


The World as Design
Otl Aicher

Honesty and design. It’s a book about integrity, about what decisions should be made, when and why. My favorite book about design, it has really changed the way I see my profession.

The book is a series of essays written by Aicher relating to all sorts of things; from how the Eameses designed chairs to the morals behind choosing one color over another to paint a house façade. This book made me understand that there is a reason for everything and every design decision should have a reasoning behind it.


101 Things I Learned in Architecture School
Matthew Frederick

It’s a tiny book about the basics of architecture and therefore, about the basics of the relationship between people and space. It’s very interesting because it gives you good advice for whenever you need to think about information architecture in terms of environments, just as an urbanist would. Not what happens inside a page but how to receive a user, how to guide him, what should the paths look like. When to make “open spaces” and when to make aisles, etc.


Designing for People
Henry Dreyfuss

Dreyfuss designed many iconic objects we still use nowadays. He was also the first one to apply human factors to his designs. He stated that the characteristics of the human body should be taken into account when desiging something for human use. The idea was revolutionary and completely against the design of his time (the 50′s), which was much more worried about forms that would sell well.

On Designing for People he exposes his ideas along with some thoughts on how to run a studio, its processes and methodologies. A classic.


Universal Principles of Design
William Lidwell

A great compliation on design principles (behavioral, mostly). Each principle is carefully explained; on one side of the page with text, on the other with illustrations or diagrams. Perfect to learn the basics and see them in action; it conveys the message clearly using excellent examples.

It touches on many subjects, among them: how appearance influences people, how many options are optimal, how to order stuff… It’s a must for anybody who wants to understand how users make decisions.


The Psychology of Everyday Things
Donald Norman

A great introduction to cognitive psychology applied to design. Very good at helping understand how we relate to the objects that surround us and the things that go on in our minds. Norman introduces the concept of affordance, among many others, one of the few things I try to always keep in mind when designing.


The Industrial Design Reader
Carma Gorman

A compilation of readings (articles, essays, excerpts…) on design, architecture and the like. I’d say 80% is still applicable to interaction design no matter the year the texts were written (some are from 19th century and very valid).

It’s a good book to help remind us that, even before our times, great minds put a lot of time and effort into thinking how things should be made. It helps me keep focus and give foundations to what I do.


The Invisible Computer
Donald Norman

This book by Norman has a few extremely good chapters on how design (as user experience), technology and marketing interrelate in a project and the role each one should play. It provides you with (and helps you understand) the whole picture; how technological products are made and why most of the time we fail.


Information Architects
Richard Saul Wurman

Wurman coined the term “information architecture” and uses it in a slightly different way to what we are used to. We think of it as structures of webpages, he thought of it as what we now call “information design”. The book is a great compilation of examples by excellent designers on how to shape information in a way that conveys the message more efficiently (most of the times that means visually).


Ambient Findability
Peter Morville

Morville, one of the founding fathers of information architecture, wrote this excellent book about how information acquires new dimensions when leaving the realm of the traditional website. He talks about how GPS, RFID, sensors and many other technologies are creating new forms of data that make information more meaningful. To me, this book was a great introduction to the value of metadata, the internet of things and geoeverything.


Being Digital
Nicholas Negroponte

It’s the bible of the digital realm, a book that sheds light on the consequences of converting everything to ones and zeroes. Most of what he says on the book is stuff almost everyone knows now but back then: it was shocking. It should be a mandatory read for some policy makers even today.


Inside Steve’s Brain
Leander Kahney

Learn marketing, design, communication and product strategy from Steve Jobs. Who else could teach it better? The book is half biography half chronicle about Jobs and Apple. It goes deep into many issues in a very entertaining style. Some chapters are worth their weight in caviar. The book was last year’s Vostok present to our clients.


Designing Pleasurable Products
Patrick Jordan

Forget Donald Norman’s “Emotional Design”. If you want to know about emotional design then get this book. It’s entertaining and rigorous and it has everything you need to know about how emotions play a role in the way we choose and use products.


In Praise of Shadows
Junichiro Tanizaki

It’s japanese aesthetics in prose poetry. It speaks about organic materials, objects that age gracefully and the beauty of imperfection. It describes the secret pleasure of wabi-sabi.


Wabi-Sabi: for Artists, Designers, Poets & Philosophers
Leonard Koren

A great essay on wabi-sabi, that side of Japanese aesthetics that looks into the graceful decadence of materials, seductive imperfection, shadows, organic materials, wood, ceramics and beautiful rusty colors. To me, modernism is great but sometimes you just need a break, a good break, not one of those breaks that postmo hipster boys have in store.


Braun: 50 Jahre Produktinnovationen
Bernd Polster

Braun is the Apple of the 20th century. This book is a catalog of all the stuff produced by Braun during the past 50 years. You can see the influence of the Ulm School of Design, Dieter Rams, Hans Gugelot, Otl Aicher… And also learn through colorful examples how Oral-B ruined the best design driven company that’s ever existed. The book was a gift from my students some years ago and I go back to it when I need inspiration for use of color, layout, etc. Full disclosure: Dieter Rams is one of my prophets.


Digital Diagrams
Trevor Bounford

I lend this book to whoever asks me to recommend a book on information design that’s not just theory. Edward Tufte is fine but it may leave you clueless about how to start. This book will give you many examples and even Illustrator tips on how to visually display data. A great book to have around.


The Kitchen is for Cooking
Otl Aicher

Aicher had to redesign a kitchen. In the process he learnt so much about how everything works inside, an entire microuniverse, that he decided to write a book about all his findings. I consider it a great example on how to understand contexts of use, which are often wider and more complex than expected.


Typography
Otl Aicher

There are many books on typography and I confess that I’ve only read a few but, boy is this one good. It makes you feel a complete ingnorant. What’s wonderful about is that it makes you understand how people read so you can make design decisions on how to display your type. You have to read a good book on typography before you design anything intended to be read and this is probably one of the top books to aide you.


From Bauhaus to Our House
Tom Wolfe

Good modernists sometimes get so fed up with ourselves that we need a break. Wolfe’s book is a satirical essay on the modernist madness and all those “white shoe boxes” derived from the first Bauhaus buildings. Is there a modernist aesthetic and you just used it without being it a derivation of function? Perhaps you are modernist-sick. Go get the book.


Conversations with Jean Prouvé
Armelle Lavalou

A tiny but marvelous book on how an industrial designer thinks and works. In this book Prouvé is extremely honest and modest, a quality difficult to find in today’s designers. He was also a real innovator in materials, form and structure. The way the book is written is like having the master talking about himself in front of you.


Sistemas de Signos en la Comunicación Visual / Zeichensysteme Der Visuellen Kommunikation: Handbuch Fur Designer, Architekten, Planer, Organisatoren
Martin Krampen and Otl Aicher

The book is worth its price just for one chapter, the one where Aicher explains the difference between analytical and synthetic information. It’s the first thing I teach to my students every year. When you know that, you know 30% of everything a designer that works with information needs.


The Tipping Point
Malcolm Gladwell

It’s a great collection of stories about how people behave unexpectedly in certain situations. Gladwell is very good at pop psychology facts that sometimes are good for understanding user patterns or for provoking them.


Designing Web Usability
Jakob Nielsen

An introductory classic. One of the books that started it all. Nielsen is not the guru he used to be but he deserves credit for this great compendium of applied human-computer interaction that kicked our profession in its initial days. The book was also great for convincing clients and “evangelizing”, if you ever want to use that word.


Don’t Make Me Think! A Common Sense Approach to Web Usability
Steve Krugg

Krugg’s book is also an introductory classic; if Nielsen’s was about principles this one is about techniques. How to run a usability test without a white coat, how to report usability issues effectively, etc. Many examples and cartoons, easy to read (it took me less than 2 hours!). Very good for superbeginners who need to do usability tasks at their products. Also very good for those who’s job is not on the usability/design trench but need notions.


Le Corbusier Talks with Students
Le Corbusier

Designers usually pretend to know a lot about Le Corbusier but they usually know little more than a few modern-design villas with beautiful horizontal shapes without understanding the reasons behind such decisions on form. This book summarizes many of his thoughts on design and architecture. Since the book is a transcript from his talks, it feels very natural and close. You end up learning a few things about systems and contexts from a discipline that has many things in common with interaction design.

UPDATE (31 Jan, 2011)

The Fountainhead
Ayn Rand

Yes, a novel. Setting aside Rand’s political views, The Fountainhead is clearly a good story about honesty and values in creative work. The book is about an architect who fights the world to stay true to his beliefs on what a building should be. There is much about his views on architecture that matches what I consider good design. Also, all the character’s struggle to stay true to himself is a great teaching in a field where clients, peers and fashions have so much influence.

Read it when you feel you are senior enough, not too soon. And stay away from work when reading it. A summer vacation would be ideal.

Javier Cañada leads Vostok, a design and strategy studio that creates smart interactive products. You can follow him on twitter @javiercanada or at Vostok’s blog.

21 Comments