Técnicas Probadas Y Verdaderas Para El Diseño Web


Tener algún elemento de búsqueda que permite a los visitantes buscar el contenido de su sitio. Si alguien está buscando algo en su sitio, quiere buscar una caja para ayudarles a buscar. Sin esta herramienta, el visitante podría salir e ir a buscar en otro sitio Web. Normalmente, el mejor lugar para incluir el cuadro de búsqueda está en la esquina superior derecha, ya que es donde la mayoría de los visitantes lo buscan.

Quick Tip Tener algún elemento de búsqueda que permite a los visitantes buscar el contenido de su sitio. Si alguien está buscando algo en su sitio, quiere buscar una caja para ayudarles a buscar.

Muchas personas quieren diseñar un sitio web propio, pero no saben por dónde empezar. Como cualquier cosa en la vida, es necesario ser educado en la forma correcta de construir una página con el fin de hacer que se destaque. La información en el siguiente artículo ofrece un gran Consejo a cualquier persona que acaba de empezar en el diseño web.

Dividir bloques de texto largos. Tener una gran oleada de texto es innecesario para cualquier sitio, especialmente cuando se puede dividir mediante el uso de imágenes, o incluso separarlo en diferentes páginas. Aburrir a tus espectadores sólo hará que se vaya, así que Mantén las cosas tan simples y frescas como sea posible.

Quick Tip Dividir bloques de texto largos. Tener una gran oleada de texto es innecesario para cualquier sitio, especialmente cuando se puede dividir mediante el uso de imágenes, o incluso separarlo en diferentes páginas.

Si estás diseñando un sitio web, necesitas mirar tu sitio web en varios navegadores. Lo que usted está viendo en su extremo puede no ser lo que otros están viendo en el suyo. Asegúrese de que la investigación de todos los navegadores populares que la gente está utilizando y luego diseñar en consecuencia. También querrás enviar tu sitio a alguien que esté usando un sistema operativo diferente para que puedas ver que su navegador es compatible con el tuyo.

Asegúrate de que tu sitio web se escanee fácilmente. Varias pruebas de usabilidad demuestran que la mayoría de los lectores en línea no leen realmente todo el contenido; en su lugar, lo escanean por algo que les interese. El uso de texto que se enfatiza para romperlo en secciones que se analizan fácilmente garantiza que los lectores tengan más probabilidades de volver. Además, asegúrese de mantener la información más importante en la parte superior. Todo esto garantiza una experiencia más satisfactoria para sus visitantes, ya que pueden encontrar rápidamente lo que necesitan.

Lo Que

Aprender un poco de HTML básico le ayudará a agregar algunos extras interesantes a su sitio. Por ejemplo, puede tener palabras que sigan el cursor o un banner que destelle información importante. Asegúrese de cambiar los colores y las fuentes de vez en cuando, por lo que parece más involucrado con el sitio web y su diseño.

Quick Tip Aprender un poco de HTML básico le ayudará a agregar algunos extras interesantes a su sitio. Por ejemplo, puede tener palabras que sigan el cursor o un banner que destelle información importante.

Los sitios web funcionales funcionan para todos los visitantes, independientemente de su navegador, por lo que es esencial que su sitio web se prueba en todas las plataformas principales. Lo que puede funcionar genial en Firefox, puede que no funcione bien en Internet Explorer o Chrome. Por lo tanto, debe comprobar cómo se muestran todas las páginas de su sitio web en todos los principales navegadores del mercado, antes de convertir su sitio en vivo.

Cada página de su sitio web debe tener una manera de volver a la Página principal, o «casa.» Esto garantiza que cuando los usuarios navegan más profundamente en su sitio, siempre tienen una manera de empezar de más si pierden lugar de lo que los consiguió a la página en la que se encuentran actualmente.

Quick Tip Cada página de su sitio web debe tener una manera de volver a la Página principal, o «casa.» Esto garantiza que cuando los usuarios navegan más profundamente en su sitio, siempre tienen una manera de empezar de más si pierden lugar de lo que los consiguió a la página en la que se encuentran actualmente.

