La primicia REAL sobre la creación de un sitio web de aspecto profesional

Tiene aproximadamente siete segundos para convencer a un visitante de que vale la pena quedarse en su sitio web. Si tiene un problema con el tráfico de rebote, le guste o no, probablemente sea hora de mirar su sitio web con frialdad, ya que ALGO está haciendo que sus visitantes se dirijan a las colinas inmediatamente después de aterrizar allí..


¿Es tu copia? ¿Son tus gráficos? ¿Es el diseño general? ¿Son los tres? Solo hay una forma de averiguarlo.

Da un paso atrás y mira bien para que puedas inclinar la balanza a tu favor nuevamente. Después de todo, ¿REALMENTE desea seguir perdiendo ante sus competidores? Si no, sigue leyendo.

Conceptos básicos de diseño web

La incómoda verdad es que su sitio web es un reflejo directo de la calidad del negocio, servicio o individuo que representa. El diseño básico de su sitio puede alertar inmediatamente a un visitante sobre si un aficionado lo creó o un profesional.

Las fuentes, el diseño del diseño del contenido e incluso los esquemas de color pueden gritar que su cuñado, que está bien versado en la creación de sitios de Blogspot, creó su sitio web más reciente. Si desea aumentar su presencia profesional en el espacio digital, estas son algunas de las mejores prácticas básicas en las que desea centrarse.

Mantenga diseños simples

No necesita atascar tantas columnas o marcos como sea posible en una página. Se ve torpe y poco atractivo. Es más probable que un diseño simple obtenga una respuesta y no requiera que los visitantes se desplace hacia los lados para ver la página completa. Un buen diseño básico para comenzar es un diseño de tres columnas. Es fácil para los visitantes escanear y encontrar rápidamente lo que están buscando en su sitio.

Abrace las fuentes fáciles de leer

Una de las características de un sitio de aspecto profesional es que es fácil de entender. Una vez que determine un buen color para el texto, mire su fuentes y tamaños de fuente. Verifique su sitio en diferentes dispositivos. Es importante usar una fuente que muestre lo mismo para las plataformas más utilizadas.

Sus visitantes deberían disfrutar de una experiencia de visualización de su sitio a través de dispositivos móviles tanto como en una computadora de escritorio. Una buena fuente para usar es cualquier fuente serif (las que tienen las pequeñas etiquetas en los extremos de las letras) para texto más grande como los titulares. Las fuentes sans serif (sin las pequeñas etiquetas) son algunas de las fuentes más fáciles de leer en cualquier pantalla.

Use tamaños de gráficos apropiados

Si bien es importante utilizar los mejores gráficos que se ajusten a su contenido, también debe mantenerlos pequeños para una carga rápida y limpia. Recuerde, cuanto más grande es la imagen, más lenta es la página..

Centrarse en la consistencia de la marca.

La marca es el sello distintivo de un sitio web profesional. Asegúrese de que su logotipo y lema estén claramente visibles en cada página. Este es el paso básico básico para familiarizar a los visitantes con su marca y su mensaje..

Incluir términos claros

Asegúrese de que su sitio incluya una política de privacidad, términos de servicio y también cualquier otro aviso especial que le interese a sus visitantes. Sea lo más transparente posible con lo que hace su sitio con la información del visitante, incluso si no hace nada.

Elementos de buen diseño web

Hay factores muy básicos que todos los sitios web de aspecto profesional tienen en común, y es mucho más que tener un diseño limpio y buenos gráficos. El uso de las mejores prácticas de diseño dará como resultado un sitio creado para complacer tanto a los visitantes como a los motores de búsqueda..

Centrarse en la navegación.

Cuando diseñe la navegación, manténgala limpia y directa. Lo principal que sus usuarios querrán de su navegación es un marco que les diga dónde están y les brinde una opción fácil para volver a la página de inicio. Coloque su menú de navegación en un lugar común, como cerca de la parte superior o la barra lateral.

Compartir información de contacto

Cuantas más formas muestre a los usuarios que pueden ponerse en contacto con usted, más comodidad tendrán para interactuar en línea con su empresa u organización. Agregue su dirección física si tiene una conectada con el sitio. Además, es conveniente que sus visitantes tengan un formulario de contacto para completar.

