Blog

Las reglas heurísticas de Jakob Nielsen son probablemente las más usadas a la hora de evaluar la usabilidad de un diseño de interfaces. En el artículo de hoy te explicamos en qué consisten exactamente. Pero primero, ¿quién es Jakob Nielsen? Jakob Nielsen es ingeniero de interfaces de usuario y una de las figuras más respetadas en el ámbito de la usabilidad.   Ha trabajado en empresas del sector tan punteras como Bellcore o IBM. En 1997 escribe dos artículos sobre como preparar textos y con pautas de como mejorar la usabilidad. A día de hoy esas pautas o reglas heurísticas se siguen aplicando. ¿Cuáles son las reglas heurísticas de Jacob Nielsen? A pesar de que han pasado ya unas cuántas décadas desde que Jakob Nielsen escribiera sus heurísticas, a día de hoy se siguen utilizando en el diseño de productos digitales. Sus principios para mejorar la experiencia de usuario siguen de actualidad y se siguen aplicando. Las reglas heurísticas 1. Visibilidad del estado del sistema El sistema siempre debe mantenernos informados sobre el estado actual y las acciones a través de señales visuales y comentarios apropiados dentro de un tiempo razonable. Vamos, que el usuario debe de estar informado en todo momento de lo que está sucediendo. Un ejemplo de esto es cuando en WhatsApp enviamos un mensaje. La aplicación nos informa con señales fácilmente interpretables que nuestro mensaje ha sido enviado, recibido, leído y, en el pero de los casos, dejado en visto 😉 2. Coincidencia entre el sistema y el mundo real Hay que hablar el mismo idioma que hablan los usuarios. Es importante usar palabras y conceptos que sean fáciles de entender por parte del usuario. Olvídate de tecnicismos o de jerga que sólo vas a entender tú. Esto sucede cuando buscamos una página que ya no existe y aparece el típico mensaje de error 404 sin ninguna otra explicación. El usuario no tiene porqué saber a que corresponde ese error. Lo ideal es añadir un pequeño texto indicando lo que sucede. 3. Dale al usuario el control y la libertad Todos nos equivocamos. Hay que darle la opción al usuario de volver sobre sus pasos, de cancelar una acción o de elegir otra opción. Imagínate que borras por error un correo importantísimo y tras el microinfarto que te da no lo puedes recuperar de la papelera. Disgustazo al canto innecesariamente. 4. Consistencia y estándares El usuario no tiene que estar todo el tiempo preguntándose qué es lo que tiene que hacer o a dónde irá a parar si clica en ese botón o en aquel link. El esquema de navegación debe ser claro y los elementos deben de serlo también. ¿Qué nos sugiere un pulgar hacia arriba? un like o un me gusta. 5. Prevención de errores El típico más vale prevenir que curar de toda la vida. Es mejor crear diseños que eviten que los usuarios puedan equivocarse que crear buenos mensajes de error. Diseños que eliminen las acciones que pueden conducir a error o acciones que hay que revisar o advertir al usuario antes de que confirme cierta acción. Como por ejemplo cuando escribimos «adjunto» en un correo y se nos avisa de que no hemos adjuntado nada cuando le damos a enviar. 6. Reconocer en lugar de recordar Muchos no recordamos lo que hemos para desayunar esta misma mañana, por lo que obligar al usuario a recordar las pantallas anteriores en un proceso de compra, por ejemplo, es un poquito cruel. No hay que dejarse llevar por el minimalismo y es positivo incluir un recordatorio o resumen de lo hecho hasta ahora en la página. Por ejemplo, en un proceso de compra online en el que en una primera página has indicado tu dirección de entrega y en la siguiente pantalla tienes que incluir los datos de la tarjeta, pero de repente no recuerdas si has puesto que te traigan el producto a casa o la oficina. No está de más poner un pequeño recordatorio de la información de la pantalla anterior en las posteriores. 7. Flexibilidad y eficiencia de uso Podemos encontrarnos con usuarios inexpertos y con usuarios que son auténticos pro. Hay que dar opciones a ambos. Cuando buscamos imágenes en Google, las primeras respuestas a nuestra búsqueda son básicas. Pero existe la posibilidad de realizar una búsqueda más avanzada y utilizar filtros para encontrar imágenes que incluyan un color determinado, por ejemplo. 8. Estética y diseño minimalista No hay que añadir información innecesaria en el diseño. Una cosa es incluir la información básica para una buena comprensión del usuario y otra excedernos. Hay que intentar eliminar el ruido visual y preguntarnos si la información que hemos añadido es útil y necesaria. Si hay algo que no es imprescindible, fuera. La información de relleno puede desviar la atención de la información que sí es realmente importante. 9. Ayuda al usuario a reconocer, diagnosticar y recuperarse de los errores Si se produce algún error hay que expresarlo en un lenguaje sencillo y sin códigos. Lo ideal es precisar el problema y sugerir una solución al usuario. Por ejemplo, al registrarnos en algún sitio debemos crear una contraseña y aparece un error de que no es correcta. A continuación se nos indica el motivo,  no es lo suficientemente segura. El sistema nos sugiere como solucionarlo: con un mínimo de 8 caracteres e incluyendo una letra en mayúscula, por ejemplo. 10. Ayuda y documentación Por muy intuitiva que sea la navegación, nunca está de más incluir información relevante que sirva de ayuda a la hora de realizar alguna acción concreta. Por ejemplo, a la hora de introducir los datos de la tarjeta de crédito para hacer una compra, se nos pide el código de seguridad. Puede que el usuario no tenga claro a que dato se refiere, así que se puede incluir una imagen señalando el lugar donde se encuentra esta numeración en la tarjeta. también podemos incluir un apartado de preguntas frecuentes. Aplicar las reglas heurísticas Como hemos comentado, estas 10 reglas

