Diseñar Un Sitio Web Atractivo Pero Eficiente Para Usted


Ya no son los 90, así que mantente alejado del uso de Marcos. Los marcos eran de gran uso en los primeros días de diseño web, pero tenía un montón de defectos. Los diseños de cuadros dificultan que los lectores Marque su sitio web y el desplazamiento se convierta en una tarea difícil. Hay maneras mucho más fáciles de proporcionar a sus usuarios un flujo a través de su sitio Web.

Quick Tip Ya no son los 90, así que mantente alejado del uso de Marcos. Los marcos eran de gran uso en los primeros días de diseño web, pero tenía un montón de defectos.

Crear un sitio web puede parecer una tarea imposible ¿cómo construyes un sitio web distintivo que destacará de la competencia? ¿Dónde empiezas cuando se trata de codificar? Si desea que su sitio web sea atractivo y eficaz, puede encontrar los consejos establecidos en este artículo muy útil.

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.

Funciona Mejor

Para ayudar a los visitantes de su sitio web a navegar fácilmente a través de su sitio, diseñarlo para que resulte fácil encontrar «cosas.» Cuando usted tiene un sitio simple que hace que sea fácil localizar la información, usted mantiene a sus visitantes allí mucho más tiempo. Si lo haces difícil para ellos, entonces ellos se frustran y se van.

Quick Tip Para ayudar a los visitantes de su sitio web a navegar fácilmente a través de su sitio, diseñarlo para que resulte fácil encontrar «cosas.» Cuando usted tiene un sitio simple que hace que sea fácil localizar la información, usted mantiene a sus visitantes allí mucho más tiempo.

Los gráficos son importantes para cualquier diseñador pero los principiantes deben centrarse solamente en los gráficos estándar en sus primeras varias compilaciones. Tenga en cuenta lo grande que es una imagen de mapa de bits, pero el uso de imágenes PNG funciona mejor. Para los botones de texto, capturas de pantallas y otras imágenes que no son fotografías, utilice PNG para imágenes con más de 256 colores y GIF para imágenes con menos. JPEG funciona mejor para imágenes fotográficas.

Para ayudarle a diseñar un sitio que sea fácil para las personas a leer toda la información, asegúrese de que las páginas no son demasiado anchas. Si las páginas no son demasiado anchas entonces caben en la mayoría de las pantallas de la computadora de la gente. Si la página es demasiado amplia, entonces parte de su información valiosa podría quedar fuera de la página.

Quick Tip Para ayudarle a diseñar un sitio que sea fácil para las personas a leer toda la información, asegúrese de que las páginas no son demasiado anchas. Si las páginas no son demasiado anchas entonces caben en la mayoría de las pantallas de la computadora de la gente.

Ya no son los 90, así que mantente alejado del uso de Marcos. Los marcos eran de gran uso en los primeros días de diseño web, pero tenía un montón de defectos. Los diseños de cuadros dificultan que los lectores Marque su sitio web y el desplazamiento se convierta en una tarea difícil. Hay maneras mucho más fáciles de proporcionar a sus usuarios un flujo a través de su sitio Web.

Al diseñar tu sitio, intenta llegar a tres o cuatro palabras clave que esperas que los usuarios ingresen en los motores de búsqueda mientras intentan encontrar tu página. Estas palabras clave deben repetirse con frecuencia a lo largo del título, el cuerpo de la página y la metaetiqueta de descripción. Esto hará que sea más fácil para los usuarios localizar su sitio en la Web.

Quick Tip Al diseñar tu sitio, intenta llegar a tres o cuatro palabras clave que esperas que los usuarios ingresen en los motores de búsqueda mientras intentan encontrar tu página. Estas palabras clave deben repetirse con frecuencia a lo largo del título, el cuerpo de la página y la metaetiqueta de descripción.

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.

Si quieres más visitantes a tu sitio, necesitas diseñarlo de una manera que haga fácil actualizar el contenido. Si su sitio se puede actualizar fácilmente, le ayudará a poder agregar rápidamente información nueva y relevante. Un sitio que se actualiza constantemente mantendrá a sus visitantes volver por más.