Maximizar la información del pie de página

Un pie de página es un excelente lugar para poner enlaces y otra información útil para los usuarios. También puede usar el pie de página para elementos de diseño que pueden no tener un lugar en el diseño más arriba en la página. Muchas compañías ponen su información de contacto físico en una parte del pie de página.

Use estilos apropiados para botones

Los ojos de sus usuarios aprenderán rápidamente el diseño de los botones de su sitio y los buscarán como elemento de acción en su diseño. Asegúrese de que los botones utilizados para la navegación sean coherentes en todo el sitio.

Di quien eres

Haga que su página “Acerca de” sea informativa y atractiva. Mostrar entusiasmo. No solo des los hechos secos. Este es el lugar para saber quién es usted y cuál es la misión de su empresa u organización. Las imágenes de las personas involucradas le darán a la página, aún más, personalidad.

Abraza el espacio en blanco

El espacio en blanco no tiene que ser blanco. Esencialmente es simplemente “espacio para respirar” básico en una página. Es un área donde no hay texto, imágenes o gráficos. Esto lo encuentras a menudo en sitios de diseño plano desarrollados profesionalmente.

El sitio de Amazon es un buen ejemplo de cómo funciona esto. Cada página tiene una gran cantidad de información que transmitir, pero ninguna de ellas es abrumadora debido al uso inteligente del espacio en blanco..

Facilite la búsqueda de información.

Los visitantes que regresan pueden querer localizar la información que vieron antes. Facilítelos con una función de búsqueda. Use un cuadro de búsqueda transparente que se combine con su diseño. La ubicación más común está en la esquina superior derecha del sitio..

Mejores prácticas de diseño web para un gran sitio web

No es ningún secreto que los elementos de diseño han evolucionado a lo largo de los años, pero una cosa es segura: no puede equivocarse con un diseño de sitio que sea simple. El diseño web profesional no se trata solo de controles deslizantes o de las últimas novedades. Se reduce a la facilidad de navegación y la capacidad de respuesta tanto del sitio como de los elementos del sitio..

Centrarse en la coherencia de la página

Su diseño debe permanecer igual en todo su sitio. No azotes diseños de página sorpresa en tus usuarios. Está bien pasar de tres columnas a una sola en las páginas de llamado a la acción, pero asegúrese de que la navegación, los pies de página y otros elementos permanezcan consistentes, para que los usuarios nunca se sientan “atascados” en una página.

Balancear el uso del color

Es tan importante ajustar los colores en su diseño como elegir una paleta de colores complementaria.

Organiza tu contenido en categorías

Las categorías son excelentes tanto para humanos como para motores de búsqueda. Mantente lo más organizado posible con tu contenido. También es una buena idea colocar un elemento de navegación en la barra lateral para que un visitante que solo quiera ver una categoría particular de productos o información pueda hacerlo con un solo clic.

Asegúrese de que su sitio sea accesible para todos

Asegúrese de optimizar su sitio web para todos sus visitantes. Debe admitir funciones para personas con discapacidades, así como funciones que muestren las últimas imágenes de alta resolución..

Spring para el certificado SSL

Si recopila información de pago, obtenga un certificado SSL para su sitio. Es un proceso corto y ayuda a proteger a sus visitantes cuando realizan una transacción en su sitio. Es poco profesional y definitivamente no está dentro del ámbito de las buenas prácticas web pedirle a alguien que ingrese la información de su tarjeta de crédito en un entorno no seguro.

Tendencias de diseño web

Debido a que hay tantas plataformas diferentes para construir un sitio web, el espectro de diseños realmente se ha abierto. Los diseños planos y semi-planos se están volviendo más comunes en los sitios profesionales, así como en los sitios de arranque, ya que este tipo de diseños ayudan a satisfacer la creciente demanda de sitios web receptivos que se ajustan a cualquier tipo de dispositivo en el que se muestre el sitio..

Aquí hay algunas cosas clave a tener en cuenta:

