Cómo Diseñar En La Web Como Un Pro


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.

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

La construcción de un sitio web es emocionante, y un poco de miedo. Establecer un presupuesto, encontrar buenos consejos y elegir un lugar inteligente para comenzar son todos los problemas espinosos que tendrás que enfrentar. Puede empezar bien con la planificación de su sitio web al echar un vistazo a los prácticos consejos proporcionados en este artículo.

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).

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

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.

No uses páginas de presentación para tu sitio a menos que lo exija la ley, y especialmente no uses una intro de Flash. La mayoría de las personas sólo quieren llegar a su contenido lo más rápido posible, y no les importa mirar las páginas de bienvenida inútiles. Si tiene algún contenido divertido que desea que los visitantes vean, intégrelo en la página de inicio en su lugar.

Quick Tip No uses páginas de presentación para tu sitio a menos que lo exija la ley, y especialmente no uses una intro de Flash. La mayoría de las personas sólo quieren llegar a su contenido lo más rápido posible, y no les importa mirar las páginas de bienvenida inútiles.

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.

No deshabilite la funcionalidad de clic derecho del visitante. Algunos sitios hacen esto con el fin de evitar que las personas copien y peguen texto o guardar imágenes desde el sitio. La cosa es que no funciona y desactiva otras funciones útiles. OCR puede ser utilizado para capturar texto de tales sitios, y agarrar imágenes es tan simple como tomar una captura de pantalla.

Quick Tip No deshabilite la funcionalidad de clic derecho del visitante. Algunos sitios hacen esto con el fin de evitar que las personas copien y peguen texto o guardar imágenes desde el sitio.

El tamaño de página debe mantenerse pequeño. No todas las personas que usan Internet tienen una conexión de alta velocidad, por lo que si un sitio tarda más en cargarse, no estarán tan interesados en él. No querrás que tus visitantes esperen a que se cargue una página.

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.

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

Compruebe la copia de los enlaces rotos antes de publicar la página. Los visitantes pueden frustrarse cuando hacen clic en un enlace y se encuentran con una página de error. La mayoría de las personas eligen uno de los muchos programas o extensiones disponibles que comprueban los vínculos de trabajo, pero también se pueden completar manualmente si solo tiene unos pocos que hacer.

Proporcione un menú de navegación en cada página de su sitio. Si bien este menú no tiene que enlazar cada página de su sitio, ya que esto podría ser una lista exhaustiva si tiene un sitio muy grande, debe proporcionar enlaces a las páginas principales. Esto asegura que sus visitantes no tienen que volver a la página de inicio y comenzar completamente sobre cuando no es necesario.

Quick Tip Proporcione un menú de navegación en cada página de su sitio. Si bien este menú no tiene que enlazar cada página de su sitio, ya que esto podría ser una lista exhaustiva si tiene un sitio muy grande, debe proporcionar enlaces a las páginas principales.

Asegúrese de que todos los temas estén claramente divididos. Separe el tema de discusión en su sitio poniéndolos en páginas separadas. Esto mantendrá las cosas claras y simples para los lectores, y también le ayudará a clasificar con los motores de búsqueda.

Utilice las migas de pan y haga que haga clic en el logotipo del sitio le devuelve a la página de inicio. Las migas de pan son marcadores que muestran Dónde está el visitante en la estructura del sitio. Por ejemplo, el pan rallado podría leer «Home > muebles > camas.» Cuando el usuario hace clic en un vínculo en el pan rallado, puede volver a una página más arriba en la jerarquía del sitio. Al hacer clic en el logotipo de un negocio, generalmente se debe llevar al visitante de nuevo a la página de inicio también.

Quick Tip Utilice las migas de pan y haga que haga clic en el logotipo del sitio le devuelve a la página de inicio. Las migas de pan son marcadores que muestran Dónde está el visitante en la estructura del sitio.

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.

Evita usar GIFs animados en tu sitio. Estos fueron populares a finales de la década de 1990, pero las nuevas tecnologías han reemplazado los usos de los GIFs animados que en realidad eran útiles. Los GIFs animados son de baja calidad y grandes en tamaño de archivo. Utilice iconos estáticos para elementos de página y archivos de vídeo reales para animaciones complejas.

Su Sitio

