blog introcrea ebooks gratuitos que todo diseñador debe leer Pixel Perfect Precision Handbook 3

eBooks Gratuitos Que Todo Diseñador Debería Leer

19 eBooks Gratuitos Que Todo Diseñador Debería Leer

¿Alguna vez pudiste dominar el arte del diseño gráfico? El alcance cada vez mayor y cambiante de esta industria hace que la pregunta anterior parezca casi ridícula. Cualquier diseñador talentoso sabe que, para mantenerse relevante, la investigación es clave.

Sin ella, estás seguro que caerás detrás de la manada y perderás lo que sea que te hace diferente. Entonces, ¿dónde debes comenzar tu lista de lectura? Bueno, afortunadamente, hay una gran cantidad de recursos gratuitos por ahí en la forma de poco práctico ebooks de diseño. Aquí hay sólo 19 para empezar a lo largo del camino.

1. Design’s Iron Fist — Jarrod Drysdale

blog introcrea ebooks gratuitos que todo diseñador debe leer designs iron fist

Es posible que hayas oído hablar de Drysdale antes de ahora. Este tipo no es nada nuevo en la escena. El diseñador establecido también es famoso por su riqueza de ensayos sobre cómo seguir a través de sus procesos. Estos textos ofrecen algunos consejos tangibles que beneficiarían a casi cualquier persona en la industria.

El eBook, Design’s Iron Fist (o el Puño de Hierro del Diseño), es una colección de trabajo anterior de Drysdale, todo envuelto en un pequeño paquete aseado. Aparte de tutoriales prácticos y procesos, este libro también ofrece ayuda sobre cómo entrar en la mentalidad de ser un gran diseñador.

2. The Creative Aid Handbook — Kooroo Kooroo

La creatividad no sucede de la noche a la mañana. Es algo que cada diseñador tiene que trabajar en un día a día. Si encuentras que tus jugos innovadores se están secando, The Creative Aid Handbook (o El Manual Para la Ayuda Creativa) podría ser la respuesta. La guía examina cómo puede aumentar tu intelecto, fomentar tu bienestar y, lo más importante, ser más creativo.

3. Designbetter.co — InVision

blog introcrea ebooks gratuitos que todo diseñador debe leer principles of product design

Recientemente, InVision lanzó tres fantásticos libros de diseño que están disponibles de forma gratuita. Cada libro discute varios aspectos del diseño como proceso del diseño, gerencia, y negocio. Además, algunos de los materiales están disponibles en formato de audio.

The Freelancer’s Bible — Route One Print

blog introcrea ebooks gratuitos que todo diseñador debe leer The Freelancer’s Bible

El mundo del freelance es duro. Se necesita ser un diseñador experto para hacerlo (y ganarse la vida) en el clima actual. Con esto en mente, el libro de diseño gratuito de Route One Print, The Freelancer’s Bible (o La Biblia del Freelancer), es una lectura obligada para cualquier creativo que quiera trabajar por sí solo.

Antes de sumergirse en los reinos de las facturas, los clientes y pitching, asegúrate de leer este eBook. Aparte de asesoramiento freelance general, hay algunas joyas reales en este. Usted descubrirá cómo comercializar tu negocio, cómo encontrar tu USP, cómo manejar las relaciones con los clientes, y mucho, mucho más.

Si tu tipografía no está en su punto máximo, este eBook es para ti. Type Classification (o Clasificación de Tipografías) es una guía útil para principiantes de la tipografía. Debería darte las fundaciones que necesitas no sólo para comenzar a clasificar las diversas formas de tipo, sino también la comprensión de cuándo y cómo usarlos para un gran efecto alarmante. Cubre una historia de cada una de las formas tipo y los hechos básicos que necesitas saber sobre ellos.

6. Brand House Book — Roger Lindeback

blog introcrea ebooks gratuitos que todo diseñador debe leer Brand House Book

Comenzando en el sector de la marca o el branding puede ser una hazaña intimidante, por decir menos. Este aspecto particular del diseño es desalentador cuando se lo aborda por primera vez. Lo que es más, viene con una gran ayuda secundaria de palabras frecuentemente usadas en el medio del branding, que actúa como una barrera o táctica de miedo a los que son nuevos en el área.

Por lo tanto, lo que realmente necesitas es un libro que dice las cosas claras y vaq directamente al grano. Ahí es donde entra en juego el libro de Brand House. El eBook gratuito ofrece una solución sin jerga a sus problemas de marca.

Para simplificar este campo minado de un tema, Lindeback compara la marca de una empresa a la construcción de una casa y rompe el proceso en seis pasos manejables. Es realmente una lectura obligada para los diseñadores del newbie que desean hacer su marca en el mundo.

7. How to Be Creative — Hugh MacLeod

blog introcrea ebooks gratuitos que todo diseñador debe leer How to Be Creative

Con toda una carga de experiencia bajo su cinturón, MacLeod ciertamente sabe del tema cuando se trata de diseño y creatividad. En este eBook, el famoso ejecutivo de publicidad ofrece 26 pequeños consejos y trucos que le ayudarán en el camino hacia una versión más creativa de sí mismo.

Piensen en este texto no como tu ayuda de diseño estándar, sino como un manifiesto. Es el tipo de libro electrónico que querrá tener contigo (en formato digital) en todo momento para que puedas remitir a él como te plazca.

8. Breaking the Time Barrier — Mike McDerment & Donald Cowper

blog introcrea ebooks gratuitos que todo diseñador debe leer Breaking the Time Barrier

Uno de los principales problemas con los que muchos diseñadores freelance luchan tiene que ser la ecuación de precio vs. tiempo invertido. Lo último que cualquier creativo quiere es trabajar por demasiado tiempo en un proyecto que paga una tasa baja. Es matemática simples, y sin embargo muchos venden sus servicios por poco dinero, por miedo a perder en un potencial cliente.

Breaking the Time Barrier es el eBook para ayudarte a combatir este problema. McDerment y Cowper analizan las formas en que puede abordar este problema y aumentar su potencial de ganancias sin fin. Si estás buscando consejo con sentido, lo has encontrado.

9. Designing for the Web — Mark Boulton

blog introcrea ebooks gratuitos que todo diseñador debe leer Designing for the Web

Este es un recurso útil para los diseñadores que quieren ampliar su repertorio y mirar en el sector de diseño web. A lo largo del eBook, encontrarás una gran cantidad de tutoriales y reglas sencillas para diseñar toda tu vida. Es más, es una manera fácil de encontrar algunas herramientas de diseño de investigación con sólo el clic de un botón.

10. Time Management for Creative People — Mark McGuinness

Una cosa es ser “creativo” — Es otra muy distinta manejar tu tiempo lo suficiente como para hacer pagar ese talento. Aunque McGuinness es un escritor y un poeta, su consejo mundano en este ebook libre se puede aplicar a cualquier persona en las industrias creativas. Y, con más de 100.000 descargas hasta la fecha, es sin duda una guía popular.

Si estás constantemente distraído por todo, desde correos electrónicos a tus propios pensamientos, este libro debe ser tu guía de vida. Explica todo, desde minimizar las distracciones y recordar sus compromisos para priorizar el trabajo “correcto” y concentrarse cuando empieces a trabajar.

blog introcrea ebooks gratuitos que todo diseñador debe leer Everything There Is to Know about Logo Design

Un logo excelente puede ser la joya de la corona de cualquier marca. El diseño del logotipo es un aspecto crucial del proceso y uno con el cual muchos diseñadores se desconcertan. En este libro de texto fácil de entender, tienes la oportunidad de familiarizarte con los conceptos básicos cuando se trata de proyectos de logotipo. Podrá no fascinarte y sorprenderte con ideas nuevas e innovadoras, pero te dará la ayuda y el apoyo honesto que puedes necesita ahora mismo.

12. Adobe Printing Guide — Adobe

Mantenerse en la cima del siempre cambiante mundo de Adobe debe ser un valor de diseño central. Después de todo, no se trata meramente de la innovación o la creatividad — se trata de garantizar que comprenderás plenamente las herramientas que utilizas todos los días. Sin esa visión, encontrarás una tensión para incluso empezar algunos proyectos. Así que vayamos directamente a la fuente aquí y leamos la Adobe Printing Guide.

13. The Design Funnel — Stephen Hay

blog introcrea ebooks gratuitos que todo diseñador debe leer The Design Funnel — Stephen Hay

Tratar con clientes no es nada fácil. Un obstáculo con el que muchos de ustedes estarán familiarizados es el vago problema de la brevedad. Es decir, cuando un cliente te da un resumen con poco o nada de información y de alguna manera espera que tú hagas milagros con él.

En el embudo del diseño, Stephen aborda el problema de frente. El concepto es simple: puedes transformar casi cualquier resumen de cliente en un trabajo de diseño significativo y bien pensado. Simplemente necesitas saber cómo y por dónde empezar.

blog introcrea ebooks gratuitos que todo diseñador debe leer The Building Blocks of Visual Hierarchy

Las interfaces visualmente intuitivas son el futuro del diseño web. No cometas ningún error al respecto. Si estás tratando de mejorar la forma en la que diseñas sitios web, este pequeño ebook es un lugar ingenioso para empezar. El texto libre no sólo predica las reglas del diseño de la interfaz de usuario al lector; en su lugar, analiza varios ejemplos del mundo en línea. Una excelente introducción a este arte algo complicado.

15. The Shape of Design — Frank Chimero

La mente creativa es un laberinto. Puedes fácilmente encontrarte perdido profundamente en tus propios procesos de pensamiento sin salida obvia. Eso es exactamente lo que la forma de diseño es todo, cómo aprovechar al máximo tu creatividad e incluso cómo dominarla. Chimero reflexiona sobre la narración, el diseño y la creación de nuevas cosas en este libro de forma pensante pero intrigante.

blog introcrea ebooks gratuitos que todo diseñador debe leer Pixel Perfect Precision Handbook 3

USTWO, una de las principales agencias de diseño del mundo, nos ha bendecido con no uno, sino tres manuales a lo largo de los años. En su núcleo, este eBook gratuito es simplemente un manual de las mejores prácticas que se pueden aplicar a casi todas las áreas de la industria del diseño. Sin embargo, una vez que comiences a leer el texto, notará que hay mucho más que eso.

La última versión de este libro ofrece la mayoría de todo lo que un diseñador novato podría desear saber. Es básicamente un resumen enciclopédico de las últimas tendencias, metodologías y procesos. Incluso si crees que estás al día en todo lo anterior, todavía vale la pena revisar de vez en cuando.

17. Flat Design & Colors — UXPin

blog introcrea ebooks gratuitos que todo diseñador debe leer Flat Design & Colors

Agregar un poco de sazón en tu diseño web no es tan fácil como suena. Flat Design & Colors cuenta con las mejores prácticas y conceptos más avanzados en este área altamente lucrativa. Los temas incluyen paletas de colores, texturas y las ideas centrales detrás del diseño plano. Incluso si no utilizas inmediatamente los consejos de este eBook, vale la pena para entender nuevas tendencias en el sector.

18. Resilient Web Design — Jeremy Keith

blog introcrea ebooks gratuitos que todo diseñador debe leer Resilient Web Design

El pecado cardinal de muchos libros de diseño web es que te dan codificación y herramientas, pero no hay consejos prácticos. Ahí es donde el libro electrónico Resilient Web Design es diferente. No se trata de los elementos que se utilizan en este arte; se trata de cómo usarlos y de los muchos enfoques diferentes que puede optar por tomar.

En resumen, Keith te llevará a través de cada una de ellas, una idea cuidadosamente elaborada a la vez. También se trata de una visión histórica de diseño web y cómo muy rápidamente ha cambiado en los últimos años. La noción es que tú puedes utilizar este profundo conocimiento para informar sus propios proyectos en el futuro.

19. The Vignelli Canon — Massimo Vignelli

blog introcrea ebooks gratuitos que todo diseñador debe leer The Vignelli Canon

Si aún no has oído el nombre de Massimo Vignelli, debes haber estado viviendo bajo una roca durante toda tu carrera de diseño. Este hombre es un maestro cuando se trata de la artesanía y el diseño en general. Por lo tanto, cualquier eBook que él publica debe ser devorado en un instante. No hay dos formas de hacerlo. Aprende y vive con su ejemplo.

The Vignelli Canon (ó El Canon Vignelli) es una exploración de lo que realmente significa ser un diseñador y un creador en el mundo moderno. Dentro del eBook, Vignelli pone abajo algunos de sus principios y reglas dominantes que informan su trabajo. En teoría, este texto debe ayudarte a perfeccionar tus habilidades como diseñador y crear piezas que impacten.

Si desea leer el artículo original en Toptal puede hacer click AQUÍ

blog introcrea arte del diseño ux

El Arte Del Diseño UX Significativo

Los Marketers, Desarrolladores de Consumo de Producto y Comunidad de Ventas estarían de acuerdo en que cautivar la atención de tu cliente e influenciar en su comportamiento, o toma de decisiones, es probablemente algo extremadamente difícil de lograr en la actualidad. Expertos en Contenido de Marketing o Comunicación en Ventas han resaltado la importancia de “participación de sus clientes” para moverlos a lo largo de un “embudo de conversión”.

blog introcrea arte del diseño ux

Los Consumidores Odian El Cambio

“La gente odia el cambio. Ellos aman la coherencia,” dijo Chris Nodder en su libro Evil by Design. “El elegante nombre para esto es el ‘status quo sesgado’: la tendencia de que les guste que las cosas permanezcan igual y a percibir cualquier cambio de la situación actual como una pérdida”. “La aversión a la pérdida” lleva a la gente a sobreestimar las pérdidas potenciales de un cambio y subestimar el potencial de ganancias. También tienden a sobrevalorar su situación actual (el efecto de dotación)”.

Aquí es donde la Experiencia Del Cliente Estratégico puede desempeñar un papel importante. La Experiencia Del Cliente Estratégico combina el conocimiento de diversas disciplinas como la psicología del consumidor, la ciencia cognitiva, el análisis de datos, la ergonomía, etc., para crear la manera más optimizada para influir en las opciones del cliente para una situación dada. También en los últimos años han habido algunos postulados acerca de modelos “experienciales” que resultan en un compromiso sostenido y en el hábito de la formación. Pero el medio más importante para lograr un cambio real de comportamiento sigue siendo la ‘emoción positiva’ o ‘el encanto’ que puede convertir a un cliente en un promotor de un producto mediante una recomendación o hablar de ello a los demás.

