Los niños me lo habían pedido, y soy de los de la idea que, de vez en cuando, una de estas comisas no les va a arruinar la vida.

Fuimos al McDonald de Kennedy, a lado del Parque Arauco. Fuimos a ese porque tiene un estacionamiento grande, tiene juegos, y nos era fácil llegar. Fuimos a ese porque es un hito de la llegada de esta cadena a nuestro país.

Llegamos, pedimos, juegos, manchas, gritos, risas... Todo en orden.

Pero cuando vamos saliendo, hay una fila larga. Resulta que acá cobran parquímetro.

- "¿Por qué?" Le pregunto al cobrador
- "Porque mucha gente del Parque Arauco y oficinas cercanas se estacionaba acá, sin consumir... Y más encima robaban mucho" me respondió

Algo anda mal acá. Porque entiendo entonces que antes cualquiera podía estacionarse, a riesgo de un robo, y salir sin pagar, entonces por eso ahora los clientes, que sí pagamos, que sí consumimos, tenemos que además pagar para evitar un problema que es de ellos, y no nuestro? Porque cuando llegué y durante toda la hora media que estuvimos, no vi a nadie rondar cuidando mi auto.

El sistema de incentivos está al revés.

Pd: y ni hablar del cobrador que me cobró lo que quiso, adulterando hábilmente el ticket de salida, y sin darme la boleta correspondiente.

Cuando les envío un email, espero que de verdad me contesten a la brevedad, y no necesariamente que a la brevedad me manden una respuesta automática informando que me contestarán a la brevedad.

Atte,
Un cliente descontento.

- George Bernard Shaw

La creatividad la pueden tener muchas personas, pero no todos la desarrollan. Por eso es importante estimularla, ya que es un proceso que requiere tiempo y dedicación.

Sobre qué es estimular la creatividad, Sergio Majluf, Director de Diseño Digital, explica: “Estimular la creatividad tiene que ver con generar una actitud y una disposición a buscar siempre cosas nuevas. Más que una herramienta, es la disposición a encontrar distintas soluciones y salir de lo establecido”.

Es por eso que es primordial que exista una inquietud para desarrollar la creatividad, sin importar el límite de edad. Las ganas de querer innovar y hacer algo distinto es fundamental para estimularla.

“Se dice que la creatividad es como un músculo, hay que entrenarla. Existen personas que pueden ser más creativas o que responden mejor con menos trabajo previo, pero todos podemos ser creativos”, explica Sergio. Y agrega: “Estimular la creatividad es una actitud, no hay una edad límite para trabajarla. Probablemente en la medida en que somos más adultos, nos vamos sintiendo más cómodos con lo que hacemos y nos da miedo incorporar cosas nuevas”.

Sobre cómo somos los chilenos para estimular la creatividad, Sergio sostiene: “La verdad es que somos muy quedados. Siempre nos comparamos con el resto y tendemos a mirarnos hacia abajo. Lamentablemente no nos damos cuenta de los grandes potenciales que tenemos. El entorno en el que estamos nos podría permitir ser creativos. Tenemos muy cerca la playa, el campo, la montaña y el desierto, pero no siempre reconocemos esas cosas externas que nos podrían fomentar la creatividad, y nos quedamos en el mismo lugar porque estamos asegurados. Somos muy temerosos”. “Algo que nos caracteriza como chilenos es que nuestra identidad se construyó sobre la base de distintas culturas, por eso nos cuesta decir quiénes somos. Lo divertido es que con esa diversidad de influencias podríamos reconocer los aportes de cada una de ellas y eso nos ayudaría a valorar nuestro propio patrimonio y a cuidar lo que tenemos”.

En relación a cuáles son los principales errores que cometemos al estimular nuestra creatividad, Sergio enfatiza: “El principal error es que no la estimulamos lo suficiente. Y eso ocurre porque es muy difícil medir la creatividad, por eso enfocamos nuestra atención a las cosas que se pueden medir. Entonces, el primer desafío es fomentar la creatividad y dar algunos espacios de libertad para que las personas puedan soltarse y logren ser más creativas”.

“Para eso hay que cuestionarse aquellas cosas que son incuestionables. Por ejemplo, preguntarse por qué siempre hago el trabajo de la misma manera, y ahí, cuando lo cuestiones, va a surgir otra forma de realizarlo. Es primordial empezar a hacerlo, sólo así seremos más innovadores”, dice el experto. Y agrega: “Otra forma de ser creativos es insistir una y otra vez por qué hacemos las cosas, hasta que entendamos cuál es la razón de por qué lo hacemos. Básicamente dejamos de ser creativos cuando seguimos la corriente y no vamos más allá de lo que está frente a nosotros”.

