No Busques En Ningún Otro Lugar Hasta Que Leas Estos Grandes Consejos Sobre El Diseño Web


Si estás diseñando un sitio web, asegúrate de que el código que escribes tiene un HTML + CSS válido. Aunque la mayoría de los exploradores pueden tener sentido del código que no es válido, podría representarse correctamente o incorrectamente. El código válido representará de la misma manera la mayor parte del tiempo en los exploradores modernos. Puede comprobar la validez de su código HTML con un validador HTML.

TIPS Si estás diseñando un sitio web, asegúrate de que el código que escribes tiene un HTML + CSS válido. Aunque la mayoría de los exploradores pueden tener sentido del código que no es válido, podría representarse correctamente o incorrectamente.

Diseñar páginas web es atractivo, especialmente cuando el diseñador tiene una comprensión de lo que están haciendo. Un sitio atractivo y fácil de usar se destacará de la competencia. La educación es la clave para cultivar habilidades de diseño web sólidas. Siga leyendo para aprender algunos consejos que le ayudarán a llevar su sitio web al siguiente nivel.

Usa JavaScript para incluir una fuente personalizada en tus páginas Web. Las bibliotecas como typekit y Google Web Fonts facilitan el incluir fuentes esotéricas en páginas web, incluso si la mayoría de los visitantes no tienen esas fuentes en sus equipos. Funciona incrustando la fuente en JavaScript para que pueda ser decodificada por el cliente sobre la marcha.

TIPS Usa JavaScript para incluir una fuente personalizada en tus páginas Web. Las bibliotecas como typekit y Google Web Fonts facilitan el incluir fuentes esotéricas en páginas web, incluso si la mayoría de los visitantes no tienen esas fuentes en sus equipos.

Intente usar la navegación de posición fija para permitir que los usuarios naveguen con facilidad. Esta técnica implica bloquear el panel de navegación de un sitio en su lugar mientras el visitante se desplaza por la página. Esto no sólo es conveniente para el visitante, pero también puede ser útil para los vendedores de Internet, es esto hace que sea más fácil para los visitantes tomar alguna acción deseada (por ejemplo, comprar un producto, inscribirse en un boletín informativo).

Utilice las etiquetas ALT siempre que sea posible. Estas etiquetas útiles describen una imagen a un espectador, ayudando a los discapacitados visuales, así como aquellos que prefieren navegar sin imágenes. Como una ventaja añadida, algunos motores de búsqueda incluyen estas etiquetas en sus clasificaciones, por lo que puede obtener un impulso mediante el uso de ellos.

TIPS Utilice las etiquetas ALT siempre que sea posible. Estas etiquetas útiles describen una imagen a un espectador, ayudando a los discapacitados visuales, así como aquellos que prefieren navegar sin imágenes.

Asegúrate de tener un eslogan que aparezca bien en tu sitio Web. Esto permite que la gente sepa sobre el sitio. Hay unos ocho segundos cruciales para agarrar y mantener la atención de un visitante, por lo que tener un eslogan fácil de entender es crucial.

Siempre asegúrese de que está dando retroalimentación significativa, ya que esto es lo que crea la comunicación entre un sitio web y sus visitantes. Por ejemplo, si una acción tomada por un visitante da como resultado un error, no muestre simplemente «se ha producido un error.» En su lugar, proporcione un mensaje que explique lo que sucedió y cómo el visitante puede corregir el error tomando una acción diferente. Sin esta retroalimentación, los visitantes son más propensos a crecer frustrados y simplemente renunciar al salir de su sitio Web.

Los Colores

Personaliza tu sitio. Sus clientes quieren sentirse cómodos con usted, así que use testimonios de clientes de confianza, así como fotografías de personas. Crear confianza con sus clientes es muy importante, así que asegúrese de decirles que se preocupan personalmente por el producto o servicio que les está proporcionando.

TIPS Personaliza tu sitio. Sus clientes quieren sentirse cómodos con usted, así que use testimonios de clientes de confianza, así como fotografías de personas.

Preste atención a los colores de su sitio web para asegurarse de que coincidan. Desea asegurarse de que el texto es fácilmente visible contra los colores de fondo. Por lo general, es más fácil ver letras más oscuras que se establece sobre fondos de luz que la inversa. Si tiene dudas sobre su esquema de color, ejecútelo con algunas personas y vea lo que piensa de él.