El encanto del consumidor crea un ‘punto de charla.’ El poder de la palabra de la boca (¡y de la palabra del ratón!) se volvió más fuerte. Sin embargo, la gente sólo habla de cosas brillantes y de cosas sin importancia, no suelen hablar de cosas ‘ok.’ Por consiguiente, el desafío es lograr hacer cosas que hagan que la gente hable (positivamente) y eso es lo que ‘el encanto del consumidor’ trata de hacer.

Como Toma Lugar El Encanto Del Consumidor

Existen varios patrones de cómo se da este mentado ‘encanto del consumidor’. Pero estos surgen fundamentalmente de una situación, un punto particular en el viaje global del cliente (por ejemplo, compra, actualización o evaluación, etc.) cuando estos están en una posición vulnerable emocionalmente.

Por ejemplo, imagina este escenario. Un cliente necesita cancelar una reserva de vuelo, esto significa que incurrirá en una pena pronunciada pues no hay cancelación de la ventana izquierda. Esto induce a la ansiedad. Sin embargo, hay una resolución inesperada. La compañía aérea informa al cliente que el reembolso se ha transferido a su cuenta y puede utilizarse para una reserva en el futuro. Como resultado, el cliente se alivia y habla sobre su experiencia en los medios de comunicación.

blog introcrea arte del diseño ux encantando al consumidor

Nir Eyal, autor del libro Hooked: How to build Habit-Forming Products señala que un producto debe ser diseñado para facilitar la necesidad del usuario, pero en última instancia aliviar un síntoma de un problema que tiene. Hacerlo provocará que un producto forme un hábito. Los hábitos pueden ser buenos para los usuarios y a su vez, buenos para la empresa porque:

  • Crean mayor valor de vida del cliente
  • Ofrecen mayor flexibilidad de precios
  • Potencializan el crecimiento
  • Aumenten la fidelidad

BJ Fogg director de investigación y diseño en la Universidad de Stanford, donde fundó el Laboratorio de Tecnología persuasiva, tiene un modelo que muestra los tres elementos necesarios para cualquier cambio de comportamiento eficaces: la motivación, ganas y habilidad.

blog introcrea el arte del diseño ux motivación

Un proceso de experiencia del cliente integrado dentro de una organización centrada en el cliente debería hacer los tres bien. En primer lugar, es necesario saber cuando los clientes se encuentran en un punto alto o bajo emocionalmente (ambos podrían ser sustanciales) y qué comportamientos no exhiben que delatan un problema o una mayor causa. En segundo lugar, un proceso de diseño de sonido toma todos los datos y establece una experiencia diseñada para generar deseos: “Llamamiento a la acción” que comunica un resultado que sería “aceptable” y “beneficioso” para ellos. A veces, este proceso podría ser un poco tropezoso. El beneficio real puede darse cuenta un poco tarde pero por lo menos actúa como una recompensa y la expectativa de la recompensa sostiene el ‘compromiso’. Una recompensa que pueden obtener los clientes interesados en invertir más.

Cómo El Diseño Puede Enganchar A Los Consumidores

El diagrama de Eyal denominado “gancho”, es una experiencia que conecta el problema del cliente con una solución que se propone para cambiar un comportamiento específico.

blog introcrea el arte del diseño web ciclo de enganche

Pero hay importantes diferencias en su planteamiento. Fogg es un modelo de comportamiento que se aplica de igual modo a las acciones que deseas motivar y también a acciones que desea evitar alentar. Eyal se centra en solo uno de estos cuatro cuadrantes, aquellas acciones que desea convertir en hábitos y costumbres a la adicción. El acceso ubicuo a través de la web, los dispositivos móviles invadiendo nuestros espacios personales y transfiriendo grandes cantidades de datos a velocidades más rápidas que nunca, ha creado un mundo más adictivo.

Las adicciones son siempre peligrosas y son dañinas para el usuario. Sin embargo, los hábitos son diferentes. Tenemos buenos hábitos y tenemos malos hábitos. Creo que estamos en el precipicio de una época donde los diseñadores pueden ayudar a sus usuarios a crear hábitos saludables a través de las tecnologías que utilizan. – Nir Eyal

Aquí es cuando el ‘Encanto’ se traduce en una “Emoción Positiva” se vuelve importante. La emoción positiva puede reforzar o disuadir a los usuarios en un determinado comportamiento produciendo un resultado mutuamente beneficioso. La mayoría de diseños de “Experiencia al cliente” se centran en proporcionar una capacidad intuitiva para realizar una tarea para los clientes. Sin embargo, este enfoque tiene una visión limitada del mundo real del cliente que consta de muchas emociones adyacentes, actitudes, comportamientos, valores y sistemas de creencias.

Proporcionar encanto en un ‘Viaje Del Cliente’ requiere la comprensión de las múltiples dimensiones del contexto y el escenario en el diseño de una experiencia que genera emociones positivas en diferentes puntos. Jared Spool en su artículo Placer, Flujo y Significado – 3 Enfoques de Diseño Para el Encanto (Pleasure, Flow and Meaning), cubre este en algunos detalles. En general, son dos métodos principales que difieren en función de cómo una organización planea crear un ‘espacio’ en las mentes de sus clientes que constantemente son atraídos por los competidores con iguales o mejores proposiciones:

Encanto Intencional A Través De Diseño De Micro-Interacción

La extracción de un obvio o conocido dolor en el viaje de los clientes o realizar una tarea compleja aparentemente más fácil, es una de las formas de proporcionar “El Encanto Intencional”. Algunas empresas que lo hacen bien también toman en cuenta que el ‘premio’ ha de ser ‘grande’ para retornar con resultados significativos. Veamos un ejemplo. MailChimp, es un equilibrio ideal de utilidad y de encanto. Cumple un nicho bastante técnico, es una gestión de campañas de envío masivo de correo, una tan práctica que teóricamente podría sobrevivir con un interfaz muy fuerte. Lo que hace prosperar a MailChimp es su funcionalidad rodeada por buen humor y visualmente un diseño agradable. MailChimp transforma una tarea seca en una atractiva experiencia.

blog introcrea el arte del diseño ux microinteracciones

Combinando divertidos dibujos animados con mensajes irónicos como “este es tu momento de gloria”, MailChimp suaviza el nerviosismo de enviar tu primera campaña de correo electrónico. Las acciones y reacciones de la interfaz se sienten poco como una aplicación de marketing de correo electrónico y más como un instructor empático que te entiende.

El humor y la mascota forman parte de la capa superficial del encanto. Pero cuando nos sumergimos más profundamente, vemos que la retroalimentación conversacional y el flujo de tareas sin esfuerzo ayudan a MailChimp a conectarse con los usuarios en un nivel más intangible. El producto instruye, entretiene y facilita. Como resultado, incluso los más novatos en email marketing se sienten como profesionales ya que es una experiencia verdaderamente inolvidable.

En pocas palabras: nunca subestimes las “pequeñas cosas”. Las micro-interacciones no son simplemente maneras claras de mantener al cliente de buen humor. Son “momentos del producto de contenido”. El modelo de micro-interacciones se puede clasificar en: disparadores, reglas, retroalimentación, vueltas y modos.

Los disparadores pueden ser manuales o generados por el sistema. Nest muestra la temperatura cuando se aproxima al dispositivo; La aplicación Instapaper te ofrece un bloqueo de rotación si gira accidentalmente su dispositivo.

El buen ejemplo de las Reglas es configurar los valores predeterminados inteligentes con algo que ya se sabe sobre el usuario. Waze sugiere que las rutas de conducción se basen en el comportamiento del usuario.

La retroalimentación es lo que ayuda a los usuarios a aprender las Reglas. El juego de Temple Run sugiere maneras de evitar caer y ser comido por la bestia persiguiendo.

Las vueltas y los modos proporcionan una dimensión (tiempo, espacio, etc.) de las cosas a lo largo del tiempo. Spotify se desvanece el texto para las canciones que se han agregado hace mucho tiempo.

Un Placer Más Profundo A Través De La Fabricación Del Significado

La frase “experiencia significativa” ha sido ampliamente utilizada dentro de la industria digital, sin embargo, a menudo sólo se menciona en relación con la usabilidad y placer artificial. Nathan Shedroff, uno de los pioneros del diseño de la experiencia, la describe como “aquella que va más allá de las necesidades funcionales, emocionales y de identidad de la persona. Y si las empresas se centran en el significado, y el trabajo desde el centro hacia fuera, las preguntas sobre el precio, el rendimiento, los disparadores y el diseño, se resolverían por sí mismas.” Cuanto más ancla su marca en la vida del usuario, la relación más sostenible que tendrá y aquí es donde el futuro de la comercialización o el éxito comercial se encuentra.

Los productos y servicios que construyen conexiones más profundas con los clientes son el resultado de un proceso de diseño infundido de emoción.

El problema es que las culturas lineales, o más específicamente orientadas al proceso, como la nuestra, el desarrollo del producto se ve desde un modelo de “priorización”, donde comenzamos en la parte inferior y avanzamos hacia arriba. La emoción se prioriza por último, aunque es posible que sepamos que más importa.

La emoción se agrega como una capa superficial, o peor, el elemento emocional se empuja a una versión posterior para proporcionar un remodelo de la marca. Este enfoque hace que la entrega de un compromiso de nivel más profundo dura porque separa las “necesidades emocionales” de los beneficios funcionales del producto y por tanto, no crea ningún “significado”.

Si deseas deleitar a sus clientes, el verdadero desafío es ser empático-ponerse en sus zapatos-y prestar una tremenda atención a los detalles en cada paso del viaje del consumidor. Desde las comunicaciones introductorias hasta el sitio web, en la experiencia de descubrimiento / prueba y en el envasado, el flujo de compra, la interacción post-venta, el tono de la mensajería y la voz, tu visión debe ser holística. La intuición, que surge de una profunda empatía, te lleva a descubrir el propósito, el ‘por qué’ en lugar de ‘qué’ en una ideación de desarrollo de productos.

En su libro, The Invisible Computer, Donald A. Norman señala: “No quiero usar una computadora. No quiero procesar palabras. Quiero escribir una carta, o averiguar lo que el tiempo va a ser, o pagar una factura, o jugar un juego. No quiero usar una computadora, quiero lograr algo. Quiero hacer algo significativo para mí”.

Para entenderlo mejor, podríamos ver algunos ejemplos existentes en nuestro alrededor. Comparar dos productos de un dominio similar lo hace aún más pronunciado. Una comparación simple de página de inicio de dos proveedores de viaje en carro se ve claramente diferente. No deja ninguna duda en nuestra mente por qué tocar emociones y crear ‘significado’ hace una gran diferencia.

En el primer ejemplo a continuación, el contenido sólo funcionalmente afirma acerca del transporte con chofer, el servicio o la oferta.

Sin embargo, este último casi explica por sí mismo cómo se conecta con sus clientes al instante. El contenido se centra en la comunicación de la verdadera razón por qué los clientes buscan un paseo. Expresa con éxito que un paseo de Uber los releva de la ansiedad que conduce y los deja centrarse en lo que planean lograr en el día. Coloca el dolor de conducir antes de una importante reunión de negocios justo en el centro de la estrategia de la experiencia.

Entonces, ¿cómo enmarcamos exactamente esto en nuestro proceso de diseño que evoca la emoción positiva o deleite? El primer paso hacia esto es realmente saber quiénes son sus clientes o usuarios, y lo que realmente les importa, qué dolor están enfrentando y lo más importante es cuál es el propósito en sus vidas que un producto puede encajar. Y nos proporcionan una manera de replantear la oferta de productos o una solución propuesta de manera diferente y nos permiten identificar las “necesidades emocionales” que un cliente necesita cumplir y cómo la “solución” encajaría en ella de la mejor manera posible. Lo que nos ayuda a conducir hacia una definición iterativa del “problema” proviene de estas percepciones y una comprensión profunda y completa de lo que la gente dice, hace y siente. Hacer preguntas y observar el comportamiento van de la mano.

blog introcrea el arte del diseño ux saber hacer las preguntas

Después de la inmersión del cliente o estudios de contexto se completan para un segmento de clientes identificados para una propuesta de valor específico. Los datos se utilizan para modelar el contexto del cliente y articular claramente el problema que necesita una “solución”. Esto idealmente debería ocurrir durante la fase de exploración-conceptualización temprana del proceso de desarrollo. Aquí se utiliza una herramienta de diseño llamada “mapa de empatía” que ayuda a diseñadores y propietarios de productos a identificar los matices emocionales no articuladas alrededor de un área problemática. Este descubrimiento se expresa entonces en una clara declaración de problemas que constituye la base del proceso de ideación de soluciones.

En el proceso de diseño del elemento de la emoción debe ser abordado de una manera cuidadosa y sistemática. Los pasos a continuación pueden ser una forma de captar con éxito la emoción y trabajar con ella a una proposición de “encanto”:

  1. Identificar momentos propios: El análisis detallado del viaje del cliente revela varios puntos cuando el cliente se encuentra en un punto emocionalmente vulnerable. Podría estar frustrado o ansioso, exaltado o sentirse en control. Estos momentos necesitan ser entendidos profundamente. El diseño general de la experiencia propuesta debería abordar éstos y crear un lenguaje «significativo» a su alrededor.
  2. Transmite la respuesta a las emociones en el lugar y el tiempo apropiados: una experiencia que responda emocionalmente a los clientes puede hacerse de tres maneras:
    • Visceral: Apariencia, lenguaje visual, tono o voz.
    • Comportamiento: cómo funciona, se comporta o responde
    • Reflexivo: cómo se interpreta o entiende.
  3. Entrega el sentido como resultado: el significado en este contexto es un propósito cumplido o una aspiración actualizada. No es una metáfora de la interacción literal. Así que es mejor que diseñemos para él y no con él. El significado es más poderoso que las emociones y trasciende el valor.
    El proceso de ‘Hacer Significado’ a través de la creación de la intervención del diseño impulsado por el deleite es tedioso, iterativo y debe basarse en la experimentación continua. Pero incluso si no estás en una posición para hacer la gestación larga antes del lanzamiento del producto, piensa en escalonarlo como varios «lanzamientos de aprendizaje» o alfa temprano con un grupo limitado de usuarios potenciales. Y trabaja con el aprendizaje para avanzar. La mayoría de las organizaciones pierden la paciencia en este punto por varias razones. Pero el punto clave es mantener los ciclos de aprendizaje y mejorar. Llegar realmente a un ‘lugar’ donde el resultado del proceso de diseño eleva el posicionamiento del producto de manera que hagas clic con los usuarios emocionalmente y al mismo tiempo abres las puertas a un compromiso significativamente mayor o cambio de comportamiento, requiere un conocimiento profundo, compromiso y la pasión.

