Archivos mensuales: abril 2015

TO BID OR NOT TO BID TU MARCA EN ADWORDS

¿Debemos invertir en Adwords en nuestra palabra de marca? Una de las frecuentes controversias a las que se enfrenta un SEM Specialist a la hora de invertir en SEM es si utilizar palabras claves con su marca. Lógicamente pensarás que esta inversion consuma parte de tus presupuestos de Adwords y que parte del tráfico que pudiese ser orgánico se bascule a de pago, pero existen otros muchos factores que debemos tener en consideración. Y me refiero especialmente al tema de la atribución entre campañas de Adword cuando invertimos en nuestra marca.

Varios son los factores por los que invertir en nuestra marca tiene un buen resultado:

  • Mejora el SEO
  • Aumentar la probabilidad de click. Esto es más significativo aun en anunciantes pequeños.
  • Eliminar resultados de la primera página de resultados que no nos interesen que aparezcan.
  • Evitar que nuestra competencia puje por nuestra marca a un coste bajo.

Pero igualmente existe un potencial problema desde un punto de vista más analítico y de medición. Al invertir en nuestra marca muchas conversiones que se iniciaron a partir de otras campañas o palabras clave más genéricas terminarán convirtiendo a través de la campaña de marca. Es por tanto necesario estar preparado para que nuestra marca no “enguarre” las métricas de otras campañas, o dicho de otra manera es necesario utilizar herramientas que nos permitan poder medir adecuadamente este tipo de situaciones.

Google Analytics cuenta con un interesante report dentro de Conversiones llamado Embudos Multicanal con los que poder analizar como se producen las interacciones entre diferentes canales de marketing en conjunto para generar las ventas y conversiones. Dentro de este apartado podemos generar un report por campañas, adgroups y keywords filtrado para campañas de Adwords parecido al siguiente:

campaña Adwor GA

Como estamos viendo la información que proporciona Google Analytics en su versión gratuita es incompleta ya que no aparece información de todas las campañas. No podemos ver con exactitud cuanto interacciona la campaña de Brand con el resto. No podemos tomar juicios de valor con determinación.

brand adw ga

En relación al report de keyword pasa algo parecido ya que además de mostrar información incompleta, es verdaderamente engorroso realizar un análisis al existir gran variedad de rutas, concordancias, palabras, etc. En resumen se trata de una herramienta potente pero incompleta con una información muy valiosa pero difícil de analizar.

Este tipo de informe sería importante poder disfrutarlo de una manera en la que rápidamente y de un vistazo podamos ver como las conversiones atribuidas a las campañas o keyword de marca, pueden haber sido afectadas por otras campañas o keywords.

Aquí es donde la herramienta de PPC Adinton tiene una solución que permite a sus clientes determinar si la campaña Brand vende por si sola o si ha sido significativamente influenciada por otras campañas o keywords.

Veámoslo a través de los siguientes pantallazos de la herramienta ADINTON como sería el análisis.

campaign adinton

Este sencillo reporte muestra a través de una tabla los clicks y conversiones acontecidos en cada campaña. Para ver como la campaña Search – Brand ha sido influenciada por otras basta con mirar la columna PUSH. La columna PULL indica el número de veces que la campaña Search – Brand ha participado en conversiones acontecidas en otras campañas. La columna SELF CONVERSION cuantas veces la misma campaña SEARCH – BRAND ha convertido sin necesidad de otras campañas pero precisando más de un click. Por último la columna ONE CLICK CONVERSION indica cuantas conversiones han sido directas a través de un único click, esas conversiones que tanto nos gustan y más a cuenta nos salen.

Con esta información podemos concluir en segundos que la campaña Search –Brand convierte por sí sola de manera directa más de un 50% de las veces, por sí sola pero con más de un impacto aproximadamente un 25%, con ayuda de otras campañas otro 25% aproximadamente y no participa en conversiones de otras campañas.

kw adinton

Este tipo de análisis lo podemos hacer también a nivel de keyword. En este caso podemos ver un comportamiento similar a campaña Search – Brand para la keyword Brand, y lo que es más importante ver como otras keywords a pesar de no estar convirtiendo significativamente pudiesen estar ayudando a otras keywords a vender.

