Pasos Simples Para El Diseño Web De Alta Calidad


Asegúrate de que tus páginas web no sean demasiado largas. Solo tienes una oportunidad de hacer una primera impresión, y si tu contenido más importante está «por debajo del pliegue», es posible que ni siquiera se lea. Si tiene una gran cantidad de contenido relacionado que necesita permanecer juntos, considere dividir en secciones y agregar vínculos a cada sección.

Quick Tip Asegúrate de que tus páginas web no sean demasiado largas. Solo tienes una oportunidad de hacer una primera impresión, y si tu contenido más importante está «por debajo del pliegue», es posible que ni siquiera se lea.

El sitio web de Google es limpio y sencillo. Algunos sitios mantienen las cosas simples, mientras que otros van más complicados para aumentar la excitación. Independientemente de lo que desee para su sitio, hay ciertos fundamentos que debe entender. Así que sigue leyendo para descubrir algunos consejos realmente útiles para el diseño web.

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.

El Visitante

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.

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

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

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.

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

Busque nuevas ideas en los foros dedicados al diseño web si usted quiere una ventaja, o simplemente para aprender más. Usted puede encontrar la respuesta a casi cualquier pregunta de diseño web simplemente buscando con su motor de búsqueda favorito.

Utilice un servicio de rastreo, en lugar de mostrar su contador de visitantes para que todos lo lean. Muchos sitios web todavía muestran sus contadores, sin embargo, no sirven ningún propósito real. Hay muchos servicios de seguimiento de alta calidad disponibles, y algunos son incluso gratis. Utilice estos en lugar de mostrar la cantidad de personas que visitan.

Quick Tip Utilice un servicio de rastreo, en lugar de mostrar su contador de visitantes para que todos lo lean. Muchos sitios web todavía muestran sus contadores, sin embargo, no sirven ningún propósito real.

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.

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.

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

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.

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.

Internet Explorer

Asegúrese de garantizar la prioridad de las necesidades de su usuario. El diseñador web debe centrarse en las necesidades del usuario final en todo momento. Estos incluyen la usabilidad, la experiencia del usuario, la accesibilidad y la interacción del usuario. Estas son consideraciones vitales que debe tener en cuenta. Intenta ver las cosas desde la perspectiva de tu visitante cuando diseñes.

Quick Tip Asegúrese de garantizar la prioridad de las necesidades de su usuario. El diseñador web debe centrarse en las necesidades del usuario final en todo momento.

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.

Los tipos de archivos que utiliza para los gráficos de su sitio web afectan directamente a los tamaños de archivo que a su vez afectan a la rapidez con que se carga su sitio Web. Por lo general, es mejor usar GIFs o JPEG para sus gráficos. Aunque los archivos PNG y MBP pueden ser las mejores opciones para los gráficos Web, se toman demasiado espacio en disco. Debe convertir los gráficos en un tipo de archivo más manejable que hará una experiencia más agradable para sus usuarios.

Quick Tip Los tipos de archivos que utiliza para los gráficos de su sitio web afectan directamente a los tamaños de archivo que a su vez afectan a la rapidez con que se carga su sitio Web. Por lo general, es mejor usar GIFs o JPEG para sus gráficos.

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.

Tener una navegación clara. Cuando un visitante llegue a su sitio, asegúrese de que puede pasar por su sitio. Debe tener una navegación clara para hacer esto. Tener todos los enlaces importantes en lugares destacados. Intente vincular muchas páginas de su sitio. Permitir que la información se encuentra en cada parte del sitio.

Quick Tip Tener una navegación clara. Cuando un visitante llegue a su sitio, asegúrese de que puede pasar por su sitio.

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.

Vea la cantidad de multimedia llamativa que se encuentra en su sitio. No exageres con un montón de «extras». Los gráficos Flash y multimedia pueden parecer atractivos, pero estos pueden dificultar que los visitantes encuentren la información deseada del sitio, especialmente si están visualizando su sitio desde un dispositivo compatible que no sea Flash.

Quick Tip Vea la cantidad de multimedia llamativa que se encuentra en su sitio. No exageres con un montón de «extras».

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.

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.

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

Aprender sobre el diseño web es un tema que se hace más fácil cuanto más se trabaja en él. Así que adelante y empezar con algunas páginas simples con HTML y c + para ver si usted tiene algunos de los fundamentos abajo. La práctica tiene que empezar en algún lugar mejor para empezar antes que tarde.

Familiarícese con Photoshop tanto como pueda si acaba de empezar con el diseño web. Usted quiere ser tan diversa con una gran cantidad de programas como sea posible y Photoshop es crucial para convertirse en un profesional en el diseño web. Así que aprende este programa y prepárate para los demás también.

Su Sitio

Si bien es posible que veas otras estrategias y diseños que te gustan, es importante seguir siendo inventiva cuando diseñes tu sitio Web. Desarrolle sus propios diseños y características, así como mejorar los que ha visto en otros sitios. Tomar este paso es seguro que le ayudará a maximizar sus esfuerzos en el diseño de sitios Web.

Quick Tip Si bien es posible que veas otras estrategias y diseños que te gustan, es importante seguir siendo inventiva cuando diseñes tu sitio Web. Desarrolle sus propios diseños y características, así como mejorar los que ha visto en otros sitios.

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.