Si desea leer el artículo original sobre diseño ux en Toptal puede hacer click aquí

blog introcrea proceso de diseño portada

Proceso de Diseño: ¿Objetivo o Subjetivo?

El diseño es complicado. Algunos tipos de diseño son más subjetivos, “artísticos”–algunos más utilitarios y siguen reglas más rígidas. ¿Qué proceso seguimos para crear soluciones artísticas? ¿Es una conclusión inevitable de objetiva y mecánicamente aplicar principios a un problema (diseño funcional), o es el resultado orgánico de una toma de decisiones más subjetiva?

La relación entre el arte y el diseño es malentendida, por lo general. Y aunque el resultado de un diseño puede ser artístico, el proceso detrás de él es muy diferente.

blog introcrea proceso de diseño portada

Un artista apunta a expresar estéticamente ideas personales o sentimientos a través de un medio. El arte es valorado por su originalidad y habilidad de explorar representaciones alternativas de una apariencia, personas, o cosas. En lo que respecta al arte, puedes entenderlo o no–y eso está bien.

El diseño, por otro lado, es el resultado de numerosas decisiones hechas por uno o más diseñadores intentando resolver un problema específico relacionado a un usuario; entonces es valorado simplemente por qué tan exitoso sea en resolver ese problema, y si no lo hace, entonces el diseño ha fallado.

El Diseño de las Cosas de Todos los Días es un fantástico libro por el científico cognitivo e ingeniero de usabilidad Donald Norman sobre cómo el diseño es la comunicación entre un objeto y su usuario, y cómo hacer la experiencia de usar un objeto algo placentero.

blog introcrea proceso de diseño usabilidad

Un área de exploración dentro del libro es qué tan seguido las personas naturalmente se culparán a sí mismas por no ser capaces de usar un objeto como fue ideado, aunque nunca es la culpa del usuario. Esto hace el caso de cómo el diseño de un objeto debería satisfacer el objetivo de un usuario, ser intuitivo de usar, y no requerir entrenamiento previo. Si lo hace, entonces el objeto de diseño ha fallado.

¿Pero qué tiene que ver esto con objetividad en diseño? Mirémoslo a cómo ponemos la objetividad y su rol en el proceso de diseño.

Entendiendo la Objetividad

Entender las definiciones ayudarán a diferenciar entre algo que es objetivo o subjetivo:

  • Objetivo (adj) – no influeciado por sentimientos personales, gustos u opiniones
  • Subjetivo (adj) – influenciado por sentimientos personales, gustos u opiniones

Utilizando estas definiciones, podemos conjeturar que el diseño es primariamente un proceso objetivo. Para convertirte en un diseñador exitoso, es recomendable que sigas un proceso objetivo en la fase inicial del proyecto, en vez de ser influenciado por emociones, “gustos”, hipótesis, y suposiciones sin fundamento.

Sin embargo, con todas las mejores intenciones a un lado, cuando se trata de diseñar para clientes u otras personas, el proceso de diseño puede ser malentendido y objetivamente excluído de la conversación. En vez de eso, para juzgar el éxito de el resultado de un diseño, caemos en nuestra sensibilidad estética y nuestras emociones, y son influenciados por cómo nos “sentimos” acerca del diseño.

El problema es, nuestras emociones y cómo nos sentimos es algo impredecible, incierto, y muy complicado. Son cosas subjetivas. Nuestro juicio de valor es afectado en gran parte si no comprendemos la relación entre el aproximamiento objetivo en diseño y la influencia general estética que podría tener en nuestras emociones.

Entendiendo Nuestra Industria

“Todo lo de que hay que hacer es definir un concepto base–un problema para resolver–y tomar decisiones subsecuentes y lógicas.” –Eric Fisher

En cuanto al diseño, como industria, la nuestra está afligido con abundancia de decepción propia. Todos y cada uno de nosotros creemos que estamos haciendo más que sólo pintar por números.

El buen diseño es objetivo porque simplemente funciona.

Funciona porque la aplicación inicial de diseño sigue un sistema o estructura—cada decisión subsecuente de diseño tiene una razón, y cada elemento con un estilo particular puede ser explicado. Si se tiene una base fuerte, significa también que es el resultado de una subjetividad bien-pensada.

La emoción humana es crítica cuando hay que decidir si nos comprometemos con un sitio web o producto o no; por ende, la estética es igual de importante.

Me considero una persona objetiva y espero que también lo hagas. La objetividad es más fácil, especialmente cuando se está aprendiendo un tema nuevo. Es más fácil de entender todos los principios objetivos dentro del tema y comprender sus verdades; y al comprender los hechos, se hace más fácil descifrar el tema. Así es como inicialmente nos aproximamos al diseño.

Hay sistemas y estructuras básicas—verdades de diseño—que se pueden aplicar al diseño para asegurarnos de que nuestro aproximamiento sea tan objetivo como sea posible. Algunos ejemplos son:

Investigación y testeo de usabilidad

El user research se centra en entender comportamientos de usuario, necesidades, y motivaciones a través de técnicas de observación, tareas de análisis, y otras metodologías de devoluciones. Es ”el proceso de entender el impacto del diseño en una audiencia” (Mike Kuniaysky).

El propósito del user research es ayudarnos a diseñar objetivamente con la mente principalmente en el usuario. Es la investigación lo que nos previene de diseñar para nosotros mismos e influenciar el diseño con nuestras opiniones subjetivas. En vez de eso, el user research nos dice quién es la persona, en qué contexto utilizarán el producto o servicio, y qué necesitan de nosotros.

blog introcrea proceso de diseño para investigar

User research y estudios de usabilidad ayudan a los diseñadores a seguir siendo objetivos.

Principios psicológicos

El diseño es más efectivo cuando se ejecuta con conocimiento de psicología humana. Entender cómo la mente reacciona a estímulos visuales permite que la reacción de un diseño objetivo–sin psicología, haría que sólo estés adivinando. La psicología en sí es un tema muy grande, pero no significa que necesites un Ph.D. para usarlo en tu diseño. Hay principios psicológicos simples que puedes usar para mejorar la efectividad de tu diseño sin saber la teoría detrás de ella.

blog introcrea proceso de diseño principios del diseño

Entender la psicología humana nos habilita a ser objetivos de forma efectiva en el diseño.
(Por Martin420 via Wikimedia Commons)

Las mejores prácticas, convenciones, y estándares

Usar las mejores prácticas de diseño claras y efectivas, convenciones y estándares como guías, podemos usar fórmulas probadas para un diseño más y mejor objetivo. Las mejores prácticas de UX asisten a ambos la usabilidad de nuestro diseño y el valor estético. Lo que es más, se capaz de referirse a estas convenciones y estándares cuando presentamos o debatimos nuestro diseño puede ayudarte mucho más a establecerte como alguien con conocimiento, con justificaciones, y razones objetivas para tus elecciones de diseño.

blog introcrea proceso de diseño mejores prácticas

10 Diseños de UI de Usabilidad Heurísticos por Jakob Nielsen

Objetivos de negocio

Todos los negocios tienen objetivos en mente cuando comienzan un proyecto, y es el trabajo del diseñador poder lograr estas. Podría ser necesario para ellos que se diseccionar y ajuste a alinear con las necesidades del usuario, pero al final los negocios pondrán los objetivos del proyecto. Podría parecer ser sentido común mencionar esto, pero es increíble cuántas veces los objetivos de negocio más importantes pueden ser dejados de lado, especialmente cuando no se alinean con las necesidades del usuario.

Un diseñador que tiene una idea clara de qué necesidades hay que lograr es más potente que uno que simplemente intenta hacer que algo se vea bonito.

Encontrar el Balance entre Objetivo y Subjetivo

Los sistemas de diseño y estructuras podrían verse como cosas objetivas, hasta el momento que tenemos que usarlos. Parecía objetivamente obvio darle a los usuarios sugerencias para búsqueda, pero ¿por qué no les dejamos que busquen lo que quieran y luego filtrar los resultados? ¿Qué hace que una decisión sea mejor que la otra? La respuesta tiene menos que ver con una regla absoluta, y más con una experiencia subjetiva.

El diseño de todo incluye tomar muchas decisiones. Tienes que decidir qué hará la cosa y cómo lo hará. Las decisiones en qué características incluir y, lo más importante, qué no incluir. Si bien estas decisiones podrían tener fundamentos objetivos con la ayuda de sistemas y estructuras, las decisiones que tomamos al final son de elección subjetiva.

Los sistemas de diseño y estructuras están ahí para proveer contexto–para ayudar en el proceso de decisión. Basado en grandes cantidades de experiencia previa, estos ofrecen plantillas probadas y guías para ayudar a reducir la limitación de opciones a unas pocas. Sin embargo, sólo porque hay guías, no quiere decir que no hay flexibilidad.

La arquitectura tiene una guía fundamental y que no puede cambiarse–las leyes de la física. Por ejemplo, tomemos en cuenta el Federation Square en Melbourne, Australia; siempre ha habido muchas opiniones sobre este edificio, y no todo el mundo lo ha amado.

Han habido unos cinco diseños diferentes presentados a la junta cuando Federation Square se propuso por primera vez, y todos de diferentes firmas. Y si bien cada idea tenía un concepto único, todos tenían algo en común: la física.

blog introcrea proceso de diseño balance

Federation Square in Melbourne, Australia

Pensamientos finales

Siempre habrá que tomar muchas decisiones dentro del ámbito del proyecto. Las decisiones que se tomen lo más pronto posible y las más importantes serán informadas por principios objetivos; las metas del proyecto, el usuario y la investigación psicológica, y las mejores prácticas, estándares, y convenciones. Un mapa luego es provisto para ayudar a tomar las decisiones que vendrán luego, pero también se lo harán por nuestras propias experiencias y observaciones.

En cuanto al diseño, si alguien desafía los resultados de tu diseño con una respuesta estética o emocional, tienen que ser recordados que las decisiones de diseño son basadas en razonamiento objetivo.

Los diseñadores son profesionales altamente disciplinados. Tienen la habilidad de percibir e interpretar las áreas grises y convertirlas en blanco y negro–y usan la objetividad y subjetividad para crear grandes experiencias de usuario.

Pero lo más importante, es que ellos crean diseños que simplemente funcionan.

Si desea leer el artículo original en Toptal puede hacer click aquí

blog introcrea guia estilos startups shopify

Por Qué Los Startups Necesitan Una Guía De Estilo

blog introcrea guia estilos startups iconos

Incluso para un diseñador con experiencia, crear una nueva guía de estilo para un producto es difícil—hay muchas direcciones de diseño posible, y el proceso puede rápidamente convertirse en algo abrumador. La vida del startup es bastante agitada, rápida, y llena de clichés como “la perfección es la enemiga de tener algo hecho”, “muévete rápido y rompe cosas”, o “lancemos ahora, arreglemoslo después”.

Crear una guía de estilo bajo dichos eslóganes y prioridades fluctuantes es desafiante, pero es necesario si queremos que el diseño de un producto tenga éxito a largo plazo.

La Experiencia Global de Lenguaje (GEL)de la BBC explica el propósito de cada componente y cómo deberían ser utilizados.

En años recientes, hemos escuchado mucho sobre sistemas de diseño, guías de estilo, librerías de patrones, y diseño atómico. Y si bien estas herramientas son muy útiles, usarlas puede sentirse como un exceso cuando lo único que quieres es crear un par de pantallas para un MVP o demo de una app. Sin embargo, tener una guía de estilo no sólo mejorará tu proceso de diseño en general, sino que también hará de tu app algo más sólido y consistente.

Hablemos primero sobre los principales beneficios de las guías de estilo, y después enfoquémonos sobre los desafíos en un ambiente de startup. Finalmente, hablaremos sobre cómo una guía de estilo siempre evolucionan como un documento viviente.

Las 5 Principales Razones De Por Qué Una Guía De Estilo Es Una Buena Idea

1. Una Guía De Estilo Hace De los Diseños Algo Concreto Y Del Branding Algo Claro

Siendo un sólo diseñador en un startup—lo cual suele ser el caso—no hay muchas oportunidades para revisar y desafiar decisiones de diseño muchas veces tomadas por otras personas en el equipo. Aunque muchos podrían estar trabajando en colaboración, los diseños no necesariamente son compartidos con otros. Esto significa que hay sólo una persona validando diseños finales.

Una guía de estilo proveerá a un startup una guía y documentación para referencia. Desafiará algunas de las decisiones de diseño hechas por el diseñador o por el equipo porque tendrán que validarlas en el contexto global de la app. Diseñar un componente de UI porque funciona bien en una pantalla no alcanzará; un diseño bien pensado debería resolver un sólo problema de diseño en una situación, al igual que un problema generalizado que se pueda encontrar en otras pantallas de la app.

El diseño UI de esta app usa el título “contacto” de forma repetida, un candidato ideal para ser incluído como componente en una guía de estilo. (by Ivan Bjelajac on Dribbble)

Una guía de estilo hace que todo el estilo del diseño en general, guías de marca, especificaciones, y reglas disponibles para todos en tu compañía, y tan sólo a un click de distancia. Pueden ir a una URL para fácilmente acceder a ella o descargarla en PDF. El diseño se convierte en el trabajo de todos—no es sólamente la responsabilidad del equipo de diseño. Es una aproximamiento más prudente que mejorará el UI de tu producto.

blog introcrea guia estilo startups ibm

IBM almacena sus guías de “lenguajes de diseño” online lo cual hace las cosas más fáciles para todos, incluso públicas, para que puedan ser vistas.

2. Una Guía De Estilo Hará De Tu Diseño Algo Más Consistente

Provee una suerte de diccionario para tu lenguaje de diseño de UI. Puedes usar la misma terminología cuando quieres comunicar algo que ya has expresado. Imagina si tuvieramos diferentes palabras para expresar la misma cosa:

  1. “Está lloviendo, necesito mi paragüas.”
  2. “Está lloviendo, necesito mi paragüüüass”
  3. “Está lloviendo, necesito mi paragüaaass”