En resumen, realizar un análisis como el que ofrece el software Adinton permite poder separar el desempeño de cada campaña e ir un paso más allá ofreciendo un modelo avanzado y sencillo de atribución. Este mismo tipo de análisis lo podemos realizar igualmente a nivel de keywords e incluso por agrupación de keywords, un gran abanico de posibilidades para determinar con precisión como nuestra campaña de marca asiste y es asistida en relación a sus conversiones.

Qué os parece este análisis? Conocéis otras herramientas de este tipo? Sabes de otro sistema para analizar este tipo de situación?

Acciones de optimización basadas en los análisis de modelo de atribución

Nos pagan para mejorar el ROI de nuestra empresa: Aumenta Ventas + Control de Coste = Mejora de ROI.

Ya que tenemos un sistema de modelos de atribución trabajando para nosotros, vamos a obtener partido de ello.

Optimización de CPC

En la fila 2  observamos que si:

CPC = (Conv x CPA)/clicks

Y el número de clicks fue de 3.000 y queremos seguir trabajando con CPAs = 35,96€, porque queremos vender lo máximo a ese CPA, entonces:

CPC = (262 x 35,96)/3000 = 3,14€
CPCnuevo = (315,37×35,96)/3000 = 3,78€

Con ello, si estamos hablando de Adwords, si aumentamos la puja un 20% hasta los 3,78 podríamos:

1. Mejorar posición promedia
2. Mejorar CTRs
3. Mejorar QS
4. Aumentar número de clicks
5. Si se mantiene % conversión
6. Aumentaríamos ventas
7. A un CPA con el que queremos trabajar.

Si el dato hubiese sido más bajo que el CPC con el que ya estamos trabajando, habría que bajar el CPC.

Optimización Post Conversion

Tenemos un sistema de modelos de atribución o al menos Google Analytics lo ha montado así con el fin de tener todo el viaje de los usuarios hasta que compran, pero ¿qué pasa con aquellos usuarios que ya han comprado o han convertido y nos siguen clicando en nuestra publicidad?

Sería interesante medir el número de clicks que se producen después de haber convertido. Hemos observado que estos números pueden ser en algunos casos bajos, llegando al 1% del total de clicks, o hasta el 10%, lo cual ya es alarmante.

¿Qué probabilidad tengo de que esté más cerca del 1% o del 10%?

La tipología de mi producto. Es decir, si eres una empresa de SaaS, hosting, aerolínea, es decir, que después de haber convertido el usuario necesite volver a mi web para documentarse, acceder al panel,…

Herramientas como Adinton te permiten:

1. Conocer exactamente cuántos clicks posts conversión tenemos.
2. Tomar medidas:
a. Podemos enviar el usuario, una vez detectado que YA es cliente, a una landing para incentivar las ventas cruzadas, atención al cliente,…
b. Desaparecer: Se pueden crear campañas de remarketing inverso, mediante la cual, dejaremos de aparecer en Adwords (Search & Content) para ese usuario, durante un número determinado de días.

Optimizaciones según el momento del click

Retomando la tabla de Clicks y conversiones por Orden de clicks, añadiremos una columna más:


Si observamos la última columna es el ratio de conversión teniendo en cuenta que para convertir en el 2nd click previamente hay que pasar por el primero. Es decir, un usuario que convierte en al 3r click,:

Posición Clicks Conversiones %CR Click %CR Usuario
1 1 0 0% 0%
2 1 0 0% 0%
3 1 1 100% 33%

Es decir, según Google los usuarios que llegan al 3r click, el 100% convierte. Según nuestras estadísticas el 33%, imagina como puede repercutir este simple cambio de perspectiva en los CPCs, CPAs,…

Por lo tanto, puede llegar un momento, a partir del 3 º, 4º click que simplemente no nos interese aparecer,… o sí.

Por ello, herramientas como Adinton te permiten crear reglas tales:

– Si el usuario es dubitativo y ya ha clickeado 3 veces en mi publicidad, a la 4ª lo envias:
a) A una Landing Page con un súper descuento.
b) A una Landing Page para al menos captar su email (Growth Hacking).
c) Desaparecer con Remarketing Inverso.

Descarga el Whitepaper completo para encontrar respuestas claras y ejemplos para los siguientes temas:

