Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Diseñando Puntos de Entrada Efectivos en Diseño Web

by
Length:MediumLanguages:

Spanish (Español) translation by David Castrillón (you can also view the original English article)

Crear un "punto de entrada" que invite es importante en cualquier disciplina del diseño, pero especialmente lo es en el diseño web donde los lapsos de atención son tan bajos y los primeros momentos de la visita de un usuario pueden lograr la entrada o hacer que se rompa. Puede que tu meta sea crear una lujosa "Pantalla salpicada" o que estés diseñando una página más tradicional, hay decisiones de diseño sencillas que haces para mejorar la oportunidad de mantener a los visitantes en tu sitio.

En este artículo, describiremos los principios básicos de diseñar un punto de entrada eficaz para tu sitio Web. No discutiremos ningún elemento específico en profundidad; Más bien, examinaremos los principios generales que cualquier diseñador debe tener en cuenta cuando se crea la siempre importante primera impresión de un sitio.


La Gente Juzga los Libros por sus Portadas.

Independientemente de lo que les enseñó su mamá, la gente solo no parece dejar el hábito de juzgar las cosas por sus primeras impresiones. Mientras que un pesimista podría decir que esto es trágico, los diseñadores des libros de todo el mundo se regocijan cada vez que lo escuchan, y tu también deberías!

Los investigadores parecen estar de acuerdo que tienes entre 3 y 5 segundos para captar la atención del visitante. Esta impresión inicial de un sitio web influye mucho en la percepción del visitante del sitio así como en su actitud hacia el contenido de ese sitio. Una página de carga lenta o una molesta pantalla de bienvenida puede sacar a la gente de la página antes de siquiera ver lo que tienes para ofrecer. Además, los sitios que usan anuncios pop-up, ventanas modales, y que hacen que la gente salte a través de otros aros para llegar a la pantalla principal, pueden parecer intrusivos, incluso si el dueño de la web tiene buenas intenciones.

Crear un punto de entrada que realmente sirva para mejorar tus posibilidades de mantener a los visitantes en el sitio no es del todo tan difícil. Lo que sigue son los tres principios de "un buen diseño de punto de entrada" que todos los diseñadores pueden utilizar en su propio sitio, sin importar para lo que la web sea:


Principio 01: Romper las barreras

Considera el punto de entrada de tu sitio como si fuera una vitrina: no obligarías a los visitantes de tu tienda a que se paren y escuchen un discurso de introducción de 30 segundos antes de que puedan comprar; Tampoco les llenarías las manos de publicidad de otras tiendas, suscripciones, encuestas o cualquier otra cosa mientras entran por la puerta. Tu objetivo principal al diseñar una vitrina es simple: hacer que el proceso de compra sea tan sencillo, suave y recto como sea posible. Las mismas reglas se aplican al diseño web: entre menos distracciones ofrezcas a la entrada, mejor será la experiencia que tus visitantes van a tener.

No forzarías a tus visitantes a que se paren y escuchen un mensaje de introducción de 30 segundos antes de que puedan comprar...

Estilo, carácter, marca y personalidad son las cosas grandiosas que tu sitio debe tener, pero si tu sitio falla en hacer que tus usuarios hagan clic en algún lado, incluso el diseño más atractivo, no mejorará el posicionamiento de tu tráfico.

No debería haber nunca una barrera ubicada entre el visitante y lo que están buscando. Ejemplos de barreras incluyen los notorios anuncios pop-up y las pantallas de cargas largas, pero pueden incluir un poco más de otras cosas. Considera una encuesta que invita a los usuarios a compartir su retroalimentación para mejorar el sitio: esto podría parecer como una gran idea superficialmente, pero muchos usuarios verán cualquier cosa que se interponga en su camino, como una razón para abandonar. Recuerda, la web es un enorme lugar - si se le presentan barreras al usuario entre ellos mismos y la información que están buscando, abandonarán rápidamente para buscar otro sitio que esté libre de barreras.

Hay una variedad de razones por las cuales podrías necesitar incluir una barrera. Los sitios que requieren verificación de edad, que requieren plugins especiales, o necesitan que los usuarios especifiquen un país de origen, todos requieren una página como "punto de control" donde los usuarios puedan ser canalizados al lugar correcto. Si tu absolutamente debes incluir una de esos elementos de barreras, asegúrate de que parezca inmaculado; tal como un visitante a nuestra hipotética tienda podría no ingresar si el exterior de la tienda se viera sucia y descuidada, los visitantes al sitio web podrían abandonarlo rápidamente si la pantalla de entrada fuera confusa o los convenciera de que el sitio web no es lo que ellos estaban buscando.


Ejemplo: Coda