Hará del lenguaje algo poético, pero es difícil de entender. Fundamentalmente, es la misma idea con el UI de un sitio o una app. Para que sea fácil de usar, deberías inventar sólo una nueva “palabra” cuando realmente estés creando algo nuevo. De esta forma, estarás atado a una estricta regla que dice, “Sólo componentes que resuelvan un problema repetido de diseño a través del producto serán permitidos en el producto y subsecuentemente en la guía de estilo.”

La consistencia hace de tu producto algo más amigable para el usuario; un producto altamente usable se traduce en ventas y más compromiso de marketing.

blog introcrea guia estilo startups onboarding

Pantallas de onboarding por lo general utilizan animaciones o efectos visuales que no están presentes en el resto de la app. Les da a los diseñadores una buena oportunidad para crear un nuevo layout.
(por Murat Gursoy on Dribbble).

3. Reusar El Mismo Sistema De Componentes Hace Que Tu App Sea Fácil De Usar

Como en el ejemplo del lenguaje, tener consistencia es clave. Cada vez que cada componente es entendido por el usuario, cuando se utilice de nuevo y en un contexto distinto, las personas ya estarán familiarizadas con el comportamiento anterior. En lo que respecta a interacciones de usuario, esta consistencia mejora en general la usabilidad del producto.

Trabajando con un sistema de diseño basado en componentes ahorra tiempo y también hace de un producto algo fácil de actualizar. Si hay un problema de usabilidad con un componente en una cierta situación, se puede arreglar una vez que todos los otros posibles problemas con ese componente sean actualizados.

blog introcrea guia estilo startups componentes

Eventbrite usa un layout de tres íconos en muchas de tus secciones. Cuando un usuario se cruza con estos componentes de nuevo, ya estarán familiarizados con su comportamiento en general.

4. Una Guía De Estilo Hace De Tu App Algo Fácil De Desarrollar En El Largo Plazo

Cuando tu equipo está desarrollando un componente común para una pantalla, están desarrollando una solución que usarán también en otro lado. Esto ahorra tiempo de desarrollo—mucho, de hecho. Cuando tu compañía crece, esto significaría, quizás, ahorrar 10 veces horas de trabajo requeridas para crear una pantalla nueva.

5. Una Guía De Estilo Facilita La Eficiencia De Producción E Innovación

Crear una guiía de estilo hace que los diseños sean más accesibles y estén disponibles para el resto de la compañía. Los desarrolladores y diseñadores pueden prototipar una idea más rápido y fácilmente. Bootstrap es por lo general alagado por hacerle la vida fácil a los desarrolladores para crear un prototipo que funcione—tu guía de estilo sirve el mismo propósito. Provee una referencia base para un nuevo UI que puede ser creado por desarrolladores, sin que el equipo de diseño esté creando primero la pantalla (aunque el equipo de diseño debería hacer el QA o test de calidad de las pantallas finales).

blog introcrea guia estilos startups shopify

El sistema de diseño de Shopify apodado, dubbed Polaris.

Los Desafíos De Un Startup, Una Guía De Estilo En Cambio Constante

Crear un sistema de diseño en un ambiente de startup no es tan lineal como parece ser en una compañía madura donde están acostumbrados a un proceso más simplificado. En una compañía más tradicional, el equipo de diseño desarrolla una investigación de UX, ideación, y experimentación, y después elaboran una guía de estilo de marca final. Este proceso no es para todas las compañías, ya que los startups funcionan en un ambiente donde su visión y requerimientos de producto no siempre están en constante cambio. Trabajan con MVPs (productos mínimos viables), versiones incompletas de sus apps que son usadas para probar sus ideas y mostrarlo a usuarios potenciales.

En lo que a crear un estilo de guía se refiere, esto puede convertirse en un problema.

En un ambiente donde siempre se está evolucionando, un diseñador está usualmente en apuros para crear un estilo de guía que supuestamente será algo “fijo”. Un diseñador no tendrá el tiempo para realmente pensar a través de todos los componentes que están siendo creados, aunque pueden aparecer en el último release de la app. Facebook famosamente cambió su menú “hamburger” por una navegación en tabs cuando maduraron un poco. ¿Crees que quien haya puesto el menú hamburger ahí también lo añadió a la guía de estilo de Facebook?

También podrías considerar que no es aún el momento para crear una guía de estilo. Podrías darte cuenta que a largo plazo vas a necesitar una, pero que ahora es más importante producir pantallas en serie. Lo que es más, necesitarás unas páginas de marketing para promover tu app. De repente, tu diseño necesita redoblar la apuesta, y mientras estás creando pantallas, empiezas a ver el valor de tener una guía de estilo que pueda mantener la marca de tu compañía y diseños consistentes.

El problema es que no sabes exactamente cuando es el momento adecuado para intercambiar flexibilidad por estabilidad. Tienes que decidir cuándo deberías comenzar a enfocarte en la guía de estilo y cuándo deberías concentrarte en crear pantallas. Un aproximamiento óptimo podría ser producir una guía de estilo al mismo tiempo que estás entregando pantallas–de esta forma podrás tener lo mejor de ambos mundos.

Comienza Con Algo de Inspiración UI

Una buena forma de comenzar, especialmente si no eres un diseñador, es coleccionar ejemplos de estilos de diseños que te gustan, o algo más importante, a lo que crees que los usuarios van a responder. Colecciona cuantos ejemplos puedas, y ponlos en una carpeta o tablón de InVision/Niice, etc. Pueden ser usados como referencia e inspiración en conjunto con tu sensibilidad de diseño. Puedes construir sobre ellos luego para crear una librería de patrones.

Por ejemplo, cuando estaba trabajando en una guía de estilo para una compañía promoviendo artistas en la industria del entretenimiento, nos preguntamos si los fondos claros u oscuros tendrían un gran impacto en nuestros usuarios. Miré cientos de sitios web diferentes en juegos/películas/producciones visuales para ver cómo usaban fondos claros y oscuros.

blog introcrea guia estilos startups star wars

El sitio web del juego Star Wars Battlefront 2 usa colores oscuros mientras que el sitio web de EAusa una paleta más clara.

Hice una hoja de referencia donde resalté los patrones más comunes. Un patrón que identifiqué fue que las compañías en la industria tienden a usar fondos más oscuros cuando presentan sus productos, pero usan fondos blancos en sus esfuerzos de marketing, eCommerce, y tiendas.

No tienes que ir en tal profundidad, pero me di cuenta que tener referencias visuales ayuda, no sólo en crear una guía de estilo, pero también en recordar algunos de los casos de uso que podrías necesitar diseñar. Una vez que te sientes bien con respecto a las referencias que coleccionaste, puedes comenzar a trabajar en el diseño visual.

Diferentes mood boards que usan distintas referencias.
(fuentes: Summer Teal Simpson HitchVivek VenkatramanAmber en Dribbble)

Diseña Componentes Sólidos De UI

Mientras se trabaja en startups, es más difícil crear componentes que crear páginas–al menos al principio. Cuando diseñas una página, por lo general tienes una idea de cómo será usada. Eso no es necesariamente el caso cuando diseñas un componente; estás intentando diseñar para un caso de uso específico, pero quieres que sea parte de un sistema de diseño universal, y debes abordarlo de esa forma. Por ejemplo, podrías querer crear un componente para una sub-navegación con tres botones. También podrías querer trabajar con cuatro, cinco, o diez botones, y necesitarán funcionar en mobile, tablet y desktop. Deberás pensar más allá.

blog introcrea guia estilo startup ui kit

La guía de estilo de Operator especifica cómo cada componente reaccionará basado en navegación y jerarquía visual. (fuentes: Kerem Suer en Dribbble)

Quieres un cierto nivel de persistencia o poder fijo en un componente. Componentes comunes no deberían cambiar demasiado, y deberían ser reutilizables en muchos lugares a través de tu producto. Por ejemplo, si estás sólo interesado en una app de iOS, entonces querrás testear tus componentes basados en el número de opciones o longitud de contenido, no necesariamente el tamaño de pantalla. La idea es que si es viable en el UI en muchos lugares de tu app, entonces sabes que es un componente que tiene el potencial de ser parte de tu guía de estilo.

blog introcrea guía estilos salesforce

El Sistema De Diseño Lightning de Salesforce indica cuán flexible un componente es y si puede o no ser adaptable a una interface mobile.

Un startup necesita empezar desde prácticamente la nada misma y moverse rápidamente. Tu jefe podría querer una pantalla diseñada para el final del día, y eso significa que no podrás realmente desarrollar una guía de estilo y luego diseñar la pantalla. Lo que es aún peor, podrías estar diseñando una guía de estilo con componentes que nunca verán la luz del día porque la visión de la compañía ha cambiado. Como suelen decir, es mejor lanzar ahora.

blog introcrea guia estilos iu kit salesforce

El kit UI de Salesforce Analytics es una librería de componentes comunes que en teoría serán reusados en cada app. (fuente: Eli Sebastian Brumbaugh)

Crear una buena guía de estilo lleva tiempo, y porque se convertirá en en la base de tu sistema de diseño, querrás hacerlo bien. En un ambiente de startup, necesitarás trabajar en tu guía de estilo con todo en mente. ## La Guía De Estilo Como Un Documento Viviente

Deberías pensar de tu guía de estilo como un trabajo en progreso. Como un startup que intenta descifrar su estrategia, vas a tener que resolver tu guía de estilo en el camino. La editarás y ajustarás a lo largo del tiempo hasta que se convierta en la base de tu UI. Un aproximamiento útil es comenzar con el primer mockup al mismo tiempo de que comienzas con tu guía de estilo. Abre dos archivos con tu software favorito (en mi caso, Sketch); uno llamado nombre de página y otro guía de estilo. Mientras trabajas en el diseño de una pantalla, puedes comenzar a poner semillas en tu guía de estilo con elementos que forman tu diseño.

blog introcrea guia estilos startup proyecto

Mientras más trabajas en más de estas guías, te darás cuenta casi de inmediato que hay algunos componentes que son importantes que se incluyan en la guía de estilo. Por ejemplo, si te has decidido por un estilo de icono, entonces todos tus íconos pueden ir en la guía desde el comienzo.

Usualmente creo una sección llamada “iconos hasta ahora”. Y si en algún punto alguien necesita un ícono, primero tienen que revisar esta sección antes de crear uno nuevo.

SalesforceYelp y Mapbox todos tienen extensivas librerías de iconos para sus apps. Tu gúia de estilo debería también contener elementos de UI que se usen a través de toda tu app.

blog introcrea guia estilos startups iconos

Otros items obvios para considerar son colores, selectores, títulos, encabezados, textos de cuerpo, etc. Si estás usando un estilo especial para marketing, puedes considerar ponerlo en tu guía de estilo y etiquetarlo apropiadamente. Está bien si no estás completamente seguro de un item en particular, puedes refinar los elementos de UI en tu sistema de diseño después cuando la oportunidad llegue, y actualizar la guía correctamente. No te olvides, la guía de estilo es un documento viviente, especialmente en un startup.

blog introcrea guia estilos startups ui kit

Eventualmente, cuando comienzo a poner layouts en la guía, sé que estoy comenzando a alcanzar un punto donde todos los componentes deberían estar cerca de su estado final. Esta parte marca el momento crítico del proceso de creación de la guía de estilo–¡ahora puedes celebrar! Una buena forma de celebrar semejante logro es crear un logo o icono (considera ponerle un nombre) para la versión 1.0 de la guía.

Algunas personas hasta imprimen el logo/icono como un sticker para que el equipo tenga algo similar a un trofeo. Ese también es el punto donde usualmente voy hacia la forma más tradicional de trabajar con la guía la cual es abrir dicha guía primero, y luego crear un nuevo archivo para cualquier interfaz sea necesaria.

Conclusión

Como diseñador, al crear una guía de estilo tan temprano sea posible, te estarás asegurando de que tu startup se adhiera a un estándar bastante alto de calidad. Podrá ser desafiante, pero vale la pena todo el esfuerzo puesto en ella. Una guía sólida y bien hecha no sólo te ayudará a tener un buen producto, sino que también reducirá el costo desarrollo.

Hay una forma de haxer esto posible en un ambiente acelerado donde se toman decisiones rápidas y donde a veces los diseños deben cambiar rápidamente. Con suerte, el proceso descrito anteriormente ayudará a diseñadores en cualquier startup a lidiar con los desafíos de complejidad y velocidad y al mismo tiempo crear una guía de estilo fuerte para el beneficio del producto.

Si desea leer el artículo original de Toptal puede hacer click aquí

blog introcrea tecnología portada

La Guerra Fría de la Tecnología: Aún Aquí y Aún Siendo Utilizada

Soy un chico de la Guerra Fría. Crecí viendo las noticias de las implementaciones Europeas de Pershing II y SS-20, también de la guerra soviética en Afganistán, con un poco de acción de Terminator y Top Gun VHS. Yugoslavia estaba intentando jugar para ambos lados, y durante un tiempo funcionó a la perfección. Sin embargo, todo se estrelló un par de años después con la caída del Muro de Berlín, haciendo que nuestra destreza se alineara sin sentido.

Admito que esta es una extraña introducción para un blog de tecnología, pero tengan paciencia conmigo, empezará a tener sentido. A diferencia de la mayoría de los europeos, hemos tenido muy buenas relaciones con ambos bloques. Hemos vendido tanques a Kuwait y artillería de cohetes a Saddam, compramos combustible barato y MiGs de los Soviéticos y, a cambio, hemos exportado algunas cosas que no podíamos obtener directamente desde el Oeste. Sé de gente que se hospedó en hoteles de Berlín Oriental porque eran más baratos, luego cruzaban la frontera a Berlín Occidental para trabajar, jugar y comprar, sólo para cruzar de nuevo a través lugares imprácticos como el Checkpoint Charlie, todo en cuestión de horas.

En uno de estos viajes, mi papá me consiguió un Commodore C64, el cual fue lanzado como maquinaria de la Guerra Fría. La mayoría de los videojuegos de la década de 1980 y, de hecho, un montón de música y películas, fueron inspirados por incontables guerras y la amenaza de un apocalipsis nuclear. Con la caída del muro, mucha gente supuso que sería el final del caos, en especial en el gasto en defensa y que por ende el mundo sería un lugar más seguro. No fue exactamente de esta manera, ¿o si?

Sin embargo, el efecto a largo plazo de la Guerra Fría en ciencia y tecnología es más profundo que el Nena 99 Luftbalons, o que el Oliver Stone Vietnam flick.