Asegúrese siempre de que el diseño de su sitio funcione bien en todos los navegadores. Tu código podría verse muy bien en Firefox, pero podría estar en Internet Explorer. Es necesario averiguar exactamente cómo las cosas se ven en todos los navegadores y luego el código de una manera que deja su sitio con el mismo aspecto en cada navegador popular.

Quick Tip Asegúrese siempre de que el diseño de su sitio funcione bien en todos los navegadores. Tu código podría verse muy bien en Firefox, pero podría estar en Internet Explorer.

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.

Muchas veces cuando se carga una página en el servidor de archivos, no se puede encontrar cuando se escribe la dirección a través de su navegador. Siempre es necesario comprobar dos veces y asegurarse de que se ha nombrado correctamente el archivo. Algunas personas literalmente pierden días tratando de identificar el problema que creen que es mayor, cuando en realidad es sólo un simple error tipográfico.

Quick Tip Muchas veces cuando se carga una página en el servidor de archivos, no se puede encontrar cuando se escribe la dirección a través de su navegador. Siempre es necesario comprobar dos veces y asegurarse de que se ha nombrado correctamente el archivo.

Los contadores del sitio web son poco atractivos. No añade nada a su sitio web y es una característica obsoleta. Deshacerse de su cuenta de visitantes y utilizar otros métodos para ver cuántos visitantes su sitio está recibiendo.

Después de que haya aprendido nuevos programas, como Dreamweaver o Photoshop, consulte con colegas o amigos para confirmar que no se ha perdido nada. Asegúrese de que entendió todo lo que aprendió para que no se encuentre cometiendo errores al diseñar su sitio Web.

Sitio Web

Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web. Si su sitio web está bien diseñado, el usuario no debe tener ninguna dificultad para completar la tarea. Por otro lado, si no lo es, la tarea puede darle una idea de qué áreas de su sitio web podrían utilizar la mejora.

Quick Tip Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web.

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.

Desarrolle una lista de comprobación de los elementos que desea que muestre su sitio Web. Incluso los mejores diseñadores web a veces pierden ideas si no actúan sobre ellos. Si creas una lista de verificación, siempre puedes asegurarte de que estás poniendo todo lo que querías en tu sitio Web. Mantenerlo escrito es también una manera de hacer una lluvia de ideas para nuevas.

Quick Tip Desarrolle una lista de comprobación de los elementos que desea que muestre su sitio Web. Incluso los mejores diseñadores web a veces pierden ideas si no actúan sobre ellos.

Después de que haya aprendido nuevos programas, como Dreamweaver o Photoshop, consulte con colegas o amigos para confirmar que no se ha perdido nada. Asegúrese de que entendió todo lo que aprendió para que no se encuentre cometiendo errores al diseñar su sitio Web.

Mantén tu tipo de letra simple en tu sitio Web. Arial o Times New Roman es perfecto para cualquier sitio Web. No es necesario que te dejes llevar con letras de burbujas o alas de pollo ilegibles. Fuentes exóticas pueden parecer geniales para usted, pero sus visitantes van a tener un tiempo difícil de leer su sitio.

Quick Tip Mantén tu tipo de letra simple en tu sitio Web. Arial o Times New Roman es perfecto para cualquier sitio Web.

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.

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!

Su Sitio Web

Asegúrese de incluir una página «acerca de nosotros» en su sitio web mientras lo diseña. No sólo añadir bloques de texto que son aburridos para leer-jazz un poco! Proporcione información de fondo, tal vez incluya algunas fotos de usted mientras trabaja para llegar al punto donde se encuentran hoy.

Quick Tip Asegúrese de incluir una página «acerca de nosotros» en su sitio web mientras lo diseña. No sólo añadir bloques de texto que son aburridos para leer-jazz un poco! Proporcione información de fondo, tal vez incluya algunas fotos de usted mientras trabaja para llegar al punto donde se encuentran hoy.

Las pruebas de usabilidad basadas en tareas son una excelente manera de determinar cuán efectivo es el diseño de su sitio Web. En general, el propósito de las tareas es localizar alguna información o funcionalidad que esté enterrada en su sitio Web. Si su sitio web está bien diseñado, el usuario no debe tener ninguna dificultad para completar la tarea. Por otro lado, si no lo es, la tarea puede darle una idea de qué áreas de su sitio web podrían utilizar la mejora.