Más info

Las campañas publicitarias de Halloween son ya todo un clásico por estas fechas. En unos días se celebra esa fiesta que muchos hemos crecido viendo en las películas americanas y que hoy en día, por obra y gracia de la globalización, hemos terminado celebrando en primera persona. Además cada vez con una implicación mayor, ya no solo como una fiesta más a la que nos apuntamos, (¿por qué no?), sino que nos involucramos totalmente y hasta decoramos nuestras casas. Para las marcas esto es maravilloso, ellas también se suben al carro y es una nueva oportunidad para intentar conquistarnos. Hay que reconocer que algunas consiguen crear campañas maravillosas. Hoy te mostramos algunas de las mejores campañas publicitarias de Halloween. McDonalds, Burguer King y Halloween Estas dos empresas competidoras nos han regalado momentos inolvidables a lo largo de los años y lo siguen haciendo. Es muy común las referencias de una hacia la otra en diferentes campañas. Un ejemplo de ello es esta campaña gráfica de Burguer King:                           Con la frase “Ven como un payaso, come como un Rey” , Burguer King entró en batalla frente a su competidor McDonalds. La campaña la completaron con el llamamiento a sus clientes, mediante el cual si acudían a sus restaurantes disfrazados de payasos recibían una hamburguesa Whopper gratis. Para nuestra suerte, la batalla entre estas dos marcas continua a día de hoy. McDonlads por su parte, también suele realizar campañas gráficas muy buenas con motivo de Halloween. Suelen usar su producto, la sencillez e ideas muy originales.                     Guiness y su terrorífico merchandising para Halloween La famosa marca de cerveza llevó su campaña de Halloween un poquito más allá. Creó unos posavasos muy tétricos que semejaban una fantasmal sombra cuando los usabas.                           Con esta iniciativa consiguieron crear bastante expectación y un aumento de ventas, ya que todo el mundo quería conseguir uno de los terroríficos posavasos con forma de sombra que la marca creó para esta fecha. Ikea y la sencillez Dicen que a menudo da más miedo lo que se insinúa que lo que se ve. Ikea debió de pensar lo mismo para crear esta campaña de Halloween en la que la sombra de una de sus sillas parece insinuar la silueta de un fantasma.                         Un concepto sencillo y directo que sin duda, funciona muy bien. Pringles en Halloween Algo parecido utiliza la famosa marca de patatas Pringles. Solo necesita unas cuantas de sus patatas rasgando un fondo negro para que nuestra imaginación eche a volar.                           Absolut Halloweeen La que seguramente sea la marca de vodka más conocida del mundo ha sabido centrar en su botella toda su publicidad gráfica. Años y años lleva Absolut poniendo en el centro de su publicidad a su botella como única protagonista y todavía a día de hoy siguen sorprendiendo sus diseños.                                             Estos son algunos de sus diseños con motivo de Halloween . A nosotros solo nos cabe esperar que cada 31 de octubre sigan sorprendiéndonos. ¡Que paséis un feliz Halloween!