Minuteman: Un Caso de Estudio Técnico de la Guerra Fría

Si estás leyendo esto, entonces estarás utilizando una tecnología desarrollada por guerreros de la guerra fría: El Internet. Eso no es todo. Un montón de la infraestructura y de la tecnología que nosotros damos por sentado fue desarrollada, o al menos concebida, durante estos decenios tumultuosos.

¿La constelación de satélites GPS orbita alrededor de la tierra? No fue puesto allí para geoetiquetar selfies u obtener un Uber ride; fue diseñado para ayudar a que el Comando Aéreo Estratégico de Estados Unidos entregara cientos de megatones v por valor de sol instantáneo sobre objetivos Soviéticos con una precisión milimétrica. ¿Circuitos integrados, transistores, y computación de estado sólido? Afirmativo, todas desarrollados por las fuerzas armadas y pagados por los contribuyentes estadounidenses.

Aquí hay un ejemplo de lo anterior: el elegante e inigualablemente mortal LGM-30 Minuteman de misiles balísticos intercontinentales (ICBM). No fue el primer ICBM ahí fuera, pero cuando apareció en el mercado, fue revolucionario. Fue un misil de combustible sólido, lo que significa que pudo responder a una amenaza y el lanzarse en un minuto sin tener que ser alimentado; por esto se le llamó así. Pero el combustible sólido es sólo parte de la historia: el combustible sólido era mucho más interesante desde un punto de vista geek. Antes de Minuteman, ICBMs dependió en computadoras análogas, giroscopios y sensores mecánicos primitivos. Desde que estos fueron transferidos a un objetivo específico, el paquete de destino no se puede cambiar fácilmente. El Minuteman fue la primera implementación masiva de una computadora digital de propósito general; un piloto automático integrado y sistema guiado de misiles en un solo paquete, con un almacenamiento fiable y que podría tener el estrés de un silo de lanzamiento. El equipo también fue capaz de almacenar varios destinos, y era reprogramable.

Los transistores no eran nada nuevo en ese punto; fueron desarrolladas años antes por los laboratorios Bell. Sí, estos primitivos transistores eran casi exclusivamente reservados para el complejo militar-industrial. El tío Sam era el único cliente de prácticamente todas las primeras computadoras y chips, quemando montones de dinero. Estos primeros transistores ofrecieron un salto cuántico a través de tubos de vacío, pero no eran perfectos. Para los estándares de hoy, eran una basura. La fiabilidad simplemente no estaba allí, y si necesitas lanzar unos cuantos cientos de ojivas termonucleares a medio camino a través del planeta, necesitas una especie de sistema guiado el cual que no podría fallar, tan pronto como la vela se encendía.

Entonces, ¿qué puedes hacer cuando te encuentras con un problema técnico, el cual no se puede resolver con dinero? Simple: tirar más dinero en ello, y eso es exactamente lo que hizo la Fuerza Aérea de los Estados Unidos. Quemaron a millones para hacer la maldita cosa lo suficientemente fiable como para ser utilizado en entornos hostiles y sobrevivir el estrés de un alto-G que asciende hacia el espacio. Esto se conoce como el programa Minuteman de Alta Fiabilidad (Hi-Rel).

Funcionó, pero la USAF tuvo un poco más de lo que se esperó. En tratar de mejorar un sistema de armas sola, la USAF terminó dando un gran impulso a la industria de la tecnología en general. Finalmente, el Minuteman se ha actualizado para incluir un nuevo sistema de referencia basado en microchip, con una forma primitiva de almacenamiento de estado sólido. Esta reliquia de la Guerra Fría ha estado en servicio desde la administración Kennedy, y la encarnación actual ha sido de alrededor de 45 años, recibiendo múltiples actualizaciones de hardware y software en los últimos años.

Por lo tanto, al esbozar el desarrollo y la evolución de un sistema de una sola entrega de arma estratégica single, me he referido a una serie de tecnologías vitales que damos por sentado: transistores, chips, fiables de almacenamiento de estado sólido, ordenadores programables fabricados en serie y así sucesivamente. El Minuteman fue también la primera computadora mobile digital.

El primer ordenador digital móvil de verdad fue algo más letal que el ordenador portátil y el iPhone.

blog introcrea tecnología portada

Algunos pueden argumentar que el legado de este tipo de armas es aquel de Destrucción Mutua Asegurada (MAD), garantizado por la tríada nuclear que mantiene a las superpotencias en ir a la guerra total. Probablemente lo hizo, pero al hacerlo, también permitió a los ingenieros de todo el mundo desarrollarán tecnologías y conceptos aplicables en diversas industrias y campos de estudio.

Su verdadero legado radica en cada circuito integrado en el planeta.

Pioneros Capitalistas Tratan de Aprovecharse

¿Qué podría ser más capitalista que monetizar los instrumentos de destrucción masiva? ¡Los contribuyentes pagan para su desarrollo, no los capitalistas de riesgo!

Bromeando aparte, se puede argumentar que el Red Scare de los años cincuenta creó Silicon Valley. La mayor parte del dinero en realidad provenía de los contribuyentes y la mayoría de las empresas ganadoras de contratos lucrativos de defensa no tardaron en hacer una pelota en la tecnología de doble uso desarrollado para los militares. ¿Recuerdas a los Laboratorios Bell? Algunos de sus personas más brillantes pasaron a co-fundar Fairchild Semiconductor y, finalmente, crearon Intel una década más tarde. El equipo de orientación Minuteman actualizado se basa en chips de otro gigante de los semiconductores, Texas Instruments.

No discuto la inteligencia de las personas co-fundadoras de Intel por ejemplo, como Robert Noyce y Gordon Moore. No tengo ninguna duda de que hubieran dejado su huella en la industria de la tecnología, inclusive sin la carrera más grande de los brazos en la historia, pero también es difícil negar que la industria de la tecnología no se habría desarrollado casi al mismo ritmo si no hubiera existido la financiación del gobierno. Sí, los contribuyentes subsidian efectivamente la industria de la tecnología desde hace décadas, pero al largo plazo, esto es probablemente mejor. Westinghouse no necesitaba subsidios para desarrollar lavadoras y refrigeradores, porque la demanda de los consumidores era fuerte, pero en los primeros días de la informática, no había prácticamente ninguna demanda de los consumidores. Es por eso que los gobiernos tuvieron que intervenir.

¿Pero qué consiguió el contribuyente?

El espacio y la competencia dio lugar a una serie de tecnologías que a su vez crearon un sinfín de oportunidades de negocio. Inclusive los ordenadores primitivos tuvieron un profundo impacto en la industria. Hicieron las redes de energía y la infraestructura de transporte más eficientes, ayudaron a mejorar la seguridad de las instalaciones industriales, incluyendo los químicos sensibles e instalaciones nucleares, cambiaron la faz de la banca, comunicaciones, entretenimiento y así sucesivamente.

Lo mejor de todo es que de alguna manera logramos no soplarnos a nosotros mismos con las armas estas tecnologías han hecho posible, sin embargo, al mismo tiempo, se volvieron espadas en rejas de arado. Ya en los años cincuenta, los EE.UU. y la Unión Soviética pusieron en marcha iniciativas destinadas a examinar usos civiles de la energía nuclear (incluidos los planes de explosivos nucleares de ingeniería civil, que fueron terribles), pero no significaba nada. No era la fuerza del átomo que cambió el mundo; fue el humilde microchip y tecnologías auxiliares desarrolladas para programas de defensa innumerables, que lo hicieron.

El Internet, GPS, transistores y chips fiables:. Guerra Fría tecnología hecha posible por el gasto de defensa fuera de control.

blog introcrea tecnología satelites

Antes de que dejaron su marca en la ciencia y golpearon a Gary Kasparov en la mesa de ajedrez, superordenadores y sus predecesores analógicos se utilizaron para simular procesos físicos vitales en el desarrollo de armas termonucleares. Una ventaja pura en potencia de cálculo podría producir avances en innumerables campos. Las simulaciones por ordenador permitieron a las armadas Occidentales en desarrollar submarinos más silenciosos con tornillos nuevos; optimizados digitalmente para evitar la cavitación. Procesadores de Señal Digital (DSP) hicieron sonares mucho más sensibles, y un par de décadas más tarde, los DSP avanzados hicieron que la música sonará mejor. El diseño asistido por ordenador no se acabó de utilizar para reducir la sección transversal de radar de los aviones, sino que también hizo que nuestros edificios y automóviles fueran más baratos, más seguros y más eficientes.

Algunos de estos esfuerzos resultaron en un callejón sin salida tecnológica, pero la mayoría no lo hicieron. Uno de mis favoritos fue Blue Peacock, una mina nuclear británica (sí, las minas terrestres, no de bomba), con un peso de 7,2 toneladas. Ya que confió en la tecnología temprana de la década de 1950 y tuvo que ser enterrado en el campo Alemán, los ingenieros se dieron cuenta rápidamente de que el frío podría matar a los componentes electrónicos en el interior, por lo que trataron de encontrar la manera de mantener los circuitos calientes. Su solución era tan descabellada que fue confundida con una broma del Día de los Inocentes cuando el diseño fue desclasificado el primero de Abril del 2004.

Un pollo debía de ser sellado dentro de su carcasa, con suficiente comida y agua para mantenerse con vida durante una semana. Su calor corporal mantendría la bomba eléctrica en funcionamiento.

A medida que las industrias civiles empezaron a aplicar estas tecnologías de vanguardia en masa, nuestra calidad de vida y la productividad se disparó de manera exponencial. Nuestros televisores, automóviles, teléfonos, la ropa que usamos, y casi cualquier producto de consumo que compramos: Son todos mejor gracias a la mayor pérdida de dinero en la historia. Por supuesto, todos tenemos pequeñas cantidades de estroncio 90 en los huesos, pero a gran escala, es un pequeño precio a pagar por el mundo de alta tecnología que nos gusta tanto.

Oh, sí, también nos dieron los videojuegos. Montones y montones de juegos de video.

Ningún pollo fue afectado en la elaboración de esta entrada del blog, o en el programa de minas nucleares Blue Peacock.

blog introcrea tecnología bomba

Haciendo un Kickstarter Para el Desarrollo de Video Juegos

Los videojuegos fueron iniciados en los equipos digitales más tempranos (y algunos analógicos también). De hecho, Tennis para Dos, posiblemente el primer juego en utilizar una pantalla gráfica, fue desarrollado por un equipo analógico en 1958. Sin embargo, ni siquiera los villanos de Bond tenían computadoras en ese momento, por lo que el aumento de la industria de los videojuegos tuvo que esperar al hardware para madurar.

A mediados de la década de los setenta, los microchips se volvieron lo suficientemente baratos para aplicaciones del mercado de masas. Ahora que teníamos el hardware, ya sólo necesitábamos algunos desarrolladores de software y un caso de uso de chips baratos. Dado que el consumidor medio, no estaba interesado en los ordenadores caros y complicados que fueron diseñados para las grandes empresas, la atención se desplazó a los juegos; soportales, consolas de videojuegos y computadoras de bajo costo como el ZX y C64.

Estas humildes máquinas llevaron computadoras programables a millones de hogares, enganchando una generación de niños en el entretenimiento digital, y creando oportunidades para los desarrolladores de video juegos. Consolas y ordenadores baratos trajeron el arcade de la sala de estar, marcando el comienzo de una nueva era de juegos de vídeo, y la creación de innumerables puestos de trabajo en la industria. Incluso los Soviéticos lo consiguieron con el Tetris, uno de los primeros juegos.

No solo era un entertainmento. A diferencia de las consolas, el ZX y el C64 eran equipos adecuados, y los niños geeks rápidamente encontraron nuevos usos para ellos. Ellos comenzaron a hacer demostraciones, y empezaron la codificación. Lo más probable es que tu sabes mucho de estos niños, y si estás leyendo esto, es probable que trabajas con algunos de ellos.

Si estás interesado en el desarrollo de los primeros videojuegos, y lo que la Guerra Fría tuvo que ver con ellos, yo sugiero que consultes FrutaNuclear; un nuevo documental que es una visita obligada para los jugadores nacidos en las década de 1970 y principios de la década de 1980.

Estos chicos y chicas pasaron a desarrollar una nueva generación de juegos de vídeo, creando exitosos negocios en línea, creando nuevas tecnologías y revolucionando el mundo digital, todo en el espacio de una década. Una generación que creció con la constante amenaza de una guerra nuclear, disfrutando de la distópica ciencia ficción, la cual ayudó a hacer del mundo un lugar mejor. Ellos no desarrollaron Skynet, desarrollaron millones de aplicaciones móviles y web en su lugar.

Por lo tanto, no hay Terminators. Al menos no todavía.

El advenimiento de los ordenadores personales de bajo costo y consolas de juegos creó una generación enganchada en la informática y la codificación.

blog introcrea tecnología videojuegos

2.0 Guerra Fría y el Surgimiento de Nuevas Amenazas

Este no es un blog geopolítico, pero si estás al tanto de las noticias, es probable que sepas que el mundo es un lugar desastroso. No, el final de la Guerra Fría no trajo una era de paz y estabilidad, y ya se habla de una “Segunda Guerra Fría”, o peor, una guerra “Caliente”. Mientras que la mayoría de estas preocupaciones no son más que exageraciones y sensacionalismo, una serie de graves amenazas permanecen. La amenaza de la aniquilación nuclear casi ha desaparecido, pero la tecnología que nos gusta tanto ha creado una serie de amenazas y posibles problemas, que van desde la privacidad y la seguridad, hasta las preocupaciones éticas.

Afortunadamente, no es probable que veamos una carrera de armamentos para competir con el que hemos presenciado en el siglo XX, pero no tenemos que hacerlo. La misma tecnología que nos hace la vida más fácil y más productiva también se puede utilizar en contra de nosotros. La infraestructura digital en la cual nos basamos en el trabajo y en el juego es frágil y puede ser objetivo de los criminales, gobiernos extranjeros, los agentes no estatales, e inclusive en nutjobs con resentimiento.

Estas nuevas amenazas incluyen, pero no se limitan a:

  • La ciberdelincuencia
  • Guerra cibernética patrocinada por el Estado
  • El mal uso de la tecnología de vehículos autónomos
  • Violaciones a la privacidad
  • Abusos de vigilancia de masas
  • El uso de comunicaciones seguras para las actividades criminales / terroristas