Quick Tip Si quieres más visitantes a tu sitio, necesitas diseñarlo de una manera que haga fácil actualizar el contenido. Si su sitio se puede actualizar fácilmente, le ayudará a poder agregar rápidamente información nueva y relevante.

Educarse a sí mismo con respecto a los accesos directos, y hacer un uso amplio de ellos. La mayoría de las técnicas de diseño web tienen atajos que puedes usar. Los códigos HTML son un atajo que te permite arreglar cosas en tus páginas sin necesidad de volver a subirlas.

Hacer el texto fácil de listo mediante el uso de colores que el contraste o fondos que son fáciles de leer texto en. Cuando el texto es más difícil de leer porque el color de fondo o texto crea una deformación ocular o porciones de texto que son irlegibles, los visitantes del sitio son menos propensos a quedarse alrededor.

Sitio Web

Es imperativo que todas sus páginas web tengan títulos. Olvidar incluir títulos mientras diseñas tu sitio web puede tener consecuencias desastrosas. La razón más importante es que hace que su sitio web se vea poco profesional cuando no hay título, tanto en la propia página web, y también en una página de resultados de búsqueda. Los motores de búsqueda también colocan un gran énfasis en los títulos al determinar el contenido de su sitio Web. Recuerda utilizar palabras clave y hacer que tus títulos sean descriptivos.

Quick Tip Es imperativo que todas sus páginas web tengan títulos. Olvidar incluir títulos mientras diseñas tu sitio web puede tener consecuencias desastrosas.

Mantenga la Página principal de su sitio web simple. Las personas que navegan por la web rápidamente deciden si van a profundizar en un sitio web basado en la Página principal. hacer que la descripción de tu negocio sea específica y ofrecer ofertas únicas, solo Mantén la distracción al mínimo.

No cargue contenido enriquecido automáticamente. El contenido enriquecido se refiere principalmente a la música y los videos, pero cualquier cosa que no sea texto o gráficos califica. Muchas personas navegan en ambientes de trabajo donde los sonidos de repente juegan es un gran problema. Además, muchas personas encuentran contenido tan rico molesto en general. El contenido enriquecido debe requerir alguna interacción del usuario antes de jugar.

Quick Tip No cargue contenido enriquecido automáticamente. El contenido enriquecido se refiere principalmente a la música y los videos, pero cualquier cosa que no sea texto o gráficos califica.

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.

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.

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

Al diseñar su sitio web, debe evitar el uso de demasiados tipos diferentes de fuentes. También debe tener en cuenta cómo aparecen diferentes fuentes en la pantalla estándar del equipo; fuentes serif más pequeñas (Times New Roman, por ejemplo) son algo difíciles de leer. La mayoría de los sitios utilizan Vedrana, que se lee fácilmente en diferentes colores y tamaños.

Pruebe su sitio temprano y a menudo. Es esencial hacer pruebas de usabilidad temprano en la fase de desarrollo. Esto le permitirá realizar los cambios de diseño necesarios durante el proceso de compilación.

Quick Tip Pruebe su sitio temprano y a menudo. Es esencial hacer pruebas de usabilidad temprano en la fase de desarrollo.

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.

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.

Su Sitio

Desea asegurarse de que su sitio es capaz de ser visto en todo tipo de sistemas operativos y programas, que van desde navegadores como Internet Explorer a Firefox. También desea estar seguro de que su sitio funciona en sistemas operativos Windows y Mac para que tantos usuarios como sea posible puedan ver su contenido.

Quick Tip Desea asegurarse de que su sitio es capaz de ser visto en todo tipo de sistemas operativos y programas, que van desde navegadores como Internet Explorer a Firefox. También desea estar seguro de que su sitio funciona en sistemas operativos Windows y Mac para que tantos usuarios como sea posible puedan ver su contenido.

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.

Pruebe lo mejor posible para actualizar el contenido de los sitios antiguos que tenga. Usted quiere asegurarse de que cualquiera de los sitios que construye parece que están al día con la tecnología que está fuera hoy-usted no quiere un sitio que se ve 10 años de edad.

Mantén tu contenido al mínimo al crear primero tu sitio Web. Agregar demasiadas cosas temprano creará confusión para usted y sus visitantes por igual. Es fácil de empezar.

