diseño

elementos de navegacion de los sitios wed

Jurado Santamaria Jatziri Denisse y Jimenez Ramos Perla Elena -612-

¿Que es una pagina web?

Conjunto de informaciones de un sitio web que se muestran en una pantalla y que puede incluir textos, contenidos audiovisuales y enlaces con otras páginas.

¿Que es un sitio web?

El sitio web es como una red de pesca que atrapa a las personas interesadas en la temática que maneja o los productos o servicios que ofrece.

¿Cuales son los elementos que debe tener una pagina web?

Encabezado El encabezado es la parte superior de una página web. Normalmente, es lo primero que ven los visitantes cuando ingresan a un sitio por lo que debe diseñarse de la manera más clara posible. A menudo se mantiene simple y el contenido debe estar escrito en una fuente clara y legible. Usualmente el encabezado suele aparecer en todas las subpáginas y tiene el mismo diseño en cada una de ellas.

Menú El menú es el mapa del sitio que ayuda a los visitantes a encontrar lo que buscan, ya sea la tienda online de tus productos, o alguna información sobre tu empresa. Existen diferentes tipos de menús en una página web, los más comunes aparecen en el encabezado. Por lo general, el menú contiene las subpáginas más importantes, como la página de quiénes somos, la página de contacto y elementos principales como la tienda y el blog. Para simplificar realmente la navegación de tu sitio web a través del menú, debes estructurarlo de manera lógica e intuitiva y pensar detenidamente qué subpáginas desea mostrar. En pocas palabras, incluir las categorías adecuadas en el menú dentro del encabezado de una página web es esencial para ayudar a los visitantes a encontrar las páginas más importantes y, en última instancia, puede marcar la diferencia entre un sitio web exitoso y uno que no tiene los resultados deseados.

Imágenes Aunque el contenido es muy importante, lo que realmente atrapa la atención de los visitantes son las impactantes imágenes que elijas. Usualmente, son lo primero que ve un usuario después del encabezado, por lo que son esenciales para generar una buena primera impresión. En particular, la primera imagen es la que marca la diferencia entre el éxito (o sea, un usuario que permanece en tu sitio) y el fracaso (un usuario que se va de tu página web). La primera imagen, junto con el encabezado y el menú, conforman lo que comúnmente se conoce como "above the fold", que es la sección de un sitio web que es visible para los usuarios a primera vista sin necesidad de desplazarse. Con esto en mente, las imágenes que eliges deben de representar lo que hace tu negocio o marca, ya sea que sean de tus productos o servicios, o simplemente imágenes que representen tu esencia, busca aquellas que verdaderamente sean afines a ti.

Contenido del sitio web Por contenido, nos referimos a las palabras escritas y los elementos en tu sitio que explican de qué se trata, qué tiene para ofrecer y por qué es relevante para los visitantes. El contenido de un sitio web cubre una amplia gama de funciones. Desde los párrafos que explican la misión de tu marca o negocio, hasta una sola palabra en los diferentes botones. En la mayoría de los sitios web, gran parte del contenido está escrito en fragmentos de texto. Sin embargo, las imágenes y los videos son tan importantes como los textos, ya que visualizan lo escrito. Tómate tu tiempo para planificar cuidadosamente el contenido de tu sitio web para asegurarte de que cualquier visitante pueda comprenderlo tan bien como tú. Recuerda que siempre puedes actualizar el contenido de tu página web y mejorarlo si algo no funciona como lo planeaste.

Página de inicio Si estamos hablando de las partes esenciales de una página web, seguro la página de inicio es una de ellas. Todos los diferentes tipos de páginas web tienen una sola página en común, la página de inicio. Siendo la primera impresión que tendrán los visitantes de tu sitio, tu página de inicio debe comunicar tu mensaje principal para mantener a tus visitantes interesados. Uno de los consejos al diseñar tu página de inicio, es mantener la primera página con un aspecto limpio y organizado. Mantén sólo la información más relevante como tu logo, tu tipo de negocio, tu eslogan y un botón que invite a los visitantes a explorar más tu sitio web.