Todos representan un serio desafío y la industria está teniendo problemas para mantenerse. Mi argumento es simple: Nosotros ya no tenemos que desarrollar una tecnología innovadora para obtener una ventaja en las luchas geopolíticas, pero vamos a seguir desarrollando tecnologías y métodos para hacer frente a las nuevas amenazas y problemas. Es un círculo vicioso, ya que estas nuevas amenazas son posibles gracias a nuestra dependencia de las comunicaciones digitales y la amplia disponibilidad de diversas tecnologías que pueden ser empleadas por las organizaciones hostiles e individuales.

La ciberdelincuencia se asocia generalmente con el robo de identidad y fraude de tarjetas de crédito, pero está ya no se limita a estos campos. El advenimiento de canales seguros de comunicación ha permitido a los delincuentes en expandirse a nuevos nichos. La escena ha recorrido un largo camino desde las hazañas románticas de Steve Wozniak. Algunos ofrecen la piratería de alquiler, otros están dispuestos a acoger todo tipo de contenido ilícito, sin hacer preguntas. Algunos grupos se especializan en el lavado de dinero, bazares de drogas darknet, y así sucesivamente. La amenaza más grande con esta nueva generación de la ciberdelincuencia es que ya no se tiene que poseer muchas habilidades para involucrarse. A medida que madura la delincuencia informática, distintos grupos se especializan en diferentes actividades, y se pueden contratar.

La guerra cibernética patrocinada por el Estado constituye una seria amenaza a la infraestructura, los sistemas financieros y la seguridad nacional. Sin embargo, no hay realmente mucho que un individuo puede hacer frente a estas amenazas, por lo que no vale la pena perder tiempo en ellos en este post. Otra forma de guerra económica parece privar a una nación o región de conexión a Internet. Ya ha sucedido antes, a veces por accidente, otras veces por decreto del gobierno y de la acción del enemigo.

Una nueva generación de amenazas emergentes está reuniendo una vez más líderes de la industria y gobiernos en torno a una causa común.

blog introcrea tecnología hackers

Los drones comerciales no tienen mucho en común con sus homólogos militares. Su gama y su carga útil son muy limitadas, y mientras un drone militar no tripulado, por lo general se puede perder el tiempo en un área por horas en extremo, la resistencia de los drones no tripulados de aficionados se limita a minutos en lugar de horas. Esto no quiere decir que no se pueden utilizar para el crimen; aún pueden invadir la privacidad de alguien, contribuir al contrabando de drogas a través de una frontera, o inclusive en llevar explosivos. Los vehículos autónomos están todavía en su infancia, por lo que no sienten la necesidad de discutir la miríada de preguntas que elevarán.

La privacidad sigue siendo una de las mayores preocupaciones relacionadas con Internet, expresadas por la persona promedio. Esto es comprensible; hemos pasado gran parte de nuestras vidas diarias dedicándolas a la esfera digital, poniendo nuestra privacidad en riesgo. La gente ni siquiera tiene que estar orientada específicamente en tener su privacidad y su integridad personal comprometida. La mayoría de los datos que abren paso en línea se liberan en forma de depósitos masivos después de un fallo de seguridad que afecta a muchos, si no todos, los usuarios de un servicio de una línea en particular. La gente va a seguir exigiendo una mayor privacidad, ya su vez los clientes demandarán una mayor seguridad de los ingenieros de software (que no son trabajadores de milagro y no pueden garantizar la absoluta seguridad y privacidad).

La vigilancia masiva se realiza generalmente por los gobiernos y no debe representar una amenaza para el ciudadano medio o negocio. Sin embargo, sigue siendo una amenaza potencial, ya que puede ser objeto de abuso para los trabajadores descontentos, gobiernos extranjeros, o por medio de las violaciones de datos. El otro problema es el coste enorme para el contribuyente; la vigilancia masiva no es barata y vamos a seguir viendo más de ella.

La mayoría de los gobiernos no se molestan con los programas de vigilancia y de metadatos en masa si no se enfrentan a amenazas muy reales. La misma tecnología desarrollada para mantener nuestras comunicaciones y actividades en línea privada puede ser objeto de abuso por todo tipo de personas no nos gustaría encontrarnos en un callejón oscuro. La lista incluye a los sindicatos del crimen multinacional, terroristas e insurgentes. Sin embargo, no toda esta comunicación debe ser cifrada y segura. El punto de la propaganda es para que sea ampliamente disponible para cualquier persona, el Internet ha dado a cada chiflado un teléfono inteligente y el mayor megáfono en la historia, con un alcance global, de forma gratuita. Puedes utilizar el Internet para reunir un millón de personas en torno a una buena causa en cuestión de días, pero los mismos principios se pueden aplicar a una mala causa. Si el público objetivo son las personas que desean unirse a un culto de la muerte con una inclinación por banderas negras, no necesitas un millón de personas, sólo unas pocas docenas.

La diferencia Entre la Ciencia y la Ciencia Ficción

A pesar de su inteligencia, los autores de la ciencia ficción que ayudaron a configurar la cultura popular en el siglo XX no vieron el futuro real que viene. Ellos no previeron exactamente el Internet, por no hablar de su profundo impacto en la sociedad.

Sentimos estallar tu burbuja, pero Terminators en Inteligencia Artificial (IA) aún no son una amenaza, y no la serán en el corto plazo. Las amenazas reales son más humildes, pero eso no quiere decir que podamos darnos el lujo de ignorarlas. No es necesario un Terminator para crear el caos, todo lo que se necesita es un par de líneas de código realmente desagradables que puedan alterar la infraestructura, causando todo tipo de problemas. No es necesario un autómata super-inteligente del futuro para causar daños. Dado que eBay no lleva Terminators, ya que es mucho más fácil que usar un drone fuera de la plataforma, programado para entregar una carga útil con un objetivo específico: las drogas a un traficante, o una carga explosiva a un VIP.

Pero estas no son las mayores amenazas, son amenazas potenciales simples: algo para un guión de Hollywood, no para un blog de tecnología.

Las amenazas son reales criminales en naturaleza, pero tienden a permanecer en el cyber real. No tienes que mover físicamente nada para mover el dinero sucio y la información en línea. La aplicación de la ley ya está teniendo dificultades para mantenerse al día con los delitos informáticos, que parecen estar empeorando. Si bien es cierto que la tasa de criminalidad en los países desarrollados está disminuyendo, estas estadísticas no pintan el cuadro completo. Hace unas semanas, la Oficina Británica de Estadísticas Nacionales (ONS) informó de un aumento del doble de la tasa de criminalidad de Inglaterra y Gales, un total de más de 11.6 million ofensas. Además la tasa de criminalidad tradicional continuó cayendo, pero las estadísticas indicaban 5,1 millones de casos de fraude en línea. El costo de la delincuencia física está bajando, pero el costo de la delincuencia informática está empezando a ponerse al día. Creo firmemente que la industria tendrá que hacer más para reforzar la seguridad, y los gobiernos tendrán que invertir en seguridad en línea y la prevención del delito, así.

En caso de que estés interesado en la ficción distópica y no encuentras a las amenazas criminales emocionantes, otro desarrollo aterrador sería la monopolización de datos: Un proceso en el que gigantes de la industria mantendrían una ventaja de competencia posible gracias a su amplia base de usuarios, como para hacer a la demás competencia sin sentido, y anulándola de este modo.

Sí, soy consciente de lo que los Terminators harán para un futuro más intrigante y para un blog más interesante, pero no estamos allí todavía.

Si desea leer el artículo original en Toptal puede encontrarlo haciendo click aquí

blog introcrea tips estrategia digital consistencia

Consejos para generar una buena estrategia digital

blog introcrea tips marketing digital portada

Sabemos de la importancia de una buena estrategia digital en nuestros negocios, ya sean pequeños o grandes, lograr conseguir clientes potenciales, fidelidad los que ya tenemos y mantenerlos es una tarea diaria y constante que requiere tener planificación y mucha continuidad.

Ya sea que delegues tu estrategia y la ejecución al personal de la empresa, o que contrates una agencia, se deben tener en cuenta ciertos tips para que los resultados sean lo mejores y no existan sorpresas y disgustos.

Generar un brief

Para empezar una buena relación con quién este generando la estrategia digital, se debe entregar un brief contando resumidamente lo mas importante de la empresa, su historia, productos, servicios, el público al que quieres llegar y el objetivo o meta principal que se quiere lograr con la estrategia que se quiere generar.

Conociendo este tipo de información se podrá construir un tono de comunicación adecuado y así poder captar la atención del público que se quiere impactar. por esta razón es tan importante dar a conocer un poco para conectar muy buenas ideas.

blog introcrea tips estrategia digital generar brief

Planificar

Establecer acciones, metas y tiempos es fundamental, ya que pone tiempos limites para cada ejecución y lo que pasará después de cada paso, la mayoría de veces se ejecutarán bien, ¿pero que pasa si no sale como se pensó? también debe existir un plan para esto, así siempre existirá un plan de acción.

blog introcrea tips estrategia digital planificar

Medir, analizar, optimizar

Cada paso de la planificación debe ser medido y analizado para saber que acciones tomar para el siguiente paso, por eso estos dos ítems van de la mano. Los números o resultados sean buenos o malos deben ser la herramienta principal para tomar decisiones acerca de la estrategia digital, la mejor ventaja es que estas decisiones pueden ser tomadas y corregidas inmediatamente y los resultados se verán reflejados también rápidamente.

blog introcrea tips estrategia digital medir analizar optimizar

Entender al público objetivo

Existe un término en marketing digital que se llama “persona”, cada empresa tiene su tipo de persona, es decir su cliente objetivo, y es exactamente a quién hay que conocer a la perfección para que la estrategia funcione. ¿Qué hace desde que se levanta?, ¿qué le gusta leer? ¿qué sitios frecuenta? ¿qué come?, sería ideal saberlo todo, porque esta”persona” va a ser al estructura fundamental de la estrategia digital.

blog introcrea tips estrategia digital entender al público objetivo

Definir medios

La definición de los medios en los cuales ejecutar la estrategia va muy de la mano con la definición de la “persona”, ya que esta se desplegará en los medios y redes donde se pueda impactar efectivamente, la cantidad de redes y medios pueden variar, pero entre menos sean, se podrán enfocar con mejor calidad los esfuerzos y se podría lograr un mayor impacto.

blog introcrea tips estrategia digital elegir medios

Contenidos

El contenido es el rey, esto quiere decir que entre mejor calidad sea el contenido que se genera para la estrategia digital ya sea orgánico o anuncios, podrá aumentar las posibilidades de éxito, de ser leído, o visto. El principal objetivo del contenido generado es convertirse en una fuente de información confiable y referente de conocimiento, para así ser tenido en cuenta por el público y por la “persona” cuando necesite nuestros productos o servicios.

blog introcrea tips estrategia digital contenidos

Consistencia de la estrategia digital

Hay que tener en cuenta que cuando se generan contenidos para la estrategia digital, se está educando al público y que esto toma un cierto periodo de tiempo, para conseguir que el público tome el contenido como una buena referencia de conocimiento. Ser constantes en la generación de contenido es una de las claves del éxito que se desea lograr.

blog introcrea tips estrategia digital consistencia

Esperamos que estos consejos les ayuden a tomar buenas decisiones al momento de generar su estrategia, siempre teniendo en cuenta también una fase de investigación previa sobre la competencia, ésta investigación dará también muy buenas pistas acerca de dónde y cómo abordar a las personas a las cuales desean llegar.

13 Podcasts Que Todo Diseñador Debería Escuchar

Cada diseñador tiene una manera diferente de “conectar” cuando empieza a trabajar en un nuevo diseño. Escuchar música es probablemente una de las mejores opciones cuando trabajas en un sprint de diseño. Es posible que prefieras poner un programa de televisión de fondo, de esos que te dan un placer culpable. Pero de vez en cuando, puede ser que desees cambiarlo y aprender algo nuevo mientras que diseñas tu próxima obra maestra.

Por eso compilé una lista de cada gran podcast de diseño para ayudar a enfocarte, obtener inspiración y mantenerte entretenido mientras diseñas. Tenemos todo, desde divertidos programas relacionados con la industria hasta los mejores podcasts tecnológicos sobre diseño y podcasts que te ayudarán a ver tus diseños de una nueva forma.

Comencemos…

Podcast para todo diseñador

ShopTalk

ShopTalk podcast de diseño y UX en vivo organizado por Chris Coyier y Dave Rupert. Cada semana, el dúo está acompañado por un invitado especial para discutir el diseño y desarrollo de páginas web front-end y para responder a las preguntas enviadas por los oyentes. Hay más de 260 episodios de este podcast, por lo que seguramente te mantendrá ocupado durante un tiempo.

Adventures in Design

Si estás buscando algo para comenzar tu mañana todos los días, Adventures in Design tiene un nuevo episodio de lunes a viernes. Con casi 600 episodios hasta la fecha, este podcast cubre “la realidad de tratar de vivir sus sueños creativos”. Los temas son de la rama del diseño, y encontrarás un montón de bromas de diversión con esta dosis diaria de diseño.

blog introcrea podcast diseñador design

Design Details

Presentado por Bryn Jackson y Brian Lovin, este podcast de diseño te permite aprender de los mejores de la industria. Como ellos dicen, los anfitriones hablan con las personas que diseñan sus productos favoritos. Los últimos episodios incluyen entrevistas con un diseñador de producto en Slack, un director creativo de Google, y el líder de diseño en Shopify.

blog introcrea podcast diseñador design details

Design Matters con Debbie Millman

Este podcast afirma ser el primer podcast del mundo sobre diseño. Los episodios están compuestos de conversaciones con diseñadores, escritores, artistas, músicos y otros tipos creativos que tienen perspectivas únicas sobre el diseño moderno.

blog introcrea podcast diseñador design matters

NTMY the Show

Presentado por Tobias van Schneider, NTMY significa “Nice to Meet You”. El programa es un podcast basado en una conversación personal en la que Tobias conoce un nuevo tipo de creatividad cada semana. Los huéspedes anteriores han incluido diseñadores de prendas de vestir, un diseñador convertido en comediante y un artista. Este es un podcast más reciente, con sólo dieciséis episodios hasta ahora.

Obsessed with Design

Este podcast tiene una visión amplia del diseño, no sólo se centra en el desarrollo web, sino en todo tipo de diseño. El anfitrión Josh Miles entrevista a un diseñador diferente en cada episodio con enfoques que van desde la ilustración, hasta marca y arquitectura.

blog introcrea podcast diseñador obsessed with design

