Quantcast

miércoles, 26 de febrero de 2014

The science behind fonts (and how they make you feel)

Fuente: thenextweb
Mikael Cho is the co-founder of ooomf, a network that connects short-term software projects with handpicked developers and designers. Mikael writes about psychology, startups, and product marketing over on the ooomf blog.

I’ve noticed how seemingly small things like font and the spacing between letters can impact how I feel when reading online.
The right font choice along with the absence of sidebars and popups makes everything feel easier and better to read.
Websites like MediumSignal vs. Noise, and Zen Habits are like yoga studios for content. Their presentation of content puts me at peace while reading, allowing me to fully focus on the stories without distraction.
Just look at the difference between Medium and Cracked:
Exhibit A) Medium.com
Exhibit B) Cracked.com
When you compare the two, it’s obvious which one makes you feel like crud.
The Cracked layout is painful to look at. Your eyes squint and dart, constantly second-guessing what you’re reading now with what you should be reading next.
After experimenting with how we display content on the ooomf blog, I discovered there’s an element of science behind why we feel this way toward certain typefaces and layouts.

How we read

When we read, our eyes follow a natural pattern called a Scan Path.
We break sentences up into scans (saccades) and pauses (fixations). Here’s theScan Path for a typical reader:
Your eyes typically move across a page for between 7 to 9 letters before needing to pause to process what you’re reading. As you scan a sentence, no useful visual processing is happening in your brain. Visual processing is completely dependent upon the information taken in when you pause.
So why does this matter? Understanding the way we read is important for designing how words look because you can directly impact someone’s connection to your writing with the right font and layout.

Why the right font layout makes you feel good

When I set out to write this post, I wasn’t sure I’d find scientific backing for why we feel a certain way toward certain fonts.
I thought choosing font was mostly art, with a sprinkle of science.
That was until I came across a study by psychologist Kevin Larson. Larson has spent his career researching typefaces and recently conducted a landmark study at MIT about how font and layout affect our emotions.
In the study, 20 volunteers – half men and half women – were separated into two groups. Each group was shown a separate version of The New Yorker – one where the image placement, font, and layout were designed well and one where the layout was designed poorly:
The researchers found that readers felt bad while reading the poorly designed layout. Sometimes, this feeling would be expressed physically with a frown.
The corrugator supercilii facial muscles that help produce a frown have been linked to the amygdala, an area of your brain responsible for emotion.
Meanwhile, the participants who read content from the good reading layout, felt like it took less time to read and felt better.
People exposed to the well-designed layout were found to have higher cognitive focus, more efficient mental processes, and a stronger sense of clarity.
The researchers concluded that well-designed reading environments don’t necessarily help you understand what you’re reading better, but they do make you feel good, causing you to feel inspired and more likely to take action.

Culture impacts your preference for fonts

One explanation for why some fonts make you feel a certain way is because of deep links in culture.
For instance, Courier fonts were designed to resemble old memos written on type writers:
Many people relate Helvetica with the US Government because it’s used in tax forms.
These associations are difficult to remove and should be considered when deciding on a font choice. Here’s how Bank of America’s website would look with the Impact font associated with News headlines:
Original Bank of America website:
Bank of America website with Impact font (associated with newspaper headlines):

When the fonts are changed to Impact, Bank of America doesn’t exactly seem trustworthy.
Because fonts are designed by humans, there is usually some meaning attached to them. You don’t want to choose a font that is easily associated with something in our culture that’s markedly different than the vibe you’re trying to give off.

How to design better content

The quality of your content is the most important thing but how you present that content by choosing the right font and layout still has its place.
As French poet Paul Claudel put it, “The secret of type is that it speaks.”
So how can you design your words to help elicit positive feelings in people? Here’s a few techniques from typography experts that you might find useful:
1. Choose an anchor font
Type designer Jessica Hische recommends first selecting a typeface for the content that is most prevalent in your project (most likely your body copy).
This will be the typeface that you base your other font decisions on like headlines and subheads.
There’s four main categories of fonts to choose from:
Serif Fonts – Letters with short lines coming off the edges. Viewed as more formal and traditional. Best suited for print.
  • Sans-serif Fonts – Letters without serifs. Viewed as informal and playful. Best suited for digital.
  • Script Fonts – Resembles handwriting and often used in formal invitations. Not ideal for body copy.
  • Decorative Fonts – Informal fonts viewed as original. Best suited for headlines but not body copy.
For reading on the Web, it’s best to stay away from script or decorative typefaces. Most Script and Decorative fonts have low legibility which slows down your reading because you are busy trying to figure out what letters are.
You don’t want your readers asking, “was that an ‘a’ or an ‘e’” every word.
If you’re scrunching your eyes trying to figure out a word that’s a signal that your brain is dedicating unnecessary energy to identifying words.
Decorative typefaces should be used for content that is meant to be seen at a glance, like in a logo, rather than read as multiple paragraphs in body text.
When choosing a font for body text, it’s usually best to stick with a Serif font or Sans-serif font.
Some typography experts recommend sans-serif fonts for reading online because the quality of screen resolutions is less than in print. But, as screen resolutions dramatically improve, Serif fonts are becoming easier to read on the Web. Content-heavy websites like Medium use a Serif font (probably to give off the vibe of a print editorial).
The most important thing with choosing a font is to make sure the letters are easily decipherable from one another so your readers don’t have to spend precious mental energy identifying letters.
There’s a trick that Hische uses to make sure your font choice is a good one. She recommends that you make your fonts pass the Il1 test:
2. Pick a font size bigger than 12pt
In 1929, a study was conducted called the “Hygiene of reading.” One thing researchers were trying to determine was which font size would be best for reading. The study looked at 6pt, 8pt, 10pt, 12pt, and 14pt type sizes.
The researchers concluded that a font size of 10pt font is the most efficient for reading but a lot has changed in how we consume content today compared to the 1920s.
However, as more reading shifts to digital and screen resolutions improve, the way we read content is changing. Many designers mention that 16pt font is the new 12pt font. A recent study has also shown that larger font sizes can elicit a stronger emotional connection.
Medium has one of my favorite reading environments online and they use a 22pt font size. Several of my other favorite websites have adopted a font size over 20pt for their content:
  • Medium – 22pt
  • 37Signals: Signal vs. Noise – 22pt
  • Zen Habits – 21pt
While having a huge font over 30pt most likely wouldn’t make sense, many blogs have font in the 10pt-12pt range. Try increasing your font size. If you’re using 12pt font, try increasing to 16pt font. If you’re using 18pt font increase to 22pt.
You can feel the difference.
3. Watch your line length
The line length is how far your sentences stretch across the page. The ideal line length should be between about 50 to 75 characters.
Here’s an example of the longest line length from Zen Habits. It’s 78 characters, about 6.5 inches:

This line length has been shown to be most effective in helping readers move through their Scan Path.
If the line length is too short, your reader’s rhythm will break because their eyes must travel back to the left of the page too often.
A line length that is too long makes it hard to find where lines of text start and end. It can make it difficult for your reader to get to the next line without accidentally jumping to the wrong place.
Research shows that your subconscious mind gets a boost of energy when jumping to a new line (as long as it doesn’t happen too often) but this energy dwindles as you read over the duration of the line.
Here’s the line lengths from the sites mentioned above:
  • Medium – 75 characters
  • 37Signals: Signal vs. Noise – 76 characters
  • Zen Habits – 78 characters
4. Mind your spacing
Adequate spacing between letters is important for your readers to be able to move through sentences fluidly. The tighter your letters are together, the harder it is for people to identify the shapes that make up different letterforms.
Take a look at another example from Jessica Hische of the readability of Helvetica versus Avenir. Hische recommends Avenir because of its more open spacing:

Proper spacing makes your readers feel good. Here’s 5 recommended font combinations from Google Web Fonts that have good spacing for reading long blocks of content.
I decided to put these tips into practice with our ooomf email newsletter campaign. Here’s a comparison between our original campaign and our new design:

By changing the font and increasing its size, our email content felt much better.
Packaging content the right way is important and knowing why we feel the way we do about the look of content will hopefully help next time you design content for a project. As Aarron Walter, author of Designing for Emotion, writes,
“People will forgive shortcomings, follow your lead, and sing your praises if you reward them with positive emotion.”
It’s important to remember that while there is a science connected to how your words are designed, no amount of good design can save bad content.
Write well first. Design well second.

lunes, 17 de febrero de 2014

6 Tendencias del Nuevo Branding


Cada año somos testigos de nuevas evoluciones en la Creación y Gestión de Marcas, aparecen nuevos referentes, metodologías y procesos que intentan evolucionar el branding al paso que evoluciona su entorno.
El año pasado desde Branzai, proyectamos varias tendencias que hemos ido viendo durante el 2013, que han llevado a esta disciplina a un nuevo nivel.

Este año que entra, el Branding se enfrenta a algunos de sus mayores retos y las marcas y consultoras estancadas todavía en diagramas de Aaker, o del principio de década tendrán serios problemas para seguir el ritmo del aquellas que se adentren en el nuevo universo de los consumidores.
Después de llevar un año entero volviendo a ayudar a grandes marcas y pequeñas futuras marcas, os queremos anticipar 5 de las tendencias que iremos viendo emerger con fuerza este 2014, sobre la nueva dinámica de Creación y Gestión de Marcas.

DE MARCAS A COMUNIDADES
No es ningún secreto que hemos pasado a considerar a nuestros consumidores como un todo, como una conciencia colectiva a la que proyectamos nuestra marca. Y esto lo anticipamos en 2012 y lo hemos visto materializarse este año.

Pero 2014 nos traerá otro fenómeno que va un paso más allá. Dejaremos de ver marcas proyectadas a comunidades y empezaremos a ver marcas construidas desde comunidades.

La construcción de marcas en comunidades será uno de los mayores cambios de cómo entendemos el concepto de marca, y cómo afrontamos su gestión. Dejaremos de hablar de marcas para hablar de comunidades.

EL RESURGIR DEL DISEÑO
Si llevamos décadas diciendo que la marca es un contenedor de significados, que hoy empiezan a parecerse mucho entre sí, tendremos que volver a utilizar el diseño como elemento de diferenciación y construcción de identidades en los consumidores.

Cuando dos marcas proyectan significados y comportamientos similiares, el reflejo de su identidad y las características de personlización para sus consumidores será fundamental. Aquí interviene, de nuevo, el Diseño.

LA PERSONALIZACIÓN ACTIVA
Hemos visto durante 2013, la tendencia que proyectamos sobre la personalización. Pero vamos a vivir una nueva etapa en la que no bastará con encontrar nuestro nombre en una lata, sino que querremos haber participado en la creación de esa lata.

La intervención del consumidor en el diseño y desarrollo de productos será mayor, ya que las marcas han cambiado el discurso y enfoque sobre esto. Estamos pasando del ‘Mira lo que tengo’ al ‘Dime lo que quieres que tenga’.

FIN DE LOS MONÓLOGOS
Aquellas marcas que se dediquen a utilizar sus canales sociales para monólogos, es decir para conversaciones unidireccionales y a modo de tablón de anuncios, tienen sus días contados.

Los consumidores demandan ser protagonistas de la historia, estar presentes en las conversaciones, ser escuchados y proyectados, y sobre todo sentir el control sobre lo que les rodea.

Construir conversaciones vinculantes más allá del producto, sino sobre las actitudes y significados que queremos proyectar, será vital para estos próximos años.

LA IGUALDAD DE CONDICIONES
Las nuevas metodologías de construcción y gestión de marcas, permitirán reducir las diferencias de tamaño entre marcas. Los recursos no serán una limitación para conseguir contectar y fidelizar mejor que la competencia, ya que serán las propias comunidades quienes ensalcen a unas y hundan a otras, independientemente del tamaño y de la inversión.

Seguro que veremos estas y otras más durante el 2014, pero sean las que sean, estamos a las puertas de una nueva forma de crear marcas.



Escrito por: Branzai

sábado, 15 de febrero de 2014

5 Batallas del Rebranding

Por: Alumdena Clemente.
Brand Strategy
Directo. BrandUnion


Uno de los retos más grandes a los que puede enfrentarse una compañía hoy en día, es afrontar un ejercicio de rebranding desde la perspectiva de la construcción y gestión de marcas actual. Desde luego son muchas y muy complicadas las batallas que hay que ganar a lo largo de un reposicionamiento, pero la experiencia demuestra que si de verdad se quiere, se puede.

#1
Entender qué es una marca
En primer lugar, supone asumir el rol estratégico que juegan las marcas dentro de una organización. A menudo estos procesos parten de una redefinición de lo que se entiende por marca. Es decir, el primer paso es dejar de considerarla como la suma de un logotipo y unos valores corporativos, para empezar a verla como un activo estratégico fundamental y transversal a toda la compañía, capaz de liderar y proteger su crecimiento.  

Sin embargo, esta visión debe ser compartida no solo por el equipo de marca (si lo hay) sino especialmente por el equipo directivo y el resto de gestores de la organización. Si el departamento de marca está solo en esto, si los demás no creen en el poder y relevancia de la marca, la tarea de reposicionar a una compañía se convierte en una misión titánica y en ocasiones, inalcanzable.

#2 
Tener voluntad de cambio
En segundo lugar, implica ser capaz de romper esquemas, rutinas, ampliar los límites de las zonas de confort. Las empresas, sobre todo las que llevan ya un tiempo existiendo, hacen las cosas como pueden, saben o quieren, y luego intentan vender esos productos o servicios a sus clientes. Este es el proceso tradicional y bajo el que las compañías desarrollan su actividad a la vez que generan dinámicas, hábitos, comportamientos, y por ende una cultura corporativa propia.

Pero un ejercicio de rebranding exige partir de un proceso de introspección en el que se autoanalicen la realidad, ambición, fortalezas y debilidades de la compañía. ¿Qué quieres ser? ¿Qué tienes para ofrecer? ¿Qué puedes prometer y cumplir siempre? Implica ser críticos y honestos, humildes y exigentes. Ordenar, simplificar y alinear a toda la organización bajo una nueva visión pasa por enfrentarnos a nosotros mismos y preguntarnos ¿a dónde queremos llegar? Y lo que es más importante ¿hasta qué punto estamos dispuestos a esforzarnos y cambiar lo que sea necesario para alcanzarlo? Sería como afrontar una terapia de psicoanálisis o coaching personal con el objetivo de mejorar nuestro presente y futuro.

#3 
Ir más allá de lo esperado
El siguiente paso es analizar a la competencia y procurar no hacer lo mismo que ellos. Y, si somos ambiciosos, miraremos también a otros sectores en busca de aprendizajes paralelos que nos inspiren y nos hagan innovar en nuestra categoría. El superar las expectativas es un componente fundamental de un rebranding. Debemos dejar a nuestra marca preparada no solo para competir mejor hoy, sino también mañana y para ello debemos atrevernos a ser pioneros, diferentes, aportar algo más que los demás.

#4 
Promover la empatía
Sin embargo, para encontrar una nueva propuesta de valor eficiente, los ingredientes mágicos son escuchar, preguntar, entender y dar respuesta a las necesidades funcionales y emocionales del mercado, del cliente, de la persona. Respetar, cuidar, hacer caso, dejar que el cliente opine e incluso hasta decida cómo deben ser las cosas. Y es que nuestra propuesta de valor nunca será relevante si no conecta con las necesidades del consumidor. 

#5
Vivir en consistencia
El problema está en que muchas veces se promete algo que sólo se cumple desde el lado funcional. El producto es el esperado, pero no la parte emocional construida en base a la experiencia que se proporciona a lo largo del tiempo. En otras palabras,  la personalidad de la marca no es consistente con su propuesta de valor.  ¿Y esto por qué? Habitualmente es porque la Interacción con las personas, la segunda fase en el proceso de construcción de marcas, no es suficientemente buena. Hay casos aislados de marcas como Apple, dónde el gap emocional se produce en la última fase del Compromiso, por un problema de reputación de proveedores o de daños medioambientales. Pero estos problemas suelen venir derivados de que operativamente, más allá de la actividad, no se está preparado para cumplir con las expectativas generadas.

Puedo pregonar que soy cercano y facilitador, y mi producto puede responder a esa promesa. Si mi atención al cliente (personal, telefónica u online) es mala, agobio comercialmente a mis clientes, me guardo o disfrazo información, o no soy capaz de adaptarme y evolucionar de acuerdo a las nuevas necesidades del mercado… En fin, hay muchos motivos por los que una marca puede decepcionar a sus clientes más allá del producto.

En definitiva, cuando una compañía asume una propuesta de valor, debe ser consciente de las implicaciones prácticas que conlleva a todos los niveles, desde el operativo, comercial, recursos humanos o comunicación, pero sobre todo desde la gestión corporativa. El director general, CEO, presidente o cabeza de compañía debe ser el primer interlocutor en entender el calado y envergadura de un ejercicio de reposicionamiento y liderar el cambio externo e interno. Apoyar e invertir en el cambio es la única manera de romper silos, transformar hábitos, rutinas y adaptarse a lo que nos pide el mercado, como nos lo pide el mercado.

A menudo en los procesos de rebranding se tiene la tentación de dar una capa de chapa y pintura, pero no remangarse a arreglar problemas de fondo o estructurales de la organización. Sin embargo, para que estos procesos sean eficientes, se necesitan de gestores de empresa valientes y comprometidos con el largo plazo, dispuestos a coger el toro por los cuernos y reencauzar el rumbo estratégico de su organización desde la base y pensando en el futuro. 


Fuente: Branzai

PillPack, el empaque para tu medicina


Según los últimas innovaciones en el campo de la ciencia y la tecnología, el ser humano ha estado acostumbrado a recibir todo empaquetado, muchos de ellos los reutilizamos con este nuevo estilo de vida mucho más orgánico y familiar, y otros en su mayoría los desechamos.

Ahora, los tiempos han cambiado, todo ha avanzado hacia algo mejor y es el caso de la compañía PillPack, la cual ha desarrollado un sistema de empaque para la entrega de sus productos farmacéuticos. Muchas veces nos ha tocado, tener un sin numero de pastillas que tomar, cada cierto tiempo, más aún cuando son tan cruciales para nuestra rehabilitación. PillPack, te hace entrega de un conjunto de píldoras bien etiquetas y hasta con la hora prevista para tomarla. Ellos indican "hemos mejorado el proceso de la administración de la medicina mediante esta simple cajita"

Es importante reconocer que el diseño, no solo sirve por un fin comercial, sino más bien un diseño para y por las personas. Los diseñadores deberíamos comprender que nosotros no ofrecemos soluciones, solo ofrecemos las herramientas para conseguir dichas soluciones. 

Para más información puedes visitar: PillPack