Evite el uso de captchas, excepto en el caso de un nuevo registro de usuario. Tan pronto como un espectador ve un CAPTCHA, automáticamente pensarán que tendrán que hacer mucho trabajo simplemente ver su página web. A menos que este visitante ya sea un seguidor dedicado, probablemente sólo van a hacer clic en su navegador hacia otro rincón de Internet.

Quick Tip Evite el uso de captchas, excepto en el caso de un nuevo registro de usuario. Tan pronto como un espectador ve un CAPTCHA, automáticamente pensarán que tendrán que hacer mucho trabajo simplemente ver su página web.

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.

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.

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

HTML5 es algo con lo que vas a tener que estar familiarizado si quieres tener un verdadero éxito con el diseño web. Si usted no está familiarizado con HTML5, entonces usted va a tener un montón de trabajo para lograr en el futuro, así que tener su mente preparada y empezar a aprender,

Céntrese en cómo planea manejar la interacción mientras diseña un sitio. ¿Tiene una caja de gritos en el sitio? Tal vez usted tiene un foro o algún tipo de sala de chat. Por lo menos, sin embargo, es necesario tener algún método por el cual un visitante puede ponerse en contacto con usted. Usted no puede permanecer apagado de la comunicación.

Quick Tip Céntrese en cómo planea manejar la interacción mientras diseña un sitio. ¿Tiene una caja de gritos en el sitio? Tal vez usted tiene un foro o algún tipo de sala de chat.

Si bien es posible que veas otras estrategias y diseños que te gustan, es importante seguir siendo inventiva cuando diseñes tu sitio Web. Desarrolle sus propios diseños y características, así como mejorar los que ha visto en otros sitios. Tomar este paso es seguro que le ayudará a maximizar sus esfuerzos en el diseño de sitios Web.

Cualquier anuncio que pongas debe ser mínimo en tamaño. Esto puede hacer que la gente se sienta incómoda. Incorpore contenido que no abarrote el sitio. Esto permite a los visitantes ver una página web que es profesional en el diseño y los impulsa a regresar.

Quick Tip Cualquier anuncio que pongas debe ser mínimo en tamaño. Esto puede hacer que la gente se sienta incómoda.

Evite el uso de captchas, excepto en el caso de un nuevo registro de usuario. Tan pronto como un espectador ve un CAPTCHA, automáticamente pensarán que tendrán que hacer mucho trabajo simplemente ver su página web. A menos que este visitante ya sea un seguidor dedicado, probablemente sólo van a hacer clic en su navegador hacia otro rincón de Internet.

Obtenga comentarios sobre su diseño web. Un diseñador web es solo una persona, y lo que puede resultar atractivo o útil, puede ser considerado por otros como irrelevante y difícil de navegar. Si es posible, consigue que algunos miembros de tu mercado objetivo prueben tu sitio y te den retroalimentación sobre lo que les gusta y lo que no.

El Diseño

Cuando llegue el momento de elegir un anfitrión para su sitio web, asegúrese de que sabe exactamente lo que le va a proporcionar y a qué costo. Cosas como el espacio en disco y el ancho de banda son cruciales para el correcto funcionamiento de su sitio, así que asegúrese de antemano de que su anfitrión le está proporcionando todo lo que necesita y a un precio que puede manejar.

Quick Tip Cuando llegue el momento de elegir un anfitrión para su sitio web, asegúrese de que sabe exactamente lo que le va a proporcionar y a qué costo. Cosas como el espacio en disco y el ancho de banda son cruciales para el correcto funcionamiento de su sitio, así que asegúrese de antemano de que su anfitrión le está proporcionando todo lo que necesita y a un precio que puede manejar.

Recuerda que no tienes que diseñar todo el sitio web por ti mismo. El diseño web incorpora muchos conjuntos de habilidades diferentes, desde el diseño gráfico hasta la codificación y la optimización de motores de búsqueda. No deberías avergonzarte si no eres un experto en todos ellos. Puedes contratar a una empresa o profesional que se especialice en cualquier área con la que no estés bien versado.

Optimice todas las imágenes que utilice para la Web. Si miras a través de Internet, puedes encontrar una gran cantidad de ejemplos de imágenes que son demasiado grandes y ralentizan el tiempo de carga de la Página Web. Asegúrese de que ha optimizado cada imagen que utiliza. Guarda la imagen como un JPEG o GIF y apunta a que el tamaño del archivo esté en algún lugar entre 5K y 20K.

Quick Tip Optimice todas las imágenes que utilice para la Web. Si miras a través de Internet, puedes encontrar una gran cantidad de ejemplos de imágenes que son demasiado grandes y ralentizan el tiempo de carga de la Página Web.

Mejore sus habilidades de presupuestación de tiempo si planea crear un sitio web en un marco de tiempo razonable. Hay un montón de trabajos involucrados, así que no puedes posponer. Entonces, usted tendrá un montón de trabajo acumulado y se abruman. Trabaje de manera constante y progrese hacia sus metas.

Sea consistente en el uso de combinaciones de colores y fuentes en su sitio Web. Hacer cambios en los colores y las fuentes de una página a otra puede confundir a los visitantes, y pueden pensar que han abandonado su sitio. Evita este problema al ser consistente con los gráficos de tu sitio Web. Para lograr la máxima cohesión, utilice el mismo esquema de color y fuentes en sus folletos y otras publicaciones de la empresa.

No importa el tipo de sitio que pretenda diseñar, esta información lo llevará en el camino correcto. ¡ Comience hoy mismo, y usted se sorprenderá con los resultados!

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.