El diseño plano se carga más rápido de todos

Muchas compañías importantes han cambiado a diseños planos y semiplanos ya que se cargan más rápido. El diseño plano es exactamente lo que parece Parece plano, sin características tridimensionales.

Otras características distintivas del diseño plano son los bordes nítidos con un sombreado mínimo o nulo. Un sitio de carga rápida no solo se verá más profesional, sino que también mantendrá a sus visitantes en la página hasta que completen la acción deseada.

Asegúrese de que su sitio sea receptivo

Esto es algo que no puedes pasar por alto. Al determinar dónde se ubica un sitio web, Google ahora penaliza los sitios que no son aptos para dispositivos móviles. Por lo tanto, si desea clasificarse bien, debe ser móvil. Es imprescindible que se asegure de que el diseño que utiliza se muestre de manera adecuada, según el dispositivo utilizado para acceder a su sitio.

Usa tarjetas para navegar

¿Has visto Pinterest? Basa sus pines en un elemento de diseño comúnmente llamado tarjetas. El uso de tarjetas con imágenes de alta calidad en su navegación crea una página limpia y profesional que atrae a los visitantes.

Esto es especialmente atractivo para las páginas de productos o servicios, o cuando tiene muchos artículos o contenido que desea organizar. Use imágenes atractivas y tendrá espacio en la tarjeta para escribir un título y tal vez incluso un pequeño texto para atraer un clic.

Crear contenido ganador

Un sitio profesional no pica contenido. En cambio, cada palabra en la página está ahí para un propósito. No hay relleno. No hay pelusa. ¡Y ciertamente NO hay relleno de palabras clave! Un sitio de aspecto profesional puede transferir resmas de información sin sobrecarga de información. Haga un inventario de cada bloque de contenido en su sitio. Asegúrate de que tenga un propósito.

Usa imágenes de héroes al máximo

Un sitio de aspecto profesional le dirá al visitante en términos inequívocos de qué trata realmente el sitio. Una forma de lograrlo fácilmente es mediante el uso de imágenes de héroes en la mitad superior de la página con superposiciones de texto que explican los conceptos básicos de lo que trata su sitio.

No olvides el video

Los videos se están convirtiendo rápidamente en la imagen del héroe 2.0. Usar un video sobre el pliegue donde tradicionalmente colocarías una imagen de estrella es una excelente manera de capturar inmediatamente la atención de un visitante y mantenerlo.

Según un estudio de Psychology Today, el cerebro humano puede procesar información de un video 60,000 veces más rápido que leer un texto. Lo principal al incorporar un video en su página de inicio es hacer que parezca que es una parte perfecta del resto del diseño del sitio. Si busca impacto, así como una forma duradera de causar una excelente primera impresión, use el video.

Abraza el poder del video

Un estudio convincente de la revista Inc. descubrió que más del 90 por ciento de los clientes B2B usaban videos en línea para tomar decisiones de compra. Agregar videos a las páginas web interiores y publicaciones de blog sobre productos y servicios es una metodología estratégica que funciona de manera absoluta. Pero no te detengas ahí. Agregue la capacidad para que los visitantes compartan estos videos con otros por una patada extra.

Errores comunes de diseño web

Es posible que haya pagado el mejor precio para que un profesional desarrolle su sitio web. Desafortunadamente, algunos errores comunes en el diseño pueden arrastrar todo el aspecto de su sitio web hacia abajo. Aquí hay algunos delincuentes importantes a tener en cuenta.

Sobrecarga de información en páginas

Su página de inicio no tiene que decir cada cosa que hace de una vez. De hecho, un sitio con cada pulgada de espacio en la pantalla repleto de imágenes y texto es el sello distintivo de un aficionado. Si proporciona demasiada información, se vuelve abrumador, y lo más probable es que su visitante se vaya.

Es triste decir que muchas páginas de productos son víctimas de esto. La carga de una página de productos enorme lleva años, y los visitantes se irán si han esperado más de unos segundos para que aparezca la información. Un estudio publicado por Shopify encontró que las tiendas con una tonelada de productos atrajeron la atención de los visitantes durante un período más largo, pero que las ventas reales fueron sustancialmente menores. Las páginas de carga rápida organizadas por categoría son mucho más útiles para permitir que los visitantes de su sitio encuentren la información que desean que las páginas llenas de contenido..