The Hacking UI podcast

En un fragmento de su popular boletín informativo, el podcast de Hacking UI presenta a los creadores Sagi Shrieber y David Tintner discutiendo sus pasiones: diseño, desarrollo, emprendimiento, tiempo de hacking y tecnología. Los episodios regularmente presentan entrevistas con algunos de los mejores diseñadores que trabajan hoy en día.

blog introcrea podcast diseñador hacking ui

UI Breakfast: UI/UX Design and Product Strategy

Uno de los mejores podcasts de UX/UI, UI Breakfast es conducido por la consultora independiente Jane Portman. Originalmente de Rusia, Jane trae a expertos de la industria para compartir sus conocimientos e información sobre las tendencias UI / UX, productos, marketing y mucho más.

blog introcrea podcast diseñador ui breakfast

User Defenders

Otro gran podcast UX. User Defenders es conducido por Jason Ogle. Jason ofrece “entrevistas inspiradoras con superhéroes UX”. La idea detrás del podcast es ayudar a los diseñadores más nuevos a aprender de lo mejor al llegar a qué inspira a estos superhéroes UX, qué los motiva, y cómo obtuvieron éxito.

blog introcrea podcast diseñador user defenders

The Deeply Graphic Design Cast

Este podcast de diseño mantiene su enfoque en el diseño gráfico. Una buena salida de los podcasts anteriores basados en entrevistas, Deeply Graphic se centra en un tema de diseño diferente cada episodio, tomando una profunda inmersión en temas como el diseño con SEO en mente, el trabajo con subcontratistas, y el uso de moodboards.

blog introcrea podcast diseñador deeply graphic design cast

Design Review

Design Review se emite dos veces por semana y se centra en diferentes aspectos del diseño de producto. Chris Liu y Jonathan Shariat hablan sobre el pensamiento del diseño, las herramientas, la experiencia del usuario y más. Ya hay 53 episodios, y todavía están haciendo nuevos.

blog introcrea podcast diseñador design review

Code podcast

Code Podcast— ¿Suena como algo para los desarrolladores? Lo es, pero también cubren algunos temas de diseño. Este podcast es una gran oportunidad para aprender sobre el diseño desde la perspectiva de un desarrollador con conocimiento de diseño.

blog introcrea podcast diseñador code

Creative Honey

Si estás interesado en los enfoques de otros diseñadores, Creative Honey es definitivamente para ti. Grandes entrevistas, charlas sobre comunidad de diseño, y un poco de psicología. Desafortunadamente no han añadido nuevos episodios últimamente, pero todavía hay mucho contenido valioso en sus archivos.

blog introcrea podcast diseñador design honey

¿Cuál de estos podcasts te resulta más útil en tu vida creativa? ¿Hay otros grandes podcasts de diseño que me perdí? ¡Házmelo saber en los comentarios!

Si deseas leer el artículo original en Toptal haz click aquí.

Endomarketing, sus colaboradores también son clientes de su empresa

blog introcrea portada endomarketing

Con el auge de las distintas formas de realizar marketing, y la locura que produce atraer clientes nuevos con tácticas y estrategias desarrolladas por los expertos de las empresas, las cuales siempre están concentradas en todos los factores externos que influyen en la consecución de prospectos, se deja un poco a un lado el cliente más importante para la empresa que son los colaboradores, el equipo de trabajo que hace que todo el negocio funcione, es el Endomarketing.

¿Que es el Endomarketing?

Aquí es donde juega un papel fundamental el marketing interno o Endomárketing, que es el conjunto de estrategias y acciones de marketing enfocadas a mejorar la relación y el bienestar interno de los trabajadores y colaboradores de la empresa, para generar pertenencia en el negocio, aumentar la motivación y mejora de productividad.

Todas estas acciones de marketing o iniciativas pueden ser promovidas para la empresa a un nivel general o a un nivel muy especifico en cada uno de los departamentos (si se tienen) como lo son, el de mercadeo, gestión humana, producción, ventas, finanzas, entre otros, todo con el fin de alinear todas las acciones en pro de un mejoramiento ya sea de los procesos, relaciones entre colaboradores, o gestiones administrativas.

blog introcrea que es endomarketing

¿Beneficios del endomarketing?

Implementar estas estrategias en el clima organizacional cuenta con unas ventajas muy importantes en su implementación:

  • Permite cohesionar diferentes secciones de la empresa para caminar hacia un mismo objetivo, lo que supondrá la posibilidad de reducir costes y rentabilizar procesos.
  • Crea un ambiente de trabajo favorable dentro de la compañía, motivando a los empleados e incentivándolos para que sean mucho más productivos y disfruten trabajando.
  • Entrena a los trabajadores para ser más receptivos en futuras campañas de endomarketing, y los hace más propicios a los cambios para que cada vez cueste menos implementar nuevos procesos.
  • Permite hacer una evaluación periódica de los empleados y de los procesos de trabajo, para introducir cambios cuando sea necesario. Así, se mejorará la productividad de la empresa y se incentivará la labor de los trabajadores.
  • Mejora la comunicación entre departamentos, sobre todo entre el de marketing y los otros, de forma que siempre existirá un feedback que permitirá poner en marcha procesos rentables de trabajo.
endomarketing introcrea herramientas

¿Qué herramientas se usan para desarrollarlo?

El endomarketing, al partir del mismo marketing cuenta con las mismas herramientas que se usan para atraer clientes y fidelizarlos, pero al interior de la empresa, lo que puede facilitar la disposición para recibir la información y generar así mismo una acción efectiva.

Por esta razón podemos ver las siguientes herramientas:

Físicas

Al referirnos a herramientas físicas, son  todo tipo de comunicación impresa y de branding usado en el marketing tradicional, para comunicar la iniciativa y los objetivos a cumplir, pueden ser de tipo utilitario o “promocional” para generar la recordación deseada, por lo general esta información se recibe solo una vez debido a su costo de producción.

blog introcrea herramientas físicas endomarketing

Tecnológicas y digitales

Las herramientas tecnológicas comprenden todo tipo de dispositivos y tecnologías disponibles en el ambiente laboral con las que el equipo de trabajo interactúa cotidianamente, esto permite enviar mensajes en diferentes formatos visuales para generar una mayor recordación e impacto, y lo más importante, genera métricas y estadísticas para su análisis de efectividad, su costo de desarrollo es menor.

blog introcrea herramientas digitales endomarketing

Eventos

Otra de las herramientas que aportan al endomarketing son los eventos internos como las capacitaciones, cursos, fechas especiales entre otros. Estas facilitan la comunicación de las iniciativas y el involucramiento de todo el equipo de trabajo. Su costo puede ser alto pero genera un buen impacto y recordación.

blog introcrea herramientas eventos endomarketing

Impleméntelo

Ahora sabe por qué el endomárketing es una herramienta fundamental para el funcionamiento y productividad de su empresa y sobre todo de los engranajes que la mantienen funcionando, nos referimos a su equipo de trabajo.

Sabemos que muchas veces el equipo de trabajo genera muy buenas iniciativas pero por falta de apoyo y promoción  adecuada al interior de la empresa no salen a flote ni se ejecutan y esto no tiene por que suceder.

Mantener motivados y “enamorados”  a sus colaboradores con su negocio debe ser una tarea diaria, ya que así mismo ellos transmitirán con sus acciones hacia sus clientes el espíritu y filosofía de la empresa.

Recuerde que en IntroCrea podemos asesorarle en estrategias de Endomarketing que mejoran e impulsan todas sus iniciativas con su equipo de trabajo, para más información haga click aquí

blog introcrea tendencias diseño web

Los 5 Errores De UX Más Comunes Que Cometen Los Diseñadores

Como diseñadores web, estamos constantemente intentando crear una gran experiencia UX y ayudar a los usuarios a llegar a sus metas. En nuestro trabajo diario, usamos muchos tipos de patrones comunes y tendencias. En mi experiencia, he visto cómo esos patrones y tendencias pueden fácilmente dirigir clientes y diseñadores/desarrolladores en la dirección equivocada. No es ningún secreto que de vez en cuando todos nos desviamos un poco con las cosas que parecen verse increíbles. Lo admito, he caído en esas trampas en muchas ocasiones, he optado por crear algo visualmente atractivo y sacrificado la usabilidad para ello. ¿Por qué lo hice? Asumí que un momento wow pasaría y que mágicamente atraería al usuario. Esperé que este efecto wow causaría un largo impacto. El momento solemnizador vino cuando encontré que mis usuarios tenían problemas para comprender la interfaz que había creado y de la cual estaba muy orgulloso. A veces aprendes de las formas más difíciles.

blog introcrea tendencias diseño web

La lección que aprendí fue que para evadir un viaje muy movido para nuestros usuarios, siempre debemos preguntarnos qué es lo que está debajo de la brillante superficie de la interfaz de usuario que estamos creando. Vale la pena detenerse antes de encariñarse con cualquier patrón o tendencias y pensar en el valor que proveen. Como Kate Rutter brillantemente dijo, “feo pero útil triunfa sobre bonito pero sin sentido”.

Por favor, no me malinterpretes –– no estoy sugiriendo que no deberíamos hacer que las cosas sean hermosas, estoy sugiriendo que deberíamos concentrarnos en hacer cosas hermosas y usables. La clave con patrones y tendencias es encontrar un balance entre qué se ve bien y el valor detrás de ello.

En este artículo, listaré varios y comunes errores de UX que veo todos los días. Si bien no son todos malos, por decirlo de alguna forma, pueden ser peligrosos si no se implementan con cautela. También compartiré un poco de información en cómo puedes mejorar la usabilidad cuando implementas esas tendencias o incluso sugerir una solución alternativa. Sin nada más que agregar, miremos la lista.

Error Común #1: Encabezados Grandes Y Fijos

Vemos más y más encabezados grandes y altos––bloques marcados y menús que tienen una posición fija y toman una gran y significativa parte de la ventana de visualización. Se pegan a la parte superior y muchas veces bloquean el contenido debajo de ellos. He visto encabezados en sitios web de gran producción que tienen más de 150 píxeles de altura, pero ¿hay valor real detrás de ellos? Puede que esté forzandolo un poco, pero encabezados fijos y grandes me recuerdan a los temibles y ahora antiguos marcos de HTML. ¡Uf!

Elementos fijos pueden tener beneficios reales, pero por favor ten cuidado cuando estés lidiando con ellos – hay un número de cosas importantes para tener en cuenta. Cuando se implementen encabezados fijos, ten en cuenta un par de errores comunes que quieres evadir como sea posible:

Muy Grande Para Ser Cómodo

Si la decisión de diseñar un encabezado fijo y grande ya se ha tomado, realiza algunas pruebas para averiguar si ‘grande’ es ‘demasiado grande’. Asegúrate de no exagerar y poner mucho contenido en el encabezado, lo cual resultará en un elemento demasiado alto. Con el encabezado fijo en su lugar, navegar debería ser algo cómodo y rápido de hacer para tus usuarios. Si tienes dudas en cuanto al tamaño real del encabezado, intenta hacerlo más pequeño sin sacrificar demasiado del atractivo visual y la presencia de marca. Al fallar en encontrar un buen balance podría resultar en una experiencia claustrofóbica para tus usuarios y dejar muy poco espacio para el contenido central.

El año pasado, he estado trabajando en un proyecto donde el cliente insistió tener una navegación fija en la versión de escritorio. Incluso cuando la barra no era especialmente alta, temí que algunos usuarios podrían sentirse claustrofóbicos por sentirse encerrados. Mi solución fue simple––al darle a la barra de navegación un poco de transparencia usando CSS, los usuarios podían ver a través de la barra, lo cual hacía que el área de contenido pareciese más grande. A continuación, una pequeña porción del código de CSS, ¿por qué no intentar y ver si también funciona para ti?

Este ejemplo lo encontré por ahí cuando recientemente me topé con la página del perfil de ATP de Roger Federer.

blog introcrea tendencias diseño web header

Su encabezado fijo tiene una altura de unos 110px, y cuando te desplazas hacia abajo, una sub navegación aparece, haciendo que el encabezado tenga 160px de alto. Eso es más del 30% de la altura de la página entera de mi MacBook Pro con el dock abierto.

No Arreglar El Problema En Mobile

De seguro muchos usuarios usarán una pantalla bastante grande y los menús fijos podrían ser una ventaja en resoluciones grandes, pero ¿qué sucede con resoluciones más pequeñas y el mundo mobile? Ten en cuenta que una porción significante de tus usuarios usarán un dispositivo con una resolución pequeña, así que para mobile la opción position: fixed probablemente no sea la mejor solución. Por suerte, técnicas responsive nos permite diseñar una solución diferente y quedarnos con el encabezado fijo sólo para resoluciones grandes. La aproximación de ‘mobile-first’ nos dará muchas de las respuestas––comienza con la resolución mobile, sólo con el contenido esencial, y sigue desde ahí.

Coffee with a Cop tiene también un encabezado fijo, pero más pequeño – menos de 80 píxeles.

blog introcrea tendencias diseño color

Se puede decir que es una buena solución en resoluciones grandes, porque permite una navegación fácil y rápida. En resoluciones pequeñas, el encabezado está fijo y toma una considerable cantidad de espacio en la pantalla del dispositivo. Recomendaría no usar un encabezado fijo en mobile y en cambio, usar un icono hamburger fijo, lo cual podría abrir un menú cuando se le hace tap. Aunque este patrón no resuelve un problema universal, libera una gran cantidad de espacio. En smartphones y tablets, el espacio puede ser muy preciado.

Error Común #2: Tipografías Delgadas

Las tipografías delgadas parecen estar en todos lados––numerosas apps nativas para mobile y websites modernos. Con la tecnología de las pantallas avanzando y un rendering mejorado, muchos diseñadores están optando por usar tipografías finas o delgadas en sus diseños. Son elegantes, frescas y novedosas. Sin embargo, tipografías delgadas pueden afectar a la legibilidad y convertirse en un gran problema. Ten en cuenta que no todos estarán viendo tu sitio web en un monitor que renderice la tipografía como debiera. Por ejemplo, me he dado cuenta que la tipografía delgada es muy difícil de leer en mi iPhone e iPad con retina display. Antes de pensar en cómo se ve y siente una tipografía, demos un paso hacia atrás por un segundo.

De las Guías De Interfaz Humana de Apple:

Sobre todo, el texto debe ser legible. Si los usuarios no pueden leer las palabras en tu app, no importa qué tan hermosa sea tu tipografía.

