¿Quiere asegurarse de que los visitantes salgan de su sitio web casi inmediatamente después de aterrizar allí? Asegúrese de dificultarles encontrar lo que están buscando. ¿Quiere que la gente permanezca en su sitio web por más tiempo y haga clic o compre cosas? Siga estos 13 consejos de diseño web.
10 habilidades tecnológicas más populares para 2016
¿Estás listo para un año excepcional en TI? Asegúrese de tener estas habilidades en su caja de herramientas.
1. Tenga un logotipo profesional y pulido, y enlácelo a su página de inicio. “Su logotipo es una parte importante de su marca, así que asegúrese de que esté ubicado de manera prominente en su sitio”, dice Tiffany Monhollon, gerente senior de marketing de contenido en el vendedor en línea ReachLocal. “Use una imagen de alta resolución y preséntela en la esquina superior izquierda de cada una de sus páginas”, aconseja. “Además, es una buena regla general vincular su logotipo a su página de inicio para que los visitantes puedan navegar fácilmente a él”.
2.Utilice navegación intuitiva. “Las opciones de navegación principales generalmente se implementan en una barra horizontal [menú] a lo largo de la parte superior del sitio”, dice Brian Gatti, socio de Inspire Business Concepts, una empresa de marketing digital. Proporcione “opciones de navegación secundarias debajo de la barra de navegación principal, o en el margen [izquierdo] del sitio, conocido como la barra lateral”.
¿Por qué es tan importante la navegación intuitiva? “Los diseños de navegación confusos provocarán que las personas abandonen una página en lugar de tratar de resolverla”, dice Gatti. Entonces, en lugar de poner enlaces a páginas menos importantes, que restan valor a su llamado a la acción o información principal, en la parte superior de sus páginas de inicio o de destino, coloque “enlaces o piezas de información menos importantes en la parte inferior de una página en el pie de página. ”
[ Relacionado: 6 formas de agregar redes sociales a su diseño web ]
3. Deshágase del desorden. “Es muy fácil en estos días estar sobrecargado visualmente con imágenes, hasta el punto en que nuestros cerebros dejan de procesar información cuando se enfrentan con demasiadas opciones”, explica Paolo Vidali, estratega senior de marketing digital de DragonSearch, una agencia de marketing digital.
Para mantener a los visitantes en su sitio, “asegúrese de que las páginas no tengan llamadas a la acción o desorden visual [p. Ej., Muchos gráficos, fotografías o gifs animados] que alejen a los visitantes de la parte más importante de la página”. Para mantener el desorden en las páginas de destino, “considere limitar los enlaces y las opciones en el encabezado y pie de página para reducir aún más el enfoque”, dice.
Otro consejo para simplificar las páginas: “Mantenga los párrafos cortos”, dice Ian Lurie, CEO de la empresa de marketing en Internet Portent, Inc. “En la mayoría de los sitios web, un solo párrafo no debe tener más de cinco a seis líneas”.
4. Dé a los visitantes espacio para respirar. “Cree suficiente espacio entre sus párrafos e imágenes para que el espectador tenga espacio para respirar y sea más capaz de absorber todas las características que su sitio y su empresa tienen para ofrecer”, dice Hannah Spencer, diseñadora gráfica, Coalition Technologies, un diseño web y en línea. agencia de mercadeo.
“Controlar el espacio en blanco a través del diseño mantendrá a los usuarios enfocados en el contenido y controlará el flujo de usuarios”, agrega Paul Novoa, fundador y CEO de Novoa Media. “Con mucha competencia visual en la Web y en los dispositivos móviles, menos es más. Controlar los espacios en blanco mejorará la experiencia del usuario, aumentando los retornos del sitio web”.
5. Usa el color estratégicamente. El uso de “una paleta de colores en su mayoría neutral puede ayudar a su sitio a proyectar una apariencia elegante, limpia y moderna”, dice Mark Hoben, jefe de diseño web de Emergencia, la división de viajes de negocios del grupo Expedia, que también cree en el uso inteligente del color. . “El uso de pequeños guiones de color, para titulares o gráficos clave, ayuda a guiar a los visitantes a su contenido más importante”, explica.
También es importante utilizar una paleta de colores que complemente su logotipo y sea coherente con sus otros materiales de marketing.
6. Invierta en buena fotografía profesional. “Los visitantes del sitio web pueden oler fotos genéricas en un segundo, y se quedarán con una impresión genérica de su empresa”, advierte Zane Schwarzlose, director de relaciones con la comunidad, Fahrenheit Marketing. “Su empresa no es genérica. Muestre eso a sus visitantes invirtiendo en fotografía profesional”.
“Recomendamos encarecidamente que nuestros clientes inviertan en fotografía profesional o compren fotos profesionales”, dice Gatti. Las buenas fotografías “atraen la atención, proporcionando una conexión emocional con el contenido escrito”. Por otro lado, las fotografías de baja calidad o las fotografías que no tienen nada que ver con su mensaje son peores que no tener fotografías.
Consejo de fotografía adicional: “Si desea llamar la atención sobre un contenido en particular o un botón de registro, incluya una foto de una persona que mira el contenido”, sugiere Elie Khoury, cofundador y CEO de Woopra, que proporciona a los clientes en tiempo real y análisis de visitantes. “Inmediatamente nos sentimos atraídos por los rostros de otros humanos, y cuando vemos esa cara mirando ‘algo’, nuestros ojos también se sienten instintivamente atraídos”.
7. Elija fuentes que sean fáciles de leer en dispositivos y navegadores. Al elegir las fuentes, tenga en cuenta que las personas mirarán su sitio web no solo en una computadora portátil, sino también en dispositivos móviles. “Algunas fuentes a gran escala pueden leerse bien [en un monitor de computadora], pero no escalar o renderizarse bien en dispositivos móviles, perdiendo la apariencia deseada”, explica Novoa. Así que aconseja usar una fuente universal.
“Elija un tipo de letra que pueda leerse fácilmente y su tamaño no sea inferior a 11 puntos”, dice Ethan Giffin, CEO de Groove Commerce. “Si está utilizando fuentes web, intente utilizar no más de dos familias de fuentes para garantizar tiempos de carga rápidos”, dice.
“Si está utilizando un diseño de ancho fijo, use un tamaño de fuente que permita un máximo de 15 a 20 palabras por línea”, agrega Lurie. “Si está utilizando un diseño fluido, use un tamaño de fuente que permita de 15 a 20 palabras por línea con un ancho de 900 a 1000 píxeles”.
8. Diseñe cada página como una página de destino. “La mayoría de los sitios web tienen un diseño que asume que un usuario ingresa a través de la página de inicio y navega en el sitio”, dice Michael Freeman, gerente senior de Search & Analytics, ShoreTel, Inc., que proporciona VoIP alojado, servicio de PBX en la nube y sistemas telefónicos comerciales. . “Sin embargo, la realidad es que la mayoría de las visitas para la mayoría de los sitios comienzan en una página que no es la página de inicio”, dice. Por lo tanto, debe diseñar el sitio de tal manera que, sea cual sea la página en la que llegue un visitante, haya información clave.
9. Respeta el pliegue. Cuando se les preguntó por sus mejores consejos de diseño, casi todos los diseñadores web CIO.com – Noticias de tecnología, análisis, blogs, video consultado dijeron de inmediato: Ponga su llamada a la acción en la parte superior de su sitio web, junto con su número de teléfono y / o dirección de correo electrónico (si desea que los clientes lo llamen o le envíen un correo electrónico). Con respecto a las imágenes de la página de inicio, “recomiendo ir contra los controles deslizantes de ancho completo y alentar a los controles deslizantes o configurar imágenes que cubran dos tercios del ancho permitiendo que un formulario de contacto esté por encima del pliegue”, dice Aaron Watters, director de Leadhub, un sitio web Empresa de diseño y SEO.
10. Utilice un diseño receptivo, que se adapta automáticamente a la forma en que se ve el sitio. “En lugar de desarrollar un sitio para cada dispositivo, un sitio receptivo está diseñado para adaptarse al tamaño del navegador”, lo que mejora la experiencia del usuario, dice Jayme Pretzloff, director de marketing en línea de Wixon Jewelers. Y una mejor experiencia de usuario generalmente se traduce en más tiempo dedicado a su sitio y mayores tasas de conversión.
11. Olvídate de Flash. “Gracias en parte a la disputa en curso entre Adobe y Apple, los días de Flash como estándar de Internet están llegando a su fin lentamente, entonces, ¿por qué quedarse en el carro cuando hay otras opciones que son mucho más amigables para la Web y para el usuario?” pregunta Darrell Benatar, CEO de UserTesting.com. En cambio, usa HTML5, dice. “HTML5 está ganando más soporte en la Web, con texto amigable para los motores de búsqueda y la capacidad de funcionar en muchos de los sistemas operativos móviles más populares sin requerir un complemento. No se puede decir lo mismo de Flash”.
12. No se olvide de los botones “El botón ‘Enviar’ o ‘Enviar’ en la parte inferior de un formulario web puede ser la parte más fea de un sitio web”, dice Watters. Por lo tanto, alienta a los diseñadores a hacer botones de envío de formularios “para que los visitantes atractivos no puedan evitarlo. Solo tienen que hacer clic en él”. Además, “cuando un visitante se desplaza sobre su botón de envío, debe cambiar el color, el degradado, la opacidad o el tratamiento de la fuente”, dice.
13. Prueba tu diseño. “Ya sea que esté probando diferentes ubicaciones para una llamada a la acción o incluso probando diferentes tonos de un color, la optimización del sitio web puede tener un gran impacto en sus resultados”, afirma Lindsey Marshall, directora de producción, Red Clay Interactive, un interactivo de Atlanta. agencia de mercadeo. “Un gerente de experiencia de usuario en Bing comentó una vez que Microsoft generó $ 80 millones adicionales en ingresos anuales simplemente probando e implementando un tono específico de azul”.
Espero que esto haya ayudado.