Más info

El branding es el proceso de construcción de una marca y todo lo que eso implica, desde el propio nombre de la misma, hasta los valores que vamos a transmitir a través de ella. En un mundo cada vez más feroz y más competitivo, un buen branding es lo que puede salvarnos del olvido más absoluto frente a otras marcas de la competencia. En el artículo de hoy os contamos en que consiste el branding y la enorme importancia que tiene. Empecemos por el principio: La marca Todos los negocios tienen una marca. Tienen un nombre y unas características que, planificadas o no, forman parte de su esencia. Es decir, cada negocio forma una imagen, y esa imagen y el modo en el que es percibida por los demás es la marca. Sobra decir que no todas las marcas son percibidas de forma positiva, si el trabajo no es bueno o la sensación que transmite el negocio es negativa, los clientes no confiarán en dicha marca y buscarán a la competencia. Ahí es donde entra en juego el branding. Es lo que dará esencia a la marca, un buen trabajo de branding hará que nuestros clientes potenciales nos perciban como realmente deseamos que lo hagan. La importancia del branding El branding es lo que dota de poder a la marca, de ahí su gran importancia. Es lo que establece los valores diferenciadores con respecto al resto de empresas competidoras. Por eso no hay que tomarlo a la ligera y trabajarlo correctamente para conseguir los objetivos deseados. Para este proceso es fundamental hacernos varias preguntas como ¿quiénes somos?, ¿cómo queremos ser percibidos por nuestro público objetivo?, ¿cómo nos ve realmente?, ¿qué queremos conseguir?, ¿dónde queremos llegar?… Las repuestas a estas preguntas marcarán nuestro camino y nuestra estrategia de branding. Elementos fundamentales del branding En ese proceso de construcción de nuestra marca hay una serie de elementos fundamentales: Naming: es lo básico, el nombre de nuestra marca. Es uno de los puntos más importantes en nuestro proyecto de branding, ya que el nombre que elijamos para nuestra marca tiene que expresar quiénes somos, la personalidad de la empresa y sus valores. Identidad corporativa: aquí entra el factor visual, debemos de tener un buen nombre, pero también una buena imagen que vaya acorde con lo que queremos transmitir. Es lo que va a hacer que nos reconozcan y nos diferencien de forma física del resto de la competencia. El diseño, los colores, el logotipo… El posicionamiento: es decir, el lugar que queremos ocupar en la mente de los consumidores. Lealtad de una marca: es lo que todos soñamos, lograr la lealtad y el compromiso de nuestro público. Aquí juega un papel muy importante el factor emocional y lo que como marca, seamos capaces de hacer sentir a los consumidores. Según el tamaño y la complejidad de las compañías, los elementos a trabajar en el campo del branding pueden aumentar, pero cuidar y trabajar a fondo estos factores es fundamental si queremos conseguir nuestros objetivos. Si tienes una empresa y necesitas ayuda para crear tu branding, contacta con nosotros 😉    

Más info