Ser creativos e innovares es una decisión personal, y es nuestra responsabilidad tomar la iniciativa de cambiar lo que está establecido, sólo así podremos abrir nuestra mente y comenzar a pensar de forma distinta. Sobre si existe algún factor que nos impida ser creativos, Sergio concluye: “El primer factor somos nosotros mismos, tenemos que atrevernos. Pero como factor externo el lugar físico juega un rol fundamental. Los espacios individuales y muy esquematizados limitan la creatividad. Eso hace que se reduzca el desarrollo de ideas, y en ese sentido el individualismo coarta la creatividad. En general las personas que trabajan en equipo son más creativas ya que intercambian ideas, y ese intercambio genera cambios innovadores y distintos”.

De todas formas, el estimular la creatividad es una decisión personal que se relaciona con las ganas de ir más allá. Es primordial tener la actitud de
descubrir cosas nuevas y cambiar lo que está establecido. Para eso hay que tomar el desafío y realizar una entretenida búsqueda que podría tener
interesantes resultados.

Seguro que sí!. Hace un tiempo se publicaron varios proyectos muy interesantes de Frameworks CSS, sobre todo Blueprint y 960.gs. A partir de ellos se han generado muchas derivaciones, y una de las interesantes que he visto es la propuesta de una grilla de 970, porque reflexiona desde la legibilidad y composición, y no sólo por la facilidad matemática del cálculo de columnas y espaciado.

Aunque a más de algún respetado profesional de UX y AI :) le da alergia el nombre grilla, su origen desde el diseño gráfico y editorial es de una innegable influencia positiva en el diseño para soportes digitales. Lo más interesante ha sido ver cómo para este medio, han surgido alternativas y conocimiento que sí se hace cargo de la principal característica del mundo digital: el cambio.

No todos los framweworks asumen la fluidez, o variación (de la resolución de despliegue) del soporte como un problema propio, y dejan su resolución (pun intended!) a otros artilugios, como las hojas de estilo condicionales. Para más info sobre esto, lean este artículo A list Apart y este otro de QuirksMode.

En resumen, algunos frameworks interesantes de conocer y utilizar:

• 970px Grid (la info que va en este post)
• Blueprint CSS (de las primeras y más completas)
• YUI (Yahoo User Interface Frameworks, de las más completas y documentadas de todas)
• 1140px Grid (una alternativa fluida, especial para móviles)
• The square Grid

Y el artículo original de 970 que comenzó este post:

Wireframing Effectively on the New and Improved 970 Grid System

Page lay­out is an impor­tant aspect of web design. A pop­u­lar approach to design­ing page lay­outs is to use a grid sys­tem. Grid sys­tems are gen­er­ally used at the web devel­op­ment or visual design stage of the design process. How­ever, because the pur­pose of a grid sys­tem is to help guide the place­ment, siz­ing, order, rep­e­ti­tion and align­ment of ele­ments, using it for wire­frames at the infor­ma­tion archi­tec­ture stage is not only ben­e­fi­cial, but nec­es­sary for design­ers to cre­ate a con­sis­tent and bal­anced page layout.

Cre­at­ing your grid

Before you can design your page lay­out, the first step is to cre­ate your grid. You might assume this takes a long time, but it’s actu­ally pretty easy. You only need to cre­ate the grid once. Once it’s cre­ated you can reuse the grid so that the infor­ma­tion archi­tec­ture on your wire­frame stays con­sis­tent on each page.

Prob­lems with the 960 grid system

There’s a lot of hype sur­round­ing the 960 grid sys­tem. Per­son­ally, I think the use of 12 columns for a grid is per­fect. How­ever, the two major prob­lems I have with the 960 grid sys­tem is that the gut­ters are too wide and the con­tent width isn’t actu­ally 960 pixels.

The gut­ters are 20 pix­els wide, which is far too wide for a mar­gin. It’s so wide that when you place two ele­ments on a col­umn next to each other the space between them is enough to make it a visual bar­rier that users will to fix­ate on. The pur­pose of a mar­gin is to visu­ally sep­a­rate ele­ments in a way that does not induce visual fix­a­tions. A thin­ner gut­ter can give you bet­ter mar­gins that meet this purpose.

The con­tent width of the 960 grid sys­tem is actu­ally 940 pix­els. The rea­son it’s called 960 is because there’s an extra gut­ter added to the ends of the con­tent width mak­ing it 960 pix­els wide. That extra gut­ter at the end is use­less and redun­dant. This is because the pur­pose of using a grid is to line our con­tent up with the col­umn edges, not the mar­gin spac­ing. There­fore, a good grid should start and end with columns. A 940 pixel width is also far too small for the screen res­o­lu­tions of today’s com­put­ers. What we need is a grid that’s smaller in gut­ter width and wider in con­tent width.

Why the 970 grid sys­tem is best