Haga todo lo posible para mantenerse coherente con sus esfuerzos cuando esté aprendiendo Diseño Web. Usted no quiere aprender un par de cosas y luego volver un par de semanas más tarde y tratar de aprender algo nuevo y ya han olvidado la información que había aprendido anteriormente complicando todo su proceso de diseño web.

Quick Tip Haga todo lo posible para mantenerse coherente con sus esfuerzos cuando esté aprendiendo Diseño Web. Usted no quiere aprender un par de cosas y luego volver un par de semanas más tarde y tratar de aprender algo nuevo y ya han olvidado la información que había aprendido anteriormente complicando todo su proceso de diseño web.

Trabajar con un profesional. Usted puede obtener una gran cantidad de conocimientos de un maestro de diseño web que sabe cómo funciona el campo. Esto te ayudará a convertirte en un profesional.

Los mapas del sitio son una excelente pieza de tecnología que permite a los usuarios y los motores de búsqueda obtener una mejor vista de las funciones y diseños de su sitio sin trabajo adicional. Incluye un enlace a tu sitemap desde la página de inicio y déjalo lo más simple posible. El Sitemap no necesita gráficos o fuentes de lujo, solo tienes que maquetarlo y actualizarlo cuando sea necesario.

Quick Tip Los mapas del sitio son una excelente pieza de tecnología que permite a los usuarios y los motores de búsqueda obtener una mejor vista de las funciones y diseños de su sitio sin trabajo adicional. Incluye un enlace a tu sitemap desde la página de inicio y déjalo lo más simple posible.

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.

Cuando uses FileZilla como servidor de archivos, asegúrate de programar la configuración rápida del menú con tu dominio, tu nombre de usuario y el puerto correcto. Haciendo esto, hará que el registro en mucho más fácil, ya que sólo puede seleccionar la configuración. Eso ahorra mucho tiempo.

El Software

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.

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

Recuerde que no necesita ser costoso diseñar un sitio Web. Para cada producto útil, popular, y costoso del diseño de la tela, hay otro producto igualmente útil y popular que es mucho más barato. El software libre de código abierto, por ejemplo, puede ayudarle a realizar las mismas tareas que el software de pago. El uso de este software de código abierto puede ahorrarle mucho dinero.

Agregue un mapa del sitio al diseño web. Los mapas del sitio desempeñan un papel importante cuando se trata de la optimización del motor de búsqueda. Las arañas del motor de búsqueda los utilizan para gatear eficientemente sobre su sitio para ayudar a clasificar sus páginas mejor. También sirven como un propósito operacional para usted como diseñador. Un mapa del sitio es esencial para realizar un seguimiento de la arquitectura de su sitio web, por lo que puede agregarle páginas más eficazmente.

Quick Tip Agregue un mapa del sitio al diseño web. Los mapas del sitio desempeñan un papel importante cuando se trata de la optimización del motor de búsqueda.

Asegúrese de que su diseño no se parece mucho a los diseños de otros sitios web en su nicho. Si quieres comprobarlo, revisa los sitios web de tus competidores. Quieres estar separado de los de la manada, por lo que no quieres que tu sitio web sea demasiado similar al de otra persona. Usted será percibido de la misma manera que cualquier otra imitación: una marca inferior que vende productos inferiores.

Salude a sus visitantes con un video saludo. Muchas personas les gusta ser capaz de poner una cara con una empresa y hacer un video puede ayudar con esto. Mantén el video corto, en menos de un minuto, y Dales una explicación rápida de lo que haces y lo que pueden encontrar en tu sitio.

Quick Tip Salude a sus visitantes con un video saludo. Muchas personas les gusta ser capaz de poner una cara con una empresa y hacer un video puede ayudar con esto.

Al hacer varias páginas para diferentes subcategorías en su sitio, la función copiar/pegar puede ser su cosa favorita acerca de su PC! En lugar de reescribir un nuevo código para cada página, simplemente copie una sección principal de su código desde la primera página. A continuación, puede utilizar esto como la base para sus próximas páginas, haciendo pequeños cambios donde sea necesario. La reutilización de la copia maestra del código HTML de su página web hará que el diseño sea más sencillo.