Apple se refiere a apps mobile, pero el mismo principio se puede aplicar a todos los sitios web. Como Colm Roche dijo, legibilidad ≠ opcional, pero necesaria para buena usabilidad. No tiene sentido poner contenido en un sitio web si la gran mayoría de tus usuarios apenas puede leerlo, ¿no crees?

A continuación, los errores más comunes que querrás tener en cuenta antes de poner a tu tipografía a dieta:

Usar Tipografía Delgada Porque Sí

Como con cualquier tendencia, es peligroso hacer o usar algo porque otros lo hacen. Las tipografías deberían no sólo verse bien. Primero que nada, deberían ser legibles y ser un trampolín a una buena usabilidad. La decisión de usar tipografía delgada sólo porque se ve bien está destinado a resultar contraproducente. En esta excelente charla, More Perfect Typography, Tim Brown habla sobre el punto óptimo donde la tipografía canta. Este punto óptimo es una combinación de tamaño, peso y color donde pones las bases de tu sitio web.

Para asegurarte de que encuentres una buena tipografía para el cuerpo de tu contenido que llegue a ese punto óptimo, realiza algunas pruebas en diferentes ambientes. Lo cual nos lleva al siguiente error que vale la pena evadir:

No Probar La Legibilidad En Los Principales Dispositivos

La tipografía delgada podría verse bien en tu pantalla y podrías no tener complicaciones para leerla, pero ten en cuenta que tú no eres tu usuario. Invierte en pruebas de usabilidad para averiguar si tus usuarios reales están felices con la tipografía en los dispositivos principales: computadoras de escritorio, laptops, tablets y smartphones. Mientras haces más pruebas en mobile, haz que tus participantes usen tu sitio web en dispositivos mobile a la luz del día––tus usuarios reales no siempre tendrán condiciones ideales para navegar tu sitio web. Si tienes que leer algo en un dispositivo mobile en un día con mucho sol, probablemente sabes lo difícil que es. Si decides usar una tipografía delgada en tu sitio web, hay una forma simple de adaptarla para usuarios mobile. A continuación, una solución que recientemente vi en un sitio web:

blog introcrea tendencias diseño

Oak hace un buen trabajo adaptándose a las necesidad de sus usuarios––en la resolución de escritorio, su encabezado H1 tiene una tipografía muy delgada. Como el encabezado es grande y tiene un buen contraste de color, sospecho que la legibilidad no sufre. En mobile, donde el tamaño del encabezado es significativamente más pequeño, el peso es apenas más grueso, lo cual ayuda a la legibilidad. Claramente, han encontrado problemas con la legibilidad en cuanto a tipografías delgadas se refiere en tamaños pequeños e implementaron un peso de tipografía mayor a través de media queries. Su solución fue simple pero muy efectiva.

Error Común #3: Bajo Contraste

El bajo contraste se ha convertido una tendencia en el diseño de interfaz de usuario en los últimos años. Ya hemos hablado de tipografías, las cuales crean un contraste bajo, pero hay una mayor trampa en la cual podrías caer: una combinación de tipografía delgada con un contraste de color bajo hará que tus usuarios rasquen sus cabezas y piensen ¿hemos perdido la cabeza?. Por supuesto, no todos los bajos contrastes son malos, incluso puede añadir algo al atractivo visual si diseñas con cuidado. Pero en el caso con todos los errores de UX, es importante no exagerar y pensar en la usabilidad.

Un par de grandes errores que querrás evadir mientras tratas con contraste son:

Bajo Contraste De Color En El Cuerpo Del Contenido

Si bien el bajo contraste en el color no es exclusivamente malo, puede tener un mal impacto en la usabilidad de tu sitio web y hacer que el texto sea muy difícil de leer para alguno de tus usuarios. Si este artículo te inspira a incrementar el contraste de color en al menos una sola cosa, haz que dicha cosa sea el contenido del cuerpo. Es probablemente el área menos favorable con la cual experimentar.

Cool Springs Financial usa una variante delgada de Helvetica para el texto del cuerpo del contenido. Y si bien se ve elegante y contribuye a complacer a los usuarios desde un punto de vista estético, es difícil de leer en numerosas plataformas.

blog introcrea tendencia diseño

Hice una prueba rápida en una MacBook Pro con retina display, al igual que en un iPhone e iPad con retina display. La captura de pantalla es de mi MacBook Pro lo cual revela problemas de contraste y legibilidad. Me costó mucho leer el texto del sitio web en todos mis dispositivos. ### No Probar El Contraste

Considera hacer un poco de pruebas de usuario para evadir problemas al final del camino. De por sí, ya escucho a algunos de mis clientes y colegas decir “Bojan, pruebas de usuario consumen mucho tiempo y son costosas”. Pueden serlo, pero lo que realmente no toma es demasiado tiempo para probar el contraste de tu sitio web. Comienza con el contenido del cuerpo y luego ve probando hacia arriba. Hay una buena herramienta llamada Colorable con la cual puedes poner un contraste de texto correcto de acuerdo con las líneas guías de accesibilidad de la WCAG. Una vez que sabes que estás usando el contraste correcto, ajusta otros colores en tu sitio web y realiza pruebas de usuario rápidas para asegurarte que la mayoría de tus usuarios tendrán una experiencia libre de dolor. Dudo que el bajo contraste cause una rebelión, pero podría frustrar a muchos de tus usuarios.

Error Común #4: Apropiación De Desplazamiento

Otra tendencia que estamos viendo mucho últimamente es la apropiación del desplazamiento. Los sitios web que implementan esta tendencia toman el control del scroll (usualmente con JavaScript) y sobreescriben una función básica en el navegador web. El usuario ya no puede controlar el desplazamiento de la página y no puede predecir su comportamiento lo cual puede fácilmente llevar a la confusión y frustración. Es un experimento arriesgado que podría dañar la usabilidad, así que aconsejo mucho cuidado.

Si estás convencido en implementar esto, deberías intentar evadir el siguiente error:

Algunos sitios web pueden escapar con tomar el control del desplazamiento, pero no garantiza que tu sitio web pueda hacerlo también. Las tendencias y patrones no pueden ser seguidos a ciegas e implementados. Por ejemplo, estamos viendo muchos diseñadores seguir lo que hace Apple con su sitio web y control del desplazamiento entre página y página, efectos parallax e imágenes de alta resolución de varios dispositivos. Apple tiene sus propias razones, sus propios usuarios, conceptos y contenido único. Y como todo sitio web tiene problemas únicos, también debe tener soluciones a medida para estos problemas.

No Hacer Pruebas Con Usuarios Reales

Para evadir problemas cuando tomamos prestadas ideas o patrones, hay que asegurarse de probar los prototipos de tu sitio web con tus propios usuarios. Pruebas de usabilidad simple revelarán si la implementación del desplazamiento controlado es viable o no. Probar esto seguramente responderá muchas preguntas y proveer pistas de cómo puedes mejorar tu idea. Sin pruebas, no tendrás forma de saber qué dirección tomar y desarrollar sitios web basados en suposiciones muchas veces cuestan demasiado más adelante.

Tumblr utiliza esto en su sitio web. Si bien su implementación podría también ser riesgosa, parece que entienden a su audiencia, su contenido y concepto lo apoya, y que han satisfecho muchas de las necesidades de sus usuarios. Cuando un usuario intenta ir hacia abajo, el scroll es controlado por el sitio web, pero el usuario es luego llevado a la siguiente sección del sitio web. El contenido se divide en muchas secciones o bloques, los cuales son fáciles de distinguir y grandes puntos indicadores se fijan a la derecha del viewport. Como resultado, el home se siente como un gran carrsuel del cual tú tienes el control, en vez de que sea un sitio web experimental con mente propia.

Error Común #5: Carruseles No Efectivos

Los carruseles son muy común en la web, y lo han sido por mucho tiempo. Si bien son efectivos, también pueden ser una pesadilla si no se diseñan y desarrollan con cuidado. La pesadilla para tus usuarios podría ser el hecho de que están teniendo problemas para entenderlo. La pesadilla para ti podría ser el hecho de que tus usuarios no están viendo el contenido importante en algunos de los slides del carrusel.

Los carruseles sin contenido de importancia: no es la forma más efectiva de usar el espacio en tu sitio web

blog introcrea tendencias diseño

Muchos carruseles que he estado viendo tienen desventajas similares. Algunas de ellas son:

Falta De Valor Real Para Los Usuarios

¿Cuál es el valor real que ofrece el carrusel para tus usuarios? Si se hace bien, un carrusel debería entablar una conección con tus usuarios y ayudarlos a completar sus metas rápidamente y sin dolor. Muchas veces veo carruseles que pueden no proveer valor adicional, pero parecen ser simples decoraciones. A continuación, un rápido examen que puedes hacer: toma un post-it y escribe tres beneficios que el carrusel puede ofrecerle al usuario. Si fallas en pensar en tres, entonces hay una gran chance de que tu carrusel necesite más trabajo.

Demasiados Ó Muy Pocos Slides En El Carrusel

Muchos slides podrían tener un efecto negativo en los usuarios y simplemente podrían elegir ignorar el carrusel. El gurú de la usabilidad, Jakob Nielsen, sugiere lo siguiente:

Incluye cinco o menos slides dentro del carrusel, porque es poco probable que los usuarios entablen conexión con más que eso. Si bien más de cinco podría ser demasiado, menos de tres podría indicar que una mejor solución está siendo bien recomendada. Una de las premisas para una carrusel es el hecho de que necesitas mucho contenido metido en un espacio muy pequeño, pero con sólo dos slides, ¿por qué no mostrar ambos al mismo tiempo y olvidarse de deslizarse para un lado u otro de una vez?

Las flechas de anterior y siguiente e indicadores de slides no son tan obvios y/o accesibles.

Asegúrate de que estás haciendo de tu preciado contenido algo accesible. Información importante en un carrusel podría quedarse escondida si las flechas de siguiente y anterior no son obvias y demasiado grandes para un click cómodo. Oh, y no te olvides del tap – tus usuarios mobile te agradecerán por eso.

A veces, no hay flechas en un carrusel, y el indicador de puntos son links para saltar entre eslides. Recuerda que necesitarás proveer un área para hacer tap que sea agradable, clickeable y grande (recomiendo unos 35x35px al menos). De otro modo, los blancos pequeños llevarán a una práctica de blancos muy frustrante y los usuarios se irán de tu sitio web.

La página web de Fundación Floresta Longo tiene un carrusel de imágenes en el encabezado. Tiene autoplay y se presentan cinco fotografías en los slides. Las flechas de anterior y siguiente son pequeñas y transparentes, lo cual hace que sea difícil de verlas y hacer click o tap en ellas. No hay indicadores para el slide en el que estás y ninguna etiqueta que muestre lo que la fotografía representa. Las imágenes no son links y actúan sólo como decoración. Si bien el carrusel podría tener algo de valor entablando una conexión con el usuario, ciertamente deja mucho que desear.

Conclusión

He listado los errores más comunes de UX en algunas tendencias web actuales. Si tienes implementado o estás pensando en implementar cualquiera de ellas, sinceramente espero que este artículo haya sido de utilidad para ti. Como un [Diseñador UX], usa tu mejor juicio y no tengas miedo de improvisar, pero siempre recuerda tener a tus usuarios en mente.

Siéntete libre de comenzar una conversación aquí debajo. Me gustaría mucho leer sobre tus experiencias, puntos de vista, o sugerencias de cómo hacer las cosas mejor.

Si desea leer el articulo original en Toptal lo puede ver aquí

Cómo construir contenido atractivo para su marca

blog introcrea cabecera contenido

Construir contenido para su público puede llegar a ser un desafío bastante complejo para muchos, incluyéndonos en IntroCrea, sin embargo éste es una de las razones primordiales por las que un sitio se posiciona, y es el contenido de valor.

Pero… ¿Qué es el contenido de valor?.

El contenido de valor es cualquier tipo de contenido, escrito, gráfico o audiovisual que se alimenta constantemente en el sitio web y que tiene un propósito, ya sea de estrategia, informativo, o de recordación (u otros más), siempre va dirigido hacia una meta y el cual los visitantes del sitio web encuentran valioso para solucionar sus dudas acerca de una servicio o producto y así tomar decisiones ya sea de compra o de aprendizaje.

Al construir este tipo de contenido deben tenerse en cuenta unas pautas, que cualquier persona desde su sitio web puede seguir fácilmente y de a poco, ya que el contenido se posiciona orgánicamente, éste contenido que publique gradualmente en su sitio podrá ser visto por el público al que quiere, por eso le aconsejamos:

Emocione

Los recuerdos están atados a una emoción, siempre que cree contenido intente emocionar a sus lectores para que recuerden con facilidad el mensaje

blog introcrea contenido que emocione

Cuente historias

Para hablar de una manera emocionante cuente una historia de la propia experiencia de la marca o con sus clientes.

blog introcrea contenido que atrae contar historias

Use metáforas

Las metáforas son muy poderosas para la creatividad impulsando la creación de contenido, y el cerebro las disfruta.

Sea simple

El cerebro no procesa mensajes difíciles de entender, y por el poco tiempo que existe de lectura en internet hay que crear mensajes simples y poderosos.

blog introcrea contenidos que atraen ser simple

Use contenido gráfico

Crear imágenes, videos e infográficos de alta calidad para reforzar la emoción que se quiere generar,es clave.

Use rostros

El cerebro busca siempre ojos en los rostros, por eso incluir personas en las imágenes las hace más efectivas

blog introcrea contenidos usar rostros

Use color

Los colores tienen significados y generan emociones, escoger muy bien el color genera también la emoción deseada

blog introcrea contenido atrayente usar color

Facilite

Demasiadas opciones confunden  al cerebro, no más de cinco opciones es más que suficiente.

blog introcrea contenido atrayente facilite decisión

Use comparaciones

la primera pieza que el cerebro vé, determina cómo se evalúan las de más, especialmente en promociones.

Títulos

Los juegos de palabras enganchan al cerebro y despierta rápidamente la atención de las personas

Hay que tener en cuenta que en la mayoría de casos estos tips se aplican o no a cada tipo de contenido que se cree, pero por lo menos debe cumplir con uno, siempre teniendo como base el tono y el lenguaje que se haya definido para la marca.

Si desea tener una asesoría sobre la creación de contenido para su empresa y de estrategias de inbound marketing, no dude en contactarnos aquí.