Evite usar demasiados gráficos. Mientras que los gráficos son importantes para dar a su sitio web un aspecto profesional, cohesionado y bien diseñado, el uso de demasiados de ellos puede crear desorden. Nunca debe usar gráficos simplemente para decorar su sitio; se utilizan para mejorar su sitio. Tener el número adecuado de gráficos que no crean desorden mejora la usabilidad de su sitio web, también.

Para asegurarte de que tu sitio web funciona a medida que lo diseñas, pruébelo como uno de los navegadores como Internet Explorer. Cuando prueba el sitio web a medida que lo construye, puede corregir rápidamente cualquier problema que pueda aparecer una vez que viva. Cuando tu sitio web se pone en marcha, quieres que tus visitantes puedan ver todo funcionando correctamente.

Que El

Revisa tu sitio web para obtener enlaces rotos regularmente. El mejor momento para hacer esto es justo antes de que FTP la página sobre el servidor. Los visitantes que se encuentren con enlaces rotos y errores no se alojarán en su sitio el tiempo suficiente para ver su producto. Asegúrese de que todo está en funcionamiento para evitar que esto suceda.

Quick Tip Revisa tu sitio web para obtener enlaces rotos regularmente. El mejor momento para hacer esto es justo antes de que FTP la página sobre el servidor.

El uso de JavaScript debe mantenerse como mínimo. Para algunas personas que visitan su sitio, Java causará problemas en lugar de proporcionar una funcionalidad mejorada. Tenga en cuenta que sus visitantes utilizan diferentes navegadores Web. Muchos visitantes utilizan versiones obsoletas de varios exploradores Web, lo que significa que el código podría no ser compatible. Además, algunas personas navegan con secuencias de comandos desactivadas. Cualquiera de estos problemas puede hacer que el visitante no pueda usar su sitio.

No abarrote tu sitio web usando cada píxel cuadrado del espacio que tengas disponible. Sólo porque tengas todo ese espacio no significa que tengas que usarlo. Sin embargo, al dejar espacio entre el contenido de su sitio, puede proporcionar a sus visitantes una experiencia más cómoda. Hay muchos casos en los que el espacio vacío es realmente más valioso que otro contenido.

Quick Tip No abarrote tu sitio web usando cada píxel cuadrado del espacio que tengas disponible. Sólo porque tengas todo ese espacio no significa que tengas que usarlo.

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.

Incluso si usted invierte un montón en su sitio, el alojamiento no es sabio. Su diseño debe reflejar su idea de su negocio, pero pagar por un servicio de hosting es la mejor manera de mantener su sitio seguro y protegido mientras evita el estrés de mantener un servidor.

Las Imágenes

Al seleccionar un servicio de hospedaje para su sitio web, debe asegurarse de saber todo lo que se incluye en el paquete. Preste mucha atención a la cantidad de ancho de banda, uso de CPU y espacio en disco que incluye cada paquete. Asegúrese de saber exactamente lo que va a conseguir.

Quick Tip Al seleccionar un servicio de hospedaje para su sitio web, debe asegurarse de saber todo lo que se incluye en el paquete. Preste mucha atención a la cantidad de ancho de banda, uso de CPU y espacio en disco que incluye cada paquete.

Intenta extraer imágenes en tu publicación para maximizar la interacción. Las imágenes en su sitio web pueden proporcionar un enfoque más amigable para los visitantes. Las imágenes también ayudan a mantener a sus visitantes interesados y los mantiene en su sitio más tiempo.

Revise todo el contenido de su sitio para que no parezca que se apresuró a través de él. Quieres que la gente la brisa. Cuando usted tiene errores en su sitio que realmente parece poco profesional y la gente no te llevará o su sitio en serio que puede dañar su reputación.

Quick Tip Revise todo el contenido de su sitio para que no parezca que se apresuró a través de él. Quieres que la gente la brisa.

Usted siempre debe asegurarse de implementar una manera que los usuarios pueden enviar comentarios sobre su sitio Web. Esto le ayudará a reconocer los errores en su diseño y le dará la oportunidad de arreglarlos. Los comentarios negativos y positivos son útiles para mejorar su sitio Web.