Un gran Consejo que hará que sea más fácil para los diseñadores web para crear su sitio es encontrar una buena selección de hojas de trucos y listas de verificación que se puede referir a cada vez que se ejecuta en cualquier problema con su sitio. También es una gran manera de obtener consejos sobre cómo mejorar su sitio.

Quick Tip Un gran Consejo que hará que sea más fácil para los diseñadores web para crear su sitio es encontrar una buena selección de hojas de trucos y listas de verificación que se puede referir a cada vez que se ejecuta en cualquier problema con su sitio. También es una gran manera de obtener consejos sobre cómo mejorar su sitio.

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.

Si eres un diseñador web asegúrate de crear un espacio de trabajo para ti que ofrezca la menor cantidad de distracciones. Esto le permitirá centrarse en su trabajo y resultará en un ambiente de negocios más productivo y eficiente.

Quick Tip Si eres un diseñador web asegúrate de crear un espacio de trabajo para ti que ofrezca la menor cantidad de distracciones. Esto le permitirá centrarse en su trabajo y resultará en un ambiente de negocios más productivo y eficiente.

Si sigues aprendiendo mientras diseñas un sitio web, eso será un beneficio para ti. Cuando tengas confianza en tus habilidades para usar una técnica, debes pasar a dominar la siguiente habilidad. Esto puede hacer que su construcción inicial del sitio tome más tiempo, pero una vez que haya terminado con ese primero, estará listo para hacer docenas.

Asegúrese de que el sitio es compatible con diferentes navegadores. Debe probar su sitio en Internet Explorer y Netscape para asegurarse de que el contenido puede ser visto por los visitantes que están utilizando cualquiera de los navegadores. No sólo Compruebe que funciona en uno y lanzar el sitio.

Quick Tip Asegúrese de que el sitio es compatible con diferentes navegadores. Debe probar su sitio en Internet Explorer y Netscape para asegurarse de que el contenido puede ser visto por los visitantes que están utilizando cualquiera de los navegadores.

Una razón para mantenerse al tanto de su sitio web, es comprobar si hay comentarios negativos o spam. Los propietarios de blogs y foros se beneficiarán más de esto. El buen diseño del sitio incluye la eliminación de artículos negativos.

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.

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

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.

Cuando usted está pensando en un diseño web, y siente que puede tener la necesidad de mostrar posiblemente documentos más grandes, considere el uso de un archivo PDF en lugar de un documento de Word. La razón de esto es que este tipo de programa, Adobe Acrobat Reader como ejemplo, es universal y se puede ver en cualquier plataforma.

Quick Tip Cuando usted está pensando en un diseño web, y siente que puede tener la necesidad de mostrar posiblemente documentos más grandes, considere el uso de un archivo PDF en lugar de un documento de Word. La razón de esto es que este tipo de programa, Adobe Acrobat Reader como ejemplo, es universal y se puede ver en cualquier plataforma.

Asegúrate de tener el enlace del logotipo de tu sitio web desde cualquier lugar del sitio. A medida que pasa el tiempo, la gente ha llegado a la espera de que los logotipos son clicables y los llevará a una página de inicio. Los visitantes se frustrarán si no hay una manera fácil de volver a la página de inicio. Su sitio es mucho más fácil de usar si su logotipo es clicable.

Una gran herramienta para los diseñadores web que se encuentran en las primeras etapas de la construcción de su sitio web es hacer uso de bocetos conceptuales. Esta es una herramienta útil para ayudarle a decidir lo que su sitio necesita y lo que desea que se vea como. Es un excelente punto de partida.

Quick Tip Una gran herramienta para los diseñadores web que se encuentran en las primeras etapas de la construcción de su sitio web es hacer uso de bocetos conceptuales. Esta es una herramienta útil para ayudarle a decidir lo que su sitio necesita y lo que desea que se vea como.

Siguiendo los consejos anteriores, usted debe ser capaz de crear un atractivo, sitio de aspecto profesional. Tendrá que redactar un presupuesto, buscar asesores y comenzar a hacer un boceto de su sitio. Empiece a crear el mejor sitio web posible para su negocio sin gastos costosos.

Un gran Consejo para los diseñadores web que se encuentran en las etapas de conceptualización de su sitio web es simplemente hacer una lluvia de ideas. Este método simple, pero infrautilizado es una gran manera de obtener sus ideas en papel para que pueda visualizar mejor lo que le gustaría que el producto final sea.