Pie de página En términos sencillos, el pie de página se encuentra en la parte inferior de un sitio web. Normalmente contiene un mapa del sitio, que ayuda a los visitantes a encontrar lo que están buscando. Es el lugar ideal para enlazar a contenido importante que no pertenece al encabezado o al contenido principal, así como información básica de contacto y redes sociales. En el pie de página también puedes incluir una barra de suscripción a tu newsletter, la política de devoluciones para tu tienda online, o preguntas frecuentes.

Logo Si deseas construir una marca, entonces el logo es una parte importante de tus esfuerzos de marca. El logotipo de tu marca ayuda a representar a tu empresa y la hace reconocible y memorable tanto para los clientes existentes como para los potenciales. Normalmente, los logos dentro de una página web se encuentran en el encabezado, ya sea en la parte superior izquierda, o en el centro, y están vinculados a la página de inicio. Si ya tienes un logo, agrégalo en tu encabezado y asegúrate de que esté enlazado a tu página de inicio. Si deseas crear un logo, puedes utilizar un creador de logos como el de Wix, para diseñar tu propio logotipo. Te compartimos esta guía completa de cómo hacer un logo.

CTA o llamados a la acción Si creas una página web, probablemente estés buscando generar resultados con ella, como vender productos, promocionar tus servicios o atraer visibilidad a tu portafolio. Sea cual sea el objetivo, tienes que intuir a tus visitantes para que lleguen al lugar correcto, y para esto sirven los CTAs. Un CTA es un texto breve que se formula como una llamada a la acción y tiene como objetivo alentar a los visitantes a dar el siguiente paso hacia la conversión. Los CTAs, o llamados a la acción se pueden poner en un botón o como un enlace directo a tu texto. Siempre deben ser cortos, tener un verbo imperativo y, mejor aún, incluir cierta sensación de urgencia como “comprar ahora”. Coloca tus llamados a la acción de forma destacada en varios lugares relevantes de tu sitio web, por ejemplo, junto a la descripción de un producto o directamente en el encabezado de tu sitio. Sigue estos consejos para perfeccionar los CTAs, y verás como tu página web comenzará a rendir frutos.

Blog Un blog es esencialmente una colección de artículos y publicaciones que se relacionan con tu negocio. Cada vez más, es muy común que las páginas web utilicen esta herramienta dentro de su estrategia de email marketing y SEO. Un blog puede crearse como un sitio web independiente o vincularse como una subpágina en la barra de navegación. Aunque es un elemento opcional de una página web, crear un blog es una excelente manera de compartir información detallada con tu audiencia. Muchos clientes aprecian este contenido adicional, y un blog puede tener un efecto positivo en la imagen de tu marca. Además, con cada publicación de blog, se indexan páginas adicionales bajo tu dominio, lo que a su vez puede optimizar su clasificación en los motores de búsqueda (SEO) y atraer más tráfico.

Formularios Tan opcional como el blog es la integración de un formulario en línea en su sitio web. Los formularios en línea generalmente se utilizan para recopilar información. Pero también se pueden utilizar para otros propósitos como un formulario de contacto que permita a los visitantes comunicarse contigo directamente desde tu sitio. En términos generales, un formulario puede ser demasiado agresivo para la página de inicio, pero puede ser genial en una página de contacto. Dependiendo del tipo de página web, puedes agregar un formulario de contacto, un formulario de registro o un formulario de pago a tu sitio web.

Buscador El buscador es un elemento de una página web que muchas veces no recibe la importancia que merece. Algunos sitios web no cuentan con este recurso, lo que vuelve agobiante explorar los contenidos o buscar un tema en específico. No le restes relevancia al buscador dentro de tu página web; en realidad, ayuda a tus visitantes a encontrar lo que necesitan. Este elemento brinda usabilidad y conveniencia, a la vez que logra retener a la persona que visita tu sitio. El cuadro de búsqueda puede ser muy simple y añadirse en un lugar estratégico de tu página; por ejemplo, en el encabezado o en las columnas laterales. Según sea la intención de tu tipo de servicio, puedes crear un buscador más robusto, con opciones múltiples y un diseño más atractivo.