The 970 grid sys­tem is per­fect for what we need. With this grid, the gut­ters are 14 pix­els wide. This is the ideal width for mar­gin spac­ing. It’s not too wide and not too thin. It’s just right. Also, the con­tent width is actu­ally 970 pix­els, which is ideal for screen res­o­lu­tions 1024x768 and up. You won’t find any extra mar­gin spac­ing at the ends of the grid. The grid starts with a col­umn and ends with a col­umn. It still uses 12 columns like the 960 grid sys­tem, but the columns are now 68 pix­els wide.

The spec­i­fi­ca­tions for the 970 pixel grid are:

• 12 columns
• 68 pix­els col­umn width
• 14 pix­els gut­ter width

When you put it all together, you get a grid that looks like (click image for actual size):

Plac­ing con­tent boxes on your grid

Once you’ve cre­ated your 970 grid, it’s time to fill it with con­tent boxes. When you’re at the infor­ma­tion archi­tec­ture stage of the process you should already have an under­stand­ing of the con­tent that will go on your web­site. The goal to wire­fram­ing an effec­tive infor­ma­tion archi­tec­ture is to focus on the place­ment, siz­ing and order of con­tent, and not to focus on the look and feel. This is where con­tent boxes come in handy.

How to use con­tent boxes

Con­tent boxes are sim­ply square and rec­tan­gu­lar blocks stretched over the grid. When you use con­tent boxes, make sure you label them with the type of con­tent that will go in each con­tent box. Also, make sure that your con­tent boxes start and end on a col­umn. It’s fine to go over gut­ters, but avoid land­ing on them. Use the gut­ters as mar­gins for your con­tent boxes.

What’s effi­cient about the 970 grid is that it uses 12 columns. With 12 columns you can line your con­tent boxes up in rows of 2, 3, 4 or 6. This gives you a flex­i­ble grid to use for a dynamic lay­out. You can even com­bine mul­ti­ple rows with a dif­fer­ent num­ber of con­tent boxes together and the con­tent boxes will always stay bal­anced with each other. The 970 grid gives you choice and flex­i­bil­ity for design­ing your page layout.

Plac­ing nav­i­ga­tions on your grid

No mat­ter what kind of nav­i­ga­tion you want to use, the 970 grid makes it easy to lay out a vari­ety of nav­i­ga­tions. Adding a col­umn nav­i­ga­tion is easy, as well as adding a top nav­i­ga­tion. What­ever nav­i­ga­tion you choose to use, the grid can align your nav­i­ga­tion with your text, images and other con­tent. This gives your over­all site a bal­anced and con­sis­tent look.

Plac­ing text and images on your grid

The 970 grid is also use­ful for siz­ing and plac­ing text and images. With text you’ll want to use mar­gins that are wider than 14 pix­els. Wider mar­gins around text decreases para­graph lengths and gives users more white­space around text to make it eas­ier to read. How­ever wide you want your text mar­gins, the grid can accom­mo­date your needs. Using the grid can also help you fig­ure out the right sizes for your images. By plac­ing your images next to your text on the grid you can find the ideal size that will make your text and images com­pli­ment each other beautifully.

When you size your and place your text and images, it’s not essen­tial for each ele­ment to line up flush with a col­umn. What’s essen­tial is that each row lines up with a col­umn. In other words, when lin­ing things up the gestalt is most impor­tant. By fol­low­ing this, you’ll keep your lay­out con­sis­tent from one page to the next.

Wire­frames are the foundation

Using the 970 grid sys­tem to wire­frame can have a huge impact on your site’s infor­ma­tion archi­tec­ture. It makes wire­fram­ing fast, easy and effec­tive. More impor­tantly, it answers all the ques­tions most peo­ple have dur­ing the infor­ma­tion archi­tec­ture stage of the process. Once you have the first ver­sion of your wire­frame com­pleted, you can begin show­ing your client. You can make your wire­frames more detailed than the exam­ples show, but a gen­eral wire­frame can work just as well because the details of the look and feel will come at the visual design stage.

It’s impor­tant to not spend too much time think­ing about the look and feel of the design. Remember, wire­fram­ing is not about the look and feel. That comes at the visual design stage. Wire­fram­ing is about the place­ment, siz­ing, order, rep­e­ti­tion, and align­ment of con­tent. Once you have that fig­ured out, move for­ward so you can get to the visual design stage where the details mat­ter most. As you move for­ward to visual design and even­tu­ally to web devel­op­ment, it’s extremely impor­tant that you use the same infor­ma­tion archi­tec­ture that’s laid out in your wire­frames. Wire­frames are a website’s foun­da­tion, which is why it’s impor­tant that the wireframe’s integrity stays intact through­out the design process. If they don’t, all rea­son and pur­pose for wire­fram­ing is lost.