Asegúrese de que su sitio web funciona con y sin el prefijo «www». Algunas personas lo teclear antes de dirigirse a su sitio como una fuerza de hábito, y algunos no pueden. Usted debe asegurarse de que los clientes serán dirigidos a su sitio de cualquier manera, o usted puede tener algunas personas confundidas en sus manos.

TIPS Asegúrese de que su sitio web funciona con y sin el prefijo «www». Algunas personas lo teclear antes de dirigirse a su sitio como una fuerza de hábito, y algunos no pueden.

En Internet hoy en día, la velocidad es donde está. Por lo que debe asegurarse de que todo en su sitio se carga rápidamente. Si un visitante del sitio termina esperando un largo tiempo para que su página web se cargue, definitivamente dejará su sitio en busca de un sitio similar que se cargue más rápido y nunca recomendará a nadie a su sitio.

No utilice el parpadeo, el desplazamiento de texto u otras animaciones. Además, Manténgase alejado de los sonidos o la música que se reproduce automáticamente. Todas estas cosas están distrayendo a los usuarios y no proporcionan nada de valor. Además, las velocidades de conexión varían de un visitante del sitio al siguiente, y todo el mundo no tiene la misma velocidad. Los usuarios con conexiones más lentas se resienten los elementos de carga lenta de su sitio.

TIPS No utilice el parpadeo, el desplazamiento de texto u otras animaciones. Además, Manténgase alejado de los sonidos o la música que se reproduce automáticamente.

No importa quién sea su público objetivo o para qué está destinado su sitio, siempre debe apuntar a mantener el tiempo de carga a diez segundos o menos. Un sitio bien diseñado y eficiente debe aparecer en los navegadores de los visitantes en cuestión de segundos. La mayoría de los usuarios en línea exigen gratificación instantánea, y es en su mejor interés para proporcionarlo.

Asegúrese de que todo es fácil de localizar en su sitio Web. Pase un poco de pensamiento serio sobre cómo se va a disponer de todo en su sitio. Cuando el contenido se lanza aleatoriamente en su sitio con poco pensamiento al diseño, usted está haciendo las cosas más difíciles para las personas cuyo uso de su sitio asegura su éxito en línea-los visitantes de su sitio.

Boletín Informativo

Minimice la cantidad de clic o desplazamiento que los visitantes deben hacer para acceder a la información. Cuanto más un usuario tenga que hacer clic o desplazarse para encontrar la información que busca, más probabilidades hay de que se den por la búsqueda. Apunta a tener al menos 400 palabras en cada página de tu sitio combinando páginas que tienen contenido que cae por debajo de este número de palabras.

TIPS Minimice la cantidad de clic o desplazamiento que los visitantes deben hacer para acceder a la información. Cuanto más un usuario tenga que hacer clic o desplazarse para encontrar la información que busca, más probabilidades hay de que se den por la búsqueda.

Anime a los visitantes a volver a un sitio web repetidamente, ofreciéndoles un boletín informativo. Tener clientes suscribirse a su boletín de noticias le permite enviar actualizaciones importantes sobre eventos especiales, que a su vez pueden conseguir que sigan visitando su sitio. La barra lateral de tu sitio web es una ubicación ideal para el formulario de suscripción, y debes asegurarte de estar al tanto de quién se ha registrado. ¡ Asegúrate de entregar el boletín informativo a las personas que lo hayan solicitado!

Si desea crear un sitio web rápido sin tener que aprender un lenguaje informático, utilice un generador de código. El uso de un generador de código le permite construir rápidamente un sitio y le impide cometer un error cuando no tiene idea de lo que es la programación de computadoras. Generadores de código no sólo son rápidos, pero usted será capaz de aprender mucho también.

TIPS Si desea crear un sitio web rápido sin tener que aprender un lenguaje informático, utilice un generador de código. El uso de un generador de código le permite construir rápidamente un sitio y le impide cometer un error cuando no tiene idea de lo que es la programación de computadoras.

Implemente siempre poderosas capacidades de búsqueda de sitios al diseñar un sitio web grande. Lo mejor es poner un cuadro de búsqueda en la esquina superior derecha de su página de inicio. Asegúrese de que cualquier persona puede buscar cualquier elemento que se incluiría en su sitio. Puede obtener funciones de búsqueda para mejorar su sitio web en FreeFind y en Google.