Video Si bien un video no es un elemento obligatorio en una página web, sí se ha vuelto en una pieza esencial para aumentar tu retención. Los usuarios gastan un 88 % más de tiempo en una web que tiene contenido en video con respecto a una que no tiene. Además, los videos se han convertido también en una buena herramienta para atraer la atención de los clientes e informarles de manera rápida y dinámica sobre un tema en específico o, incluso, decirles quién es tu marca. Este elemento puede integrarse en cualquier parte de la estructura de tu página web. Muchas marcas han optado por incluirlo en la sección de imagen destacada o en la parte central. El video puede ser largo o corto; esto dependerá de lo que quieras mostrar.

Icono de URL El icono de URL, también conocido como favicon, es un elemento que brinda detalles de cualquier sitio web, refuerza la marca y permite a los usuarios tener una conexión visual más rápida. Este elemento aparece en el navegador y en la pestaña de marcador como un pequeño icono de la marca. Agregarlo contribuye a la usabilidad web.

Información de contacto La información de contacto es un elemento que suele colocarse en la parte final, en el pie de página. En esta sección se incluyen datos que proporcionan más información al visitante acerca de tu negocio, por ejemplo: dirección, número de contacto, redes sociales o incluso un mapa con la ubicación exacta. Este elemento es estratégico para aminorar las preguntas que pueda realizarte un usuario en caso de que quiera visitar tu sucursal física o explorar tus redes sociales. Puedes poner cuanta información consideres necesaria. Solo te recomendamos hacerlo de forma breve y explícita para evitar confundir al usuario.

Botones de redes sociales Otra parte importante de tu web de inicio son los botones de redes sociales, pues son el mejor medio del que disponen las empresas para llegar a su público. Además de favorecer el retorno de la inversión y aumentar la visibilidad, las redes son un canal perfecto para la atención al cliente y averiguar qué les interesa a tus potenciales clientes. Incluir botones que redirijan a las diferentes redes sociales ayudará a unificar tu presencia digital y, en consecuencia, aumentará la confianza de los usuarios.

Geolocalización Los usuarios ven muy útil saber dónde están las empresas, de hecho, los primeros puestos de posición orgánica, incluso por encima de los puestos pagados en buscadores, corresponden a los mapas. Esto se debe a que un gran número de las búsquedas que se hacen desde dispositivos móviles son para conocer la ubicación de las empresas. Por ello, aparecer en Google Maps elevará la confianza de los usuarios y mejorará tu posicionamiento, además de ser muy sencillo de incrustar en la web. No olvides el diseño responsive, ya que debe estar totalmente adaptado a una correcta visualización desde los dispositivos móviles. Si dispones de negocio físico y crees que por su decoración o por ofrecer una experiencia extra a los usuarios, aumentarás tu ventaja competitiva mostrando el interior, recomendamos ir un paso más allá y recurrir a Street View Trusted, que consiste en un tour del mismo mediante fotos panorámicas en 360º.

Animaciones Las animaciones en sitios web hacen que los sitios cobren vida y deleitan a tus usuarios. Si se hace correctamente, puedes mejorar la experiencia general del usuario. Además, las animaciones muestran a los usuarios del sitio la información de tu sitio web y les ayuda a comprender mejor cómo funciona tu sitio.

SonidosLos sitios web accesibles suelen brindar conversores de texto a voz y captchas sonoros para ayudar a usuarios con dificultades visuales.

QREl código QR, menos conocido como Quick Response en inglés, es un tipo de código de barras que permite a los usuarios experimentar una transacción monetaria o informativa sin contacto. Puede ser escaneado y entendido por casi cualquier dispositivo inteligente.

¿COMO SE ESTRUCTURA UNA PAGINA WEB?

Cabecera o header La cabecera es la parte superior de la página web. Aquí suele incluirse la información básica de la empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web por la que navegas. Los elementos que se incluyen en la cabecera son: Logo de la empresa El menú de navegación Un cuadro de búsqueda Una pequeña descripción de la web