Si su sitio web requiere una sensación profesional, debe utilizar fuentes estándar como Arial o Times New Roman. Mientras que las fuentes más elegantes pueden parecer atractivas para usted a primera vista, más a menudo que no, harán que sus visitantes sientan que su sitio web es menos que profesional. Esto también se aplica a los colores de fuente. Se adhieren al texto negro tanto como sea posible. No colorea el texto en colores aleatorios como verde o naranja.

Quick Tip Si su sitio web requiere una sensación profesional, debe utilizar fuentes estándar como Arial o Times New Roman. Mientras que las fuentes más elegantes pueden parecer atractivas para usted a primera vista, más a menudo que no, harán que sus visitantes sientan que su sitio web es menos que profesional.

Un mapa del sitio es una importante herramienta de sitio web que debe usar. Un mapa del sitio web debe tener dos principios que se sigan. Hace que la navegación sea más fácil para los visitantes. Las cosas se vuelven fáciles de encontrar cuando un mapa del sitio está presente. Además, los mapas del sitio son ideales para propósitos SEO. Esto ayudará a las personas a encontrar lo que quieren en un corto período de tiempo.

Organice la arquitectura de su sitio Web antes de comenzar su diseño. Piense en su diseño web como la construcción de una casa, necesita un modelo para ser eficaz y eficiente con su tiempo. Antes de que comience cualquier diseño, construya un marco de alambre o un mapa del sitio de cómo fluirá su sitio. Usted encontrará que sus sitios se vuelven mucho más innovadores en términos de relacionar páginas con este sencillo paso.

Quick Tip Organice la arquitectura de su sitio Web antes de comenzar su diseño. Piense en su diseño web como la construcción de una casa, necesita un modelo para ser eficaz y eficiente con su tiempo.

Crea un favicon para tu sitio Web. Este pequeño gráfico hará que su sitio sea mucho más reconocible si su visitante marcador su sitio. Al mirar a través de sus listas de marcadores, un favicon memorable le hará destacar. Trate de diseñar un favicon que sea consistente con su logotipo y tema.

No debe contratar a un miembro de la familia para ayudarle a configurar su sitio Web. No importa Cuánta experiencia tiene un miembro de la familia en el diseño web no debe contratarlos para ayudarle, ya que limitará su capacidad para ser capaz de despedirlos si no está contento con el sitio.

Lo Que

Utilice el sonido con sensatedades al diseñar su sitio Web. No agravar a sus visitantes bombardeándolos con sonido que no pueden controlar o apagar cuando llegan a su sitio. Está bien proporcionar enlaces de audio y enlaces de vídeo con sonido, pero asegúrese de que el usuario es el que controla si o no escuchan algo cuando él o ella llega a su sitio.

Quick Tip Utilice el sonido con sensatedades al diseñar su sitio Web. No agravar a sus visitantes bombardeándolos con sonido que no pueden controlar o apagar cuando llegan a su sitio.

Si su sitio web es una empresa comercial, puede ahorrarse un montón de problemas y posibles pérdidas por esmasticar el alojamiento web gratuito. El hosting gratuito puede sonar bien, pero la multitud de anuncios ahuyentar a los visitantes. Esto afectará negativamente a su diseño y hará que los clientes se van y no regresen, lo que le costará más de lo que el hosting nunca haría.

Cuando diseñe su sitio, tenga en cuenta cuántos vínculos está utilizando. Cuantos más enlaces tenga en su sitio, más enlaces tendrá que monitorear para «Rot de enlace». Usted no quiere tener un montón de enlaces muertos en su sitio porque incluyó demasiados para monitorear cuando estaba desarrollando el sitio.

Quick Tip Cuando diseñe su sitio, tenga en cuenta cuántos vínculos está utilizando. Cuantos más enlaces tenga en su sitio, más enlaces tendrá que monitorear para «Rot de enlace».

Las sugerencias de este artículo que ha leído aquí le ayudarán a comenzar con sus bocetos de diseño. Sigue estudiando y aprendiendo más sobre el diseño web, y pronto encontrarás el éxito.