Necesitará un poco de espacio de oficina para diseñar y administrar un sitio Web. Elimine las distracciones y maximice la eficacia del espacio de trabajo, así que usted está siempre listo para trabajar. Ponga sus útiles de oficina donde usted puede alcanzarlos fácilmente, y apartar bastante espacio para permitir que usted diseñe su sitio.

Los Motores

Cuando usted es un recién llegado al proceso de diseño web, hacer las cosas más fácil en sí mismo por pegarse con un diseño de sitio simple, básico, mientras que todavía está aprendiendo las cuerdas. Usted quiere comenzar básico y luego obtener avanzado más tarde cuando se vuelve mejor y más familiarizado con todo el proceso de diseño web.

Quick Tip Cuando usted es un recién llegado al proceso de diseño web, hacer las cosas más fácil en sí mismo por pegarse con un diseño de sitio simple, básico, mientras que todavía está aprendiendo las cuerdas. Usted quiere comenzar básico y luego obtener avanzado más tarde cuando se vuelve mejor y más familiarizado con todo el proceso de diseño web.

Los marcos son una característica para eliminar si está intentando optimizar su sitio para los motores de búsqueda. Los usuarios pueden gustar páginas con Marcos incluidos, pero la información dentro de esos marcos no se incluye en los motores de búsqueda. Cuando la información no se ve, su ranking con los motores de búsqueda va más abajo. Esto llevará a una reducción en los visitantes.

Todos estamos acostumbrados a ver las letras «www» al principio de la dirección de un sitio Web. Pero este sub-dominio bien conocido no siempre es necesario para obtener acceso a un sitio. Asegúrese de que su sitio funcione con o sin esto, ya que podría perder mucho tráfico por los usuarios que no saben que funciona de ambas maneras.

Quick Tip Todos estamos acostumbrados a ver las letras «www» al principio de la dirección de un sitio Web. Pero este sub-dominio bien conocido no siempre es necesario para obtener acceso a un sitio.

Asegúrese de que su sitio está optimizado para las ediciones anteriores de Internet Explorer. La mayoría de la gente no le gusta Internet Explorer, pero otros todavía lo utilizan. Estos no representan los elementos Web al estándar Web, por lo que debe haber soluciones alternativas. Usted debe leer sobre el frustrante «bug modelo caja» que ha plagado IE durante mucho tiempo.

Nunca fuerce al espectador en un camino de su elección o descomponlo de su flujo de trabajo actual. Esto significa no empujar las encuestas u ofertas en su ventana que deben completar antes de que continúen. Al eliminar las opciones de un espectador y obligarlos a hacer lo que desee, es probable que pierda su servicio y crear una mala crítica para su dominio.

Quick Tip Nunca fuerce al espectador en un camino de su elección o descomponlo de su flujo de trabajo actual. Esto significa no empujar las encuestas u ofertas en su ventana que deben completar antes de que continúen.

Asegúrese de que los tiempos de carga de su sitio web son rápidos y eficientes. Si las personas que visitan su sitio están esperando a que las páginas se carguen, el aburrimiento se establecerá rápidamente y se marcharan. Intente reducir su número de gráficos, Flash y script en sus páginas, optimizando su HTML, utilizando archivos SSI, utilizando el almacenamiento en caché de cliente y servidor, creando encabezados de caducidad y minimizando su codificación JS y CSS.

YouTube es un gran recurso para aprender algunas cosas sobre el diseño del sitio. La mejor parte sobre el check out de YouTube es que usted es capaz de ver el diseño en acción. No estás simplemente leyendo sobre eso. La ayuda visual como ésta puede ayudarle a conseguir la caída del edificio del sitio mucho más rápidamente que leyendo sobre él.

Su Sitio

No uses demasiados tipos de letra o colores de texto en tus páginas Web. El procesamiento de textos o el software de creación Web pueden presentar una variedad vertiginosa de fuentes especializadas o colores extravagantes, pero si utilizas demasiados, el texto de tu sitio web puede volverse irlegible. Una buena práctica es usar solo una o dos fuentes por página y evitar el uso excesivo de texto en negrita o cursiva.