Ya queda poco para finalizar 2018 y desde hace unos meses tenemos en nuestras pantallas las tendencias para el próximo año; diseños funcionales y llamativos a la vista de los clientes. Diseños modulares Tendencia obligada la del diseño a medida y personalizado. Un buen diseño refleja la personalidad del cliente y su identidad, así que para 2019 nos alejamos un poco más de la estandarización. Llegan con fuerza los contenedores de información o diseños modulares tipo “Pinterest”, donde se plantean elementos independientes y se adapta a cualquier dispositivo.   Diseño Hero aparta al slide Cada vez hay más páginas que lo utilizan, son imágenes grandes (adaptado al ancho de la pantalla) que captan la atención y que debido al tamaño se limita a una sola imagen dejando de lado el slide con varias imágenes.   Vídeos a pantalla completa La tendencia es tener vídeos cada vez mejores y este pasará a tener más importancia. Tener un vídeo será muy atractivo para el usuario y a pantalla completa se antepone sobre otros elementos dentro del diseño web. El usuario hace un recorrido con los ojos y debemos facilitar la lectura y hacerla más dinámica. Para ello, podemos utilizar recursos como vídeos o animaciones para que sea más dinámica, llegando a ocupar en muchos casos la pantalla completa.   Cinemagrafías Otro recurso que es tendencia es la cinemagrafía, son fotografías en las que algún elemento tiene un movimiento repetido u ocurre alguna acción. Realmente son vídeos o archivos GIF de alta calidad que se reproducen de una manera continua y automática cada vez que se visita una web. Son imágenes animadas en loop continuo que generamos desde vídeos.   Tipografías grandes, hechas a mano y únicas La tipografía en el diseño web este 2019 será parte fundamental de la composición. Las tipografías dan personalidad exclusiva, y es una gran ventaja para diferenciarse gracias a su uso. Las tipografías de moda en 2019 son cada vez más divertidas, tal como palabras grandes sobre imágenes. Otro tipo de elemento que está muy de moda son las tipografías hechas a mano (handmade). Aunque son tipografías que se vinculan a sectores muy concretos, dan una personalidad, y ayudan a diferenciarse.   Colores brillantes / degradados 2019 será llamativo, divertido y lleno de color. Los colores han tomado carrerilla: gradientes, degradados, fluorescentes… Los principales sitios web confirmaron que a los usuarios web les gustan las combinaciones de colores brillantes y la buena combinación de colores ayuda a captar visitantes. Utilizar degradados en el diseño web aporta frescura y es algo diferenciador del resto.   Diseños orgánicos, oblicuos y geométricos. Secciones en diagonal. Serán una gran tendencia los diseños que se muevan y se desarrollen por la pantalla. Las formas redondeadas y curvas orgánicas serán también populares en 2019, ya que con estas formas atraeremos la atención del usuario y lo llevaremos a las zonas más importantes de la página web. Con todas estas formas combinadas con fotografías, vídeos o ilustraciones tendremos ganado al usuario.   Prioridad en dispositivos móviles El uso de dispositivos móviles frente a la navegación en escritorio ya se ha adelantado. Así que en 2019 los sitios optimizados para dispositivos móviles y el diseño web responsive serán indispensables. La navegación desde del ordenador de escritorio o portátil cae un 3% (estudio de We Are Social 2017). Por el contrario vemos que el uso de dispositivos móviles aumenta un 4%.   Botones fantasma Se lleva el diseño minimalista en combinación con botones transparentes, y no sólo es tendencia, sino también funcionalidad. Este tipo de botones se caracteriza por su fondo transparente, son fáciles de combinar en diseño flat o en composiciones y quedan genial con imágenes de fondo o para llamadas a la acción.   Menú hamburguesa Las funciones móviles, como el menú en hamburguesa oculto son habituales en las páginas web 2019 de escritorio también. Permite ocultar elementos que solo se muestren cuando queramos y un menú web emergente que ocupa toda la pantalla. Atrevido y limpio.   De todas estas tendencias, hay muchas que se están aplicando desde hace un tiempo, pero como todas las modas en diseño tenemos nuestras favoritas. Y tu, ¿cuál es la qué quieres aplicar para estar a la última? o por el contrario ¿hay alguna a la que jamás te unirías?

Más info