Para ayudarle a crear buenas páginas web y corregir los errores por su cuenta, aprender idiomas de la computadora. Educar a sí mismo sobre cómo funciona un sitio web realmente le ayudará a solucionar rápidamente cualquier error. Saber cómo lidiar con los problemas en su sitio le ahorrará tiempo y dinero, ya que no tendrá que depender de ayuda externa para remediar la situación.

TIPS Para ayudarle a crear buenas páginas web y corregir los errores por su cuenta, aprender idiomas de la computadora. Educar a sí mismo sobre cómo funciona un sitio web realmente le ayudará a solucionar rápidamente cualquier error.

Considere un paquete de software gratuito cuando esté configurando su sitio Web. Muchos usuarios piensan que tienen que comprar aplicaciones caras, pero muchos programas gratuitos están ahí fuera para darle una mano. Sin embargo, encontrar un buen software libre requiere un poco más de trabajo.

No coloque los agregados que aparecen en su sitio. Estos son molestos para sus usuarios y son menos propensos a confiar en su sitio. Esto usualmente da como resultado que los visitantes no regresen a su sitio. La simplicidad es clave cuando se trata de anuncios. Usted no tiene que depender de pop-ups.

TIPS No coloque los agregados que aparecen en su sitio. Estos son molestos para sus usuarios y son menos propensos a confiar en su sitio.

Para ayudar a los diseñadores web a empezar a crear un sitio de buen aspecto que debe utilizar Photoshop. El uso de un programa como Photoshop puede ayudar a los diseñadores web aficionados a crear sitios de aspecto profesional muy rápido. Si usted no tiene un programa superior como Photoshop, puede hacer que sea difícil y mucho tiempo para adquirir suficiente conocimiento para construir un sitio realmente agradable, rápidamente.

Si esperas que muchas personas contribuyan al contenido del sitio web, la incorporación de un sistema de gestión de contenidos (CMS) en el diseño del sitio web podría ser una buena idea. Un CMS hará que sea más fácil para todos agregar y actualizar el contenido sin necesidad de un alto nivel de conocimiento técnico. Estos sistemas son fáciles de usar y pueden hacer que la publicación de contenido en el sitio web sea mucho más eficiente.

Su Sitio

Los gráficos ayudan a mantener el sitio visualmente estimulante y entretenido. Debe incorporar el ajuste de texto para que su sitio se vea más profesional. Si el contenido está rodeado de diseño creativo, a los visitantes les gustará más su sitio.

TIPS Los gráficos ayudan a mantener el sitio visualmente estimulante y entretenido. Debe incorporar el ajuste de texto para que su sitio se vea más profesional.

No agregue ventanas emergentes a su sitio. Aunque hay algunos usos para los pop-ups, a menudo se consideran una molestia. Como resultado, sus usuarios pueden simplemente alejarse de su sitio, demasiado enojado para volver.

Asegúrate de que tu sitio web tenga un eslogan. Cuando un visitante hace clic en su sitio, solo tiene un poco de tiempo para engancharlos con su misión, propósito y tema. Un eslogan debe ser corto, claro y explicar de qué se trata su sitio para que un visitante esté intrigado y permanezca en su sitio.

TIPS Asegúrate de que tu sitio web tenga un eslogan. Cuando un visitante hace clic en su sitio, solo tiene un poco de tiempo para engancharlos con su misión, propósito y tema.

A medida que diseñe su sitio, incorpore la paginación CSS independiente para los exploradores y haga uso de la carga condicional. La aplicación de estas dos técnicas hace que las pruebas y el mantenimiento del sitio web consuman menos tiempo en el futuro. Eventualmente tendrá que mantenerlo y esto lo hará fácil.

Asegúrese de que su cuadro de búsqueda está cerca de la parte superior de las páginas web y tiene al menos 27 caracteres. Utilice la palabra «Buscar» en el botón para iniciar una búsqueda y evitar palabras como «ir» o «enviar». El término «búsqueda» ayudará a las personas a notar el cuadro de búsqueda y alentarlos a utilizarlo.

Propio Sitio