Navegación frustrante

¿Alguna vez ha estado en un sitio donde la información de contacto o los enlaces de las redes sociales eran casi invisibles porque estaban ocultos en la esquina inferior de una página? Un sitio de aspecto profesional fomenta la participación y es transparente en las políticas de privacidad, los términos de servicio y los métodos de contacto. Es imprescindible que tenga esto en cuenta cuando configure los menús para su sitio.

Una forma de incorporar una navegación limpia cuando tiene muchas opciones en un menú es usar un menú de hamburguesas. Este tipo de menú se acumula hasta que se hace clic, y luego se abre para revelar las opciones de navegación. Es extremadamente limpio, de carga rápida y fácil de usar para los visitantes en una variedad de dispositivos diferentes, incluidas computadoras de escritorio, tabletas y teléfonos móviles..

Demasiado o muy poco color

¿Recuerdas los primeros días del diseño web cuando era común encontrarse con un sitio web que usaba todos los colores de código hexadecimal que había? Una vez que esa moda se desvaneció, los esquemas de color se convirtieron en la norma a la que hacer referencia, y algunos de ellos tampoco estaban muy bien pensados. Por ejemplo, por un tiempo, estuvo de moda diseñar páginas con texto gris claro sobre fondos blancos.

Luego se hizo evidente que este no era un buen diseño, ya que era increíblemente difícil de leer en un monitor de escritorio e incluso peor en una pantalla móvil. Use una paleta limitada de colores hexadecimales y use una o tres combinaciones contrastantes para una apariencia nítida que sea elegante, no basura.

Imágenes de baja calidad.

Una cosa que es igual entre todos los sitios web de aspecto profesional es que usan imágenes de alta calidad. Es importante que sus imágenes se mantengan nítidas y no se pixelen. Los fondos lisos y blancos tienden a mostrar la mayoría de los productos con su mejor luz. Si eliges usar imágenes de héroe, asegúrate de estar usando una imagen de mayor resolución apropiada para el espacio que ocupará la imagen.

Un blog fantasma

Un sitio profesional está actualizado. Si decides tener un blog, debes actualizarlo regularmente. El contenido debe centrarse en sus productos y cosas que afectan a su industria. También puede promocionar su lista de correo y ofertas especiales aquí, también.

Si encuentra que tomarse el tiempo para actualizar su blog regularmente es un desafío, use el talento dentro de su empresa o externalice la tarea. Un blog que de repente se queda en silencio parece muy poco profesional.

Ventanas emergentes

Evita las ventanas emergentes, si puedes. A la mayoría de las personas no les gustan. De hecho, muchos los encuentran francamente molestos. Es mejor dar a los visitantes la opción de hacer clic en un anuncio o unirse a una lista de correo electrónico en un elemento de diseño en una barra lateral en lugar de atascar un cuadro emergente delante de sus caras en la carga de la página.

Publicidad

Si su sitio tiene anuncios publicitarios, es hora de guardarlos. Un estudio de Solve Media descubrió que los internautas tenían más probabilidades de sobrevivir a un accidente aéreo o ganar un premio en la lotería Mega Millions que hacer clic en un anuncio publicitario. Cuantos más anuncios publicitarios tenga su sitio, menos profesional se verá..

Recuerde, su sitio web es la primera forma en que muchas personas lo “conocerán” y conocerán y confiarán en su marca. Asegúrese de que su sitio utilice las mejores prácticas: navegación fácil, anuncios y videos sin interrupciones, imágenes de alta calidad y contenido único.

Mantenga su sitio actualizado y no se apegue demasiado a una sola idea de diseño. A medida que avanza la tecnología para los elementos de diseño web, avance con ella para mantenerse a la vanguardia de modo que su sitio web sea el que se usa como ejemplo para lograr el diseño web correcto.

¿Cuál es el elemento menos profesional que has visto en un sitio web??

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map