Quick Tip No uses demasiados tipos de letra o colores de texto en tus páginas Web. El procesamiento de textos o el software de creación Web pueden presentar una variedad vertiginosa de fuentes especializadas o colores extravagantes, pero si utilizas demasiados, el texto de tu sitio web puede volverse irlegible.

A lo largo del proceso de diseño, es esencial asegurarse de que los diseños de su sitio se ve y funciona de la manera que usted desea que en cada navegador web, por lo que siempre lo compruebe en todos los navegadores web comunes. Su sitio puede parecer muy diferente en diferentes navegadores, así que no te pille desprevenido! Usando los recursos disponibles, determine qué navegadores son los más populares entre su objetivo demográfico. Asegúrese de ver su sitio en los navegadores web más utilizados y tantos navegadores móviles como sea posible.

Asegúrate de que las fuentes de tus páginas estén bien estructuradas y no se cambien demasiado a medida que las personas se desplazen por tu sitio Web. Usted no quiere que la gente se confunda y agitada con la inconsistencia, la gente como las cosas a fluir una manera porque muestra que usted sabe cómo manejar las cosas en un nivel profesional.

Quick Tip Asegúrate de que las fuentes de tus páginas estén bien estructuradas y no se cambien demasiado a medida que las personas se desplazen por tu sitio Web. Usted no quiere que la gente se confunda y agitada con la inconsistencia, la gente como las cosas a fluir una manera porque muestra que usted sabe cómo manejar las cosas en un nivel profesional.

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.

Utilice «espacio en blanco» para su ventaja. El espacio en blanco no es necesariamente blanco. Es sólo el espacio en blanco en las páginas. La visibilidad es clave cuando se trata del diseño del sitio y la navegación por la web, por lo que no desea saturar la pantalla. El espacio en blanco hará que su sitio web sea más legible.

Quick Tip Utilice «espacio en blanco» para su ventaja. El espacio en blanco no es necesariamente blanco.

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.

Asegúrese de mantener la resolución en mente mientras diseña su sitio Web. Las computadoras tendrán diferentes resoluciones y usted debe estar seguro de que el contenido que está incluyendo en su página puede ser visto por los ordenadores que tienen una amplia variedad de configuraciones de resolución. Hay herramientas en línea que pueden ayudarle con esto si necesita ayuda.

El Diseño Web

Al intentar iniciar un sitio web, es posible que desee comprar algún software de diseño web. Ahora hay una gran cantidad de software de diseño web disponible que le puede caminar a través de las cosas que usted necesita hacer para configurar el sitio web perfecto. La mayoría son muy asequibles y fáciles de seguir.

Quick Tip Al intentar iniciar un sitio web, es posible que desee comprar algún software de diseño web. Ahora hay una gran cantidad de software de diseño web disponible que le puede caminar a través de las cosas que usted necesita hacer para configurar el sitio web perfecto.

Photoshop es un software que es importante aprender si desea entrar en el diseño web. Curiosamente, el programa complementario de Photoshop, Dreamweaver, es mucho menos conocido, aunque se trata de una herramienta diseñada para el diseño web. Los muchos beneficios potenciales que Dreamweaver puede ofrecerle, hacen que valga la pena investigarlo.

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.

Quick Tip 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.

Como se lee en el comienzo de este artículo, todo lo que realmente necesita para construir un sitio web es un poco de información. La construcción de un sitio web no debe tomar mucho tiempo si usted sabe algunos buenos trucos para acelerar el proceso a lo largo del camino. Utilice los consejos que encontró aquí para mejorar un sitio web existente o construir uno nuevo desde cero.

Muchos diseñadores web sería prudente usar wireframes como una forma de planear su sitio Web. Esto puede variar desde cualquier cosa como las formas simples planificadas para realmente trazar el diseño y la estructura de todo el sitio. Esto le dará una buena idea de lo que desea de su producto final.