Examina la página de inicio de Coda - ofrecen un pequeño puñado de opciones claras, nada más para distraer o confundir al visitante.

Coda es una aplicación de desarrollo web que combina con una amplia variedad de herramientas bajo un mismo techo. Suena complicado (¡y lo es si realmente lo piensas!), pero la página de inicio de Coda siempre ha sido el epítome de la simplicidad. Al limitar la cantidad de información que le dan a los usuarios en la página de inicio, invitan al usuario a A) descargar la app o B) obtener más información. Cualquier elección que haga el usuario, la meta de traerlos al sitio ha sido lograda.


Principio 02: Diseña Puntos de Interés

Un punto de entrada efectivo debería permitirle a los visitantes que rápidamente se orienten a sí mismos en dónde están ahora y a dónde pueden ir. En nuestra vitrina hipotética, esto podría significar dar una visión clara de los demás pasillos en la tienda. En un sitio web, eso puede ser tan simple como diseñar un menú de navegación claro y muy bien organizado. El principio fundamental es permitirle a la gente que revise sus opciones sin confusión o desorden. Incluyendo "pistas de orientación" que ayuden a los visitantes a saber que dónde pueden buscar y cómo encontrar el contenido que están buscando son formas sencillas con las que el diseño puede incrementar la usabilidad de un sitio.

Diseñar puntos de interes no necesita ser complicado; Por el contrario, los puntos de interés en un diseño debería ser simple, con buen espacio, y fácil de reconocer. Empaquetar muchos puntos de interés pueden de hecho quebrar un diseño al sobrecargar al usuario con opciones.

Piensa en tu sitio web como un menú de restaurante: Si una mesera te alcanza un menú que es de 100 páginas de largo, no sabrás por donde comenzar a mirar lo que quieres comer. Si la mesera te alcanza un menú sencillo con 5 o 6 opciones de entradas deliciosas, probablemente podrás de decidir entre momentos (y luego puedes seguir adelante para tener una deliciosa comida).


Ejemplo: Tienda de Música de Itunes


Esta es la tienda de Música para Itunes por Apple. Nota la amplia variedad de opciones que se le presentan al usuario de sólo un vistazo.

El ejemplo de la tienda de música de iTunes es curioso; No hay tareas de diseño más difíciles que tratar de diseñar un catálogo de música que sea atractivo, tanto como para los rockeros, como los amantes del hip-hop y mi propia querida madre. La tienda de iTunes tan sólo hace eso - al diseñar puntos de interés en la página, así como enlaces funcionales al lado derecho, cerca casí a cada tipo de usuario dado o algo de interés - si es gente que busca a un artísta específico o los bucadores casuales que sólo mirar en lo que es nuevo. Estoy seguro de que hay gente a la que no le gusta este diseño por una razón u otra (este es un producto de Apple después de todo), pero es duro discutir sobre la función del diseño aquí.


Principio 03: Diseñar Señuelos Progresivos

Los elementos en la página de aterrizaje de un sitio deberían ser usados para atraer y mover a la gente a través del punto de entrada. Incluyendo elementos que llaman la atención, tales como el slider interactivo de jQuery, que puede poner rápidamente al visitante en la página dentro del sitio invitándolo a que haga clic en un slide en particular. Utilizar titulares atractivos para contenido nuevo o emocionante puede atraer el interés de los visitantes; descompone el contenido en categorías claramente definidas para ayudarle al usuario a que encuentre algo que le interese. El conjunto perfecto de elementos de diseño será diferente para cada sitio, pero considera el contenido que tienes, y diseña tu página de inicio para que destaque ese contenido como si fuera un banquete servido (en oposición a una confusa despensa de ingredientes).


Ejemplo: The Daily Beast


La página de inicio de thedailybeast.com hace un trabajo efectivo en crear un punto de entrada que ofrece un amplio rango de señuelos.

thedailybeast.com es otro animal interesante. Son esencialmente un periódico político - un tipo de sitio que no siempre ha visto los más altos estándares de diseño Pero donde otros tipos de "periódico" online han intentado y fallado, The Daily Beast ha tenido éxito. Lo hacen creando múltiples "puntos de entrada" en el sitio desde la página de inicio. Hay una slider de imágenes, una fuerte "hoja de trucos, múltiples titulares y mucho más. Sea que estés o no de acuerdo con sus textos, es horriblemente difícil no hacerle clic a algo.


Conclusión

Diseñar un punto de entrada efectivo no necesariamente es complicado o difícil. Si puedes romper el mensaje principal de tu sitio en unos puntos sencillos, puedes usar esos puntos como un mapa de ruta para tu diseño. Eliminar las barreras entre los usuarios y el contenido, y ellos naturalmente encontrarán su camino el uno al otro. ¡Deja algunos comentarios abajo!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.