Evite el uso de aplicaciones Flash al diseñar su sitio Web. Flash puede parecer de alta tecnología y splashy, pero podría hacer que el ordenador de un visitante a cargar lentamente y lag. Además, debe tener en cuenta que muchas herramientas de Internet móvil, como smartphones y tabletas, no mostrarán Flash. Usted podría estar cortando fuera de una piscina bastante grande de visitantes potenciales usando Flash.

TIPS Evite el uso de aplicaciones Flash al diseñar su sitio Web. Flash puede parecer de alta tecnología y splashy, pero podría hacer que el ordenador de un visitante a cargar lentamente y lag.

Cada vez que se queda creativamente atascado en el diseño web, recuerde que todo el Internet está ahí para ayudar en términos de ejemplo e inspiración. Cuando necesites inspiración, puedes navegar por los sitios web casi ilimitados en línea. Mira a través de algunos ejemplos y averigua qué es lo que te gusta de ellos. Incorpore esos elementos en su propio sitio. Amplía esos atractivos aspectos para ayudarte a crear tu propio sitio Web. También debe mejorar sobre ellos.

Conviértase en un experto en hojas de estilos en cascada (CSS). HTML es una cosa, pero el diseño real (y la consistencia en el diseño) ocurre en CSS. Estas hojas de estilo actúan como una guía de referencia de formato a su sitio para ayudar a cada página a mantener una apariencia consistente. Esto también hace que sea muy fácil para cambiar universalmente las cosas en su sitio. Si desea cambiar el color de la fuente a rojo en cada página, todo lo que necesita hacer es alterar una línea de código!

TIPS Conviértase en un experto en hojas de estilos en cascada (CSS). HTML es una cosa, pero el diseño real (y la consistencia en el diseño) ocurre en CSS.

Mientras que la utilización de las herramientas de diseño de un anfitrión para obtener su sitio web es una buena idea, nunca confíe en estas herramientas completamente. Ir más allá de las plantillas significa que tendrás un sitio web que destaca, ofrece a tus visitantes contenido que ellos regresarás y te dará mayores beneficios.

Si desea dirigirse a una audiencia local con su sitio, compre un CCTLD. Esto le permitirá mantener el nombre de dominio de su región. Un ccTLD es útil para enrutar a los visitantes locales a su sitio web, que pueden no ser capaces de encontrarlo utilizando otros medios.

TIPS Si desea dirigirse a una audiencia local con su sitio, compre un CCTLD. Esto le permitirá mantener el nombre de dominio de su región.

Como parte de la planificación de su sitio web, encueste a su público objetivo con respecto a qué características preferirían ver en el nuevo sitio. Esto te ayuda a hacer que tu sitio web se lo que realmente quiere tu público objetivo. También es importante obtener consejos de las personas de su público objetivo.

Un buen diseño web incluye un poco de espacio en blanco en su diseño general. Lo más importante en su sitio es el contenido de calidad y el uso efectivo del espacio en blanco en su página dirigirá el ojo de los usuarios a su contenido. Evite saturar su página con información inútil sólo para llenar cada espacio.

La Diferencia

Trabajar con una empresa de diseño web profesional le ayudará a obtener un sitio web que realmente obtiene el tráfico que necesita. Muchos de los productos de software de diseño web hágalo usted mismo son fáciles de seguir, pero no hacen el mismo trabajo que un profesional será capaz de hacer por usted.

TIPS Trabajar con una empresa de diseño web profesional le ayudará a obtener un sitio web que realmente obtiene el tráfico que necesita. Muchos de los productos de software de diseño web hágalo usted mismo son fáciles de seguir, pero no hacen el mismo trabajo que un profesional será capaz de hacer por usted.

Como usted sabe, un sitio web eficaz hace toda la diferencia en el mundo a los visitantes. Es fácil ver la diferencia entre el buen y el mal diseño, pero el verdadero truco es aprender a evitar el mal diseño por completo. Siguiendo los consejos anteriormente mencionados, creará páginas web que son un placer de ver.

Asegúrese de que sus clientes pueden encontrar su sitio web con o sin el «www» al principio de su dirección Web. Muchas personas ni siquiera utilizan este sub-dominio más. Intenta escribir tu dirección web con ella y luego intenta escribirla sin ella para verificar que funciona de ambas maneras.