1. Una definición clara de Modelos de Atribución y Customer Journey.
2. Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución.
3. Caso práctico para detectar de un vistazo si necesito modelos de atribución.
4. Acciones de optimización basadas en los análisis de modelo de atribución.
5. Utiliza una herramienta muy sencilla para saber la influencia entre canales.
6. Las conversiones duplicadas no son ventas duplicadas.

Caso práctico para detectar de un vistazo si necesito modelos de atribución

Hay un punto clave y es si estamos trabajando con inversiones que importen a nuestro bolsillo desde dos o más canales de captación de tráfico. SEM + Afiliados, SEM + Email,…

Pero si realmente nos queremos basar en números, os aconsejo acceder al report de Google Analytics: Conversiones > Embudos Multicanal > Rutas de Interacciones:

De un total de 19.722 conversiones el 50% requieren más de un click, por lo tanto es probable que si estamos trabajando con varios canales de captación de tráfico, el usuario haya viajado por los mismos, así que será interesante empezar a tomarnos en serio el tema de los modelos de atribución.

Pero sin ir en detrimento de lo mencionado no debemos pasar de desapercibido que igual que el 50% de las conversiones han necesitado más de 1 click para convertir, el otro 50% sólo ha necesitado 1 click para convertir. Por lo tanto igual que tenemos que analizar nuestros modelos de atribución, deberemos analizar también nuestro CRO para que esas conversiones que sólo necesitan 1 click para convertir, mejoren la probabilidad de éxito mes a mes.

Un ejemplo básico para ver como se están repartiendo mis conversiones por los diferentes canales es acceder a nuestro Google Analytics y acceder al informe: Conversiones > Atribución > Herramienta de Comparación de Modelos:

Comparando un modelo de atribución basado en asignar la venta al último click vs uno lineal, por ejemplo, es decir, que repartimos el peso de la conversión equitativamente entre todos los canales que han participado, observamos como el canal “comercio electrónico” tendría un 13% menos de conversiones y el tráfico de pago un +12,92%. No está nada mal aumentar las conversiones un 12% cambiando un simplemente botón, eh?

Descarga el Whitepaper completo para encontrar respuestas claras y ejemplos para los siguientes temas:

1. Una definición clara de Modelos de Atribución y Customer Journey.
2. Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución.
3. Caso práctico para detectar de un vistazo si necesito modelos de atribución.
4. Acciones de optimización basadas en los análisis de modelo de atribución.
5. Utiliza una herramienta muy sencilla para saber la influencia entre canales.
6. Las conversiones duplicadas no son ventas duplicadas.

Atención: Las conversiones duplicadas no son dos ventas

Lo más normal y estandarizado es asignar las conversiones (lead, ventas,…) al último click, ya que es el click más cercano al objetivo.

Pero si seguimos este criterio nos encontramos con un error muy común, la DUPLICACIÓN de conversiones.

Imaginemos que trabajamos con Google Analytics para medir el tráfico de la web, además estamos trabajando el SEM para conseguir ventas, así como campañas de email marketing. Un usuario que realiza el siguiente “viaje” y acaba convirtiendo:

Nos encontraremos con las siguientes estadísticas:

Empezamos a ver baile de cifras. Vamos a partir de la lógica que todo canal de captación de tráfico, si tiene un sistema de estadísticas, SIEMPRE va a querer salir “guapo” en la foto, pues es por ello, que su tráfico si acaba en venta, independientemente sea el último click o no, se lo va a asignar. Partiendo de esta premisa:

– Google Analytics contará la venta al último canal (click).
– Las estadísticas de Búsqueda de Pago nos dirá que esa venta es de él.
– Correo Electrónico se otorgará la venta a él.

Si sumamos las estadísticas que nos proporcionan las plataformas que hemos contratado y las sumamos, nos encontramos con que hemos vendido 1+1 = 2 ventas, cuando realmente sólo hemos vendido 1.

Por lo tanto es primordial medir y tomar decisiones sobre un sistema que tenga una visión “global” de, al menos, nuestro tráfico de pago.

Ahora imaginemos un Anunciante que está corriendo campañas en Adwords y en una Plataforma de Afiliación, ¿cuántas ventas podemos estar duplicando? O más grave, si medimos las conversiones post view de un banner en un medio de comunicación importante y comprobamos el “solape” con el tráfico de una campaña de Adwords, nos encontraremos que en un altísimo porcentaje de las ventas son compartidas. Cuando posiblemente ese banner no ha influido en la decisión de compra, porque no ha sido ni visto, pero ha sido cargado ante una audiencia tan grande que provoca que “influya” en cualquier soporte.

Descarga el Whitepaper completo para encontrar respuestas claras y ejemplos para los siguientes temas:

1. Una definición clara de Modelos de Atribución y Customer Journey.
2. Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución.
3. Caso práctico para detectar de un vistazo si necesito modelos de atribución.
4. Acciones de optimización basadas en los análisis de modelo de atribución.
5. Utiliza una herramienta muy sencilla para saber la influencia entre canales.
6. Las conversiones duplicadas no son ventas duplicadas.

Para tu próxima campaña: Utiliza una herramienta muy sencilla para saber la influencia entre canales

Desgraciadamente los datos que nos proporciona Google Analytics no son tan fantásticos ni concluyentes como otras herramientas nos proporcionan, para que veáis que lo que comentado no es una opinión (muy) “sesgada” aquí van estos pantallazos…

¿Datos congruentes? ¿Optimizaciones avanzadas?

Muy probablemente aún estemos en estado de shock al ver tanto “No Disponible”, o por qué necesitamos saber conversiones por Rutas? ¿Realmente sirve para algo ese tipo de información?

Debemos tener mucho cuidado con unos de los grandes males de estar sobre-informados, la parálisis. Es decir, muchas veces antes un exceso de información, de números lo que provoca es no realizar ningún tipo de acción, provoca parálisis. Ese punto es lo que debemos evitar. Es lo que alguno llamó infoxicación o sobrecarga informativa.

Afortunadamente hay tecnología y herramientas que nos permite ver los datos con mayor claridad y poder tomar decisiones y acciones para conseguir nuestros objetivos.

Pero si aún así prefieres seguir trabajando con Google Analytics, puedes obtener información interesante, como por ejemplo:

– ¿Cuánto influye el Marketing de Afiliación sobre las campañas de PPC?

Creamos un “Segmento definido por el usuario” tal como este:

– ¿Cuánto influye el SEM en el SEO?

El resultado sería:

Es decir, más de la mitad de las ventas de SEO, han sido ayudadas por el tráfico de SEM, y así sucesivamente canal por canal,…

¿No sería mejor y más sencillo para todos ver la información de esta manera?

Donde:

a) De las 200 ventas de Affiliates, 63 se han conseguido gracias especialmente a Adwords Search.
b) De 351 ventas de Bing, 19 proceden de Adwords.
c) …

Hay datos que Google Analytics no proporciona y varios de los que proporciona, requieren de conocimientos avanzados para modificar el JavaScript del mismo.

Uno de estos datos es el número de clicks por interacciones. Hace un momento hemos visto el número de conversiones por interacción, pero ¿cómo podemos ver el número de clicks por interacción?

Herramientas como Adinton, nos  lo proporciona fácilmente:

Fijaos como los porcentajes sólo empeoran considerablemente a partir del séptimo click, al menos así es como lo vende el equipo comercial de Google Adwords. Es decir, los que hayáis tratado con los comerciales de Google Adwords, cuando presentaban el remarketing de Search, su mensaje comercial es que cuanto más clicks más cerca de la venta, porque el usuario estaba interesado en nuestro producto, por lo que estaba cerca de la venta.

Esta tabla nos indica el número de clicks, conversiones y %Conv  según el orden del click. Es decir, tenemos 22.323 clicks que se realizaron en el 3r click del usuario, realizando 1.366 conversiones.

Más interpretaciones, de 1.156.000 clicks, 991.000 clicks son el primer click, de los cuales acaban convirtiendo 30.111 o siguen clickando 82.904, el resto, más de 878.000 no vuelven. Puedes estar pensando que realmente donde nos jugamos el éxito de nuestras campañas de marketing online es en el primer click, CRO puro y duro, y no en los modelos de atribución, sólo puedo decir que estoy de acuerdo contigo. Por ello vuelvo a poner la imagen que pusimos al inicio del documento:

Más del 50% de las conversiones se producen en el 1st click o primera interacción.

Pero como este documento trata sobre modelos de atribución, seguiremos optimizándolos.

Descarga el Whitepaper completo para encontrar respuestas claras y ejemplos para los siguientes temas:

1. Una definición clara de Modelos de Atribución y Customer Journey.
2. Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución.
3. Caso práctico para detectar de un vistazo si necesito modelos de atribución.
4. Acciones de optimización basadas en los análisis de modelo de atribución.
5. Utiliza una herramienta muy sencilla para saber la influencia entre canales.
6. Las conversiones duplicadas no son ventas duplicadas.

Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución

Ya que hemos introducido un modelo de atribución lineal, vamos a repasar los diferentes modelos que nos proporciona Analytics:

Creo que los dibujos son suficientemente explicativos. Para más información aquí tienes un enlace: https://support.google.com/analytics/answer/1662518?hl=es

Cuál es el más idóneo a tu día a día, voy a ser muy sincero, realmente importa? Permíteme que te explique el por qué:

PROs CONs
Última Interacción Máx extendido, común, estandard No se le da peso ni importancia al resto de canales, injusto.
Último Click Indirecto Das el peso al último canal que no es tráfico directo. Es como el anterior, pero movemos hacia la izquierda el momento
de la conversión.
Último Click de Adwords Si un alto porcentaje de tu inversión en marketing
online es Adwords, se podría entender
Todos los imaginables. Si Google Analytics y Adwords son de la misma
empresa, querrán incentivar Adwords.
Primera Interacción Das valor al que inicia el proceso de compra, crea la necesidad. Es injusto, el resto de canales que participan posteriormente no se les premia.
Lineal Premia a todos por igual Se valora igual un click en un banners que un click desde una newsletter,
es decir, valora igual un click nuevo que uno que ya está en nuestro CRM
Declive en el tiempo Cuanto más cerca de la venta más valor No se premia al que inicia el proceso de compra
Basado en posición Se premia al que abre y al que cierra. De los menos injustos Los del medio no se les premia.

Tantas opciones como webs, como campañas de marketing, como madurez de mercados, como culturales, como tipo de producto, como precio, como si es ecommerce o captación de leads,…

Descarga el Whitepaper completo para encontrar respuestas claras y ejemplos para los siguientes temas:

1. Una definición clara de Modelos de Atribución y Customer Journey.
2. Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución.
3. Caso práctico para detectar de un vistazo si necesito modelos de atribución.
4. Acciones de optimización basadas en los análisis de modelo de atribución.
5. Utiliza una herramienta muy sencilla para saber la influencia entre canales.
6. Las conversiones duplicadas no son ventas duplicadas.

Definición clara de Modelos de Atribución y Customer Journey

Modelos de atribución

La respuesta es sencilla y seguro que te la imaginas, modelos de atribución es conocer como “algo” influye sobre otro “algo” para conseguir un objetivo. A modo de ejemplo:

  • ¿Cuánto influye la TV sobre las búsquedas de Google para conseguir un contacto comercial?
  • ¿Cuánto influye una campaña de Banners en los mejores soportes de un país sobre las campañas de marca en los buscadores?
  • ¿Cuánto influye el social media en todas las fuentes de tráfico para conseguir ventas?

La problemática de los modelos de atribución se basa que mide clicks, no intenciones. Es decir, se da por hecho que si un usuario ha clickeado en una fuente de tráfico y después en otra, la primera ha influido sobre la segunda. Cuando a lo mejor, el usuario, simplemente, pasaba por ahí. ¿Se le estará dando demasiada importancia a un click?

¿Y Customer Journey?

Tal y como hemos comentado, si un modelo de atribución es el estudio, análisis sobre como unos canales influyen en otros para conseguir un objetivo (conversión), si esto mismo lo analizamos a nivel de usuario individual, hablaríamos de Customer Journey, o viaje del cliente. Es decir, cuántos clicks y dónde se producen hasta que un usuario acaba comprando.

Por lo tanto es tan importante medir qué canales ha utilizado un usuario hasta que ha acabado comprando, como cuando no acaba comprando.

Descarga el Whitepaper completo para encontrar respuestas claras y ejemplos para los siguientes temas:

1. Una definición clara de Modelos de Atribución y Customer Journey.
2. Tabla con PROs y CONTRAs de todos los tipos de modelos de atribución.
3. Caso práctico para detectar de un vistazo si necesito modelos de atribución.
4. Acciones de optimización basadas en los análisis de modelo de atribución.
5. Utiliza una herramienta muy sencilla para saber la influencia entre canales.
6. Las conversiones duplicadas no son ventas duplicadas.

Performance Bike

Performance Bike

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et eros luctus, tempor lacus id, venenatis nibh. In nec nisi accumsan, scelerisque tortor eget, gravida nulla. Aenean tempor purus enim, a lacinia erat rutrum nec. Sed eleifend molestie eleifend. Phasellus placerat arcu sem, id aliquet urna molestie sit amet. Pellentesque eget mi metus. Integer non risus sem. Proin aliquam congue mi vitae auctor. Aenean sit amet quam viverra, congue enim eu, molestie felis.

Nam tempor odio eu magna consectetur elementum id ut velit. Vivamus auctor, ipsum non maximus fringilla, lorem lorem elementum mauris, vitae mattis sem massa vitae nunc. Praesent lacinia efficitur congue. In non ipsum ligula. Donec id dapibus justo, eu varius nunc. Duis placerat molestie velit efficitur varius. Etiam ut urna augue.

Nam fermentum vulputate quam. Morbi libero tellus, porta non dolor eu, consectetur varius justo. Donec condimentum ligula eget hendrerit faucibus. Praesent non ornare nulla, vel tristique sapien. Morbi id sem vel sapien mollis cursus. Suspendisse sed felis vel mauris euismod hendrerit finibus eu lacus. Aenean enim odio, fringilla vitae lacus vel, sodales placerat orci. Vestibulum aliquam efficitur vestibulum. Phasellus non leo quis odio dignissim auctor. Pellentesque dignissim, ante ut pellentesque varius, risus neque volutpat odio, in rutrum justo nunc sit amet neque. Donec nec dui tellus. Quisque non nunc suscipit, bibendum lacus vel, iaculis turpis.

 

7 Things Every Designer Needs to Know about Accessibility

Accessibility enables people with disabilities to perceive, understand, navigate, interact with, and contribute to the web. Imagine a world where developers know everything there is to know about accessibility. You design it and they build it… perfectly. In this world, only the design itself can cause people with disabilities to have trouble using a product.

These guidelines will cover the major things you need to know in order for your products to be “design-ready” to meet the minimum of standards in Section 508 and the Web Content Accessibility Guidelines 2.0. The rest will be up to development and quality testing.

1. Accessibility is not a barrier to innovation.

Accessibility will not force you to make a product that is ugly, boring, or cluttered. It will introduce a set of constraints to incorporate as you consider your design. These design constraints will give you new ideas to explore that will lead to better products for all of your users.

As you read through these guidelines, consider that we don’t want to design for our design peers.

Design for the diverse set of users who will interact with your products.

clear_and_sharp_eyes-wallpaper-1600x1200
Design for everyone.

Eager to escape the tech bubble for a weekend, Designer Dude and his circle of start-up friends went to Yosemite, where he spent most of his time dribbbling on a slackline near their basecamp

Design for everyone.

This can include people who are blind, color blind, or have low vision, those who are Deaf or have hearing difficulties, people with mobility impairments which may be temporary or permanent, or people with cognitive disabilities. Design for people who are young, old, power users, casual users, and those who just enjoy a quality experience.

Embrace these accessibility guidelines as you would any set of design constraints. They are part of the challenge of creating amazing products.

2. Don’t use color as the only visual means of conveying information.

This helps users who are unable to, or have difficulty with, distinguishing one color from another. This includes people who are color blind (1 in 12 men, 1 in 200 women), have low vision (1 in 30 people), or are blind (1 in 188 people).

Use color to highlight or complement what is already visible.

Fields in an error state
How many fields are in an error state?

Most who see this in grayscale say the answer is one, the “human verification” field. That is because the triangle with the exclamation mark inside indicates that something is amiss.

Now look at this same screen in color. How many fields are in an error state?

Turning on the color reveals a different story altogether.

With color the answer becomes, “all four”.

There are many acceptable ways to make this form visually accessible. You could put the red triangle icon in all of the error fields. You could use text to indicate and explain why a given field is in error. You could use tooltips, thick borders, bold text, underlines, italics, etc. The choices are infinite, but the only rule is to use more than color alone.

How would you design this signup form so that color isn’t the only visual means of showing a field with an error?

Update: It turns out that the accessibility issue described above in the PayPal example is caused by the LastPass plugin in my browser. Thanks to Tony Amidei (@subface) from PayPal for pointing this out to me. As designed, the triangle icons should always appear on fields in an error state.

3. Ensure sufficient contrast between text and its background.

According to the WCAG, the contrast ratio between text and a text’s background should be at least 4.5 to 1. If your font is at least 24 px or 19 px bold, the minimum drops to 3 to 1.

This means that when text is 24 px, 19 px bold, or larger, the lightest gray you can use on a white background is #959595.

#959595 text on a white background.

For smaller text, the lightest gray you can use on a white background is #767676. If you have a gray background, the text needs to be darker.

#767676 text on a white background.

There are some great tools that can help you find an accessible color palette for your designs including Color Safe. There is also WebAIM’s Color Contrast Checker, which will let you test colors you have already chosen.

4. Provide visual focus indication for keyboard focus.

Let’s take a moment to give thanks for the reset style sheet and all of the utility it has given the modern web designer. Without reset style sheets, it would be much more difficult to create a consistent experience across different devices and browsers.

:focus {outline: 0;}

This single line of CSS makes it nearly impossible for a sighted user to use a website with just a keyboard. Fortunately, since the initial CSS resets were released, many popular ones including Eric Meyer’s have been updated to remove un-styling of the :focus pseudo-class.

Continue reading on medium.com

The Habits of Successful People

1413924763-strech-goals-really-stretch
Entrepreneur

In my recent travels around Asia, I’ve had the great opportunity to meet a lot of local founders and aspiring entrepreneurs.

A few themes that seemed to come up many times are questions like “What triggered you to become passionate about company culture and transparency?” or “How did you know you wanted to build Buffer to what it is today?”

One of the most memorable moments for me was talking to a super smart lady who is having a lot of success at a large company and longs to work on something more meaningful. She told me this about a friend of hers:

“My friend has her own fashion startup and is doing well. She is so passionate about what she is doing. I want to do a company in fashion too, but I don’t feel like I have the same level of passion as my friend. What should I do?”

There is a lot of advice out there that says “You must be super excited about what you’re working on; otherwise you won’t stick with it.” I think there is a lot of truth in that.

At the same time, if I look back on my own journey, I don’t think that’s how it worked. It would be easy (and incorrect) for me to say that I always imagined creating a company with full transparency and no managers from Day 1. Or for me to say that I had a vision to build a SaaS startup that helps companies solve their social media struggles and reaches 30,000 customers with $5m in annual revenue.

It’s OK to think small at first

The thing is, when I started the company four years ago, I didn’t even start a company. I just had a side project. I had to work full-time for clients to pay the bills. It was almost incomprehensible that I could dream about those things—I had much more immediate needs.

But I did have a little dream. My goal in the earliest days was simply to build something that truly solved a problem for people and make money online with a product. My earnings had always been tied to my time, doing contract and freelance work. I was passionate about moving from that to creating a product that someone would pay for.

Back when I started, having someone pay $5 for my product was as big as the dream got. It didn’t involve having a team, creating a movement around transparency, raising funding or building a unique workplace.

Your dream will form over time

Once I achieved that first dream, my horizon became much clearer. It’s like the fog lifted and I could see ahead and the next dream came into my head. After the first customer paid $5 for Buffer (in the first month we had total revenue of $20), my next goal was to make $1,000 per month so that I could drop my freelance work and focus completely on Buffer. This was the dream I pursued for the next few months.

The dream forms over time. It’s OK if you don’t have a world-changing vision from the beginning. The key is to follow that tiny dream. That little spark, the idea in the very back of your mind.

Once you pursue that, you are on the path to your most meaningful and fulfilling work.

Article Source: entrepreneur.com