DISEÑOS WEB

FOOTERS Y WIDGETS
 ¿QUE ES EL DISEÑO WEB?
El diseño web implica trabajo relacionado con el layout y diseño de páginas online, así como la producción
de contenido, aunque generalmente se aplica a la creación de sitios web.

En este caso, los diseñadores web crean las páginas utilizando lenguajes de marcado como HTML o XML.

Por otro lado, la parte visual de los sitios está a cargo del CSS, término utilizado para estilizar los elementos
escritos en HTML.

Por lo tanto, es común que los diseñadores web utilicen ambos para construir un site porque juntos
definirán cómo aparecerán las páginas en los navegadores.

El proceso de creación de sitios se puede realizar desde herramientas como Adobe Dreamweaver (que
requerirá que el profesional sepa más sobre los códigos) y CMS que son plataformas de administración de
contenido.

WordPress es uno de los más conocidos y prácticos porque tiene una serie de templates que pueden basar el
sitio. El web designer tiene la tarea de instalarlos y personalizarlos según lo que cada cliente quiera.
FOOTERS
 ¿QUE SON?
El footer es la parte inferior de una estructura web en la que generalmente se incluyen links de
navegación, enlaces de interés, copyright o botones a las redes sociales del site.

El footer suele estar claramente diferenciada de alguna forma del resto de la página web. O bien
cambiando el color de fondo del mismo o cambiando el tamaño de la tipografía.

El footer está reservado para destacar todo aquello que en la página web haya podido pasar
desapercibido como por ejemplo las redes sociales, el contacto o un formulario de contacto o
suscripción. También se suele utilizar para colocar el copyright o la política de privacidad.
 TIPOS DE FOOTER
En cuanto a su función en la página, podemos clasificarlo en dos tipos:

Informativo: Utilizado en blogs, incluye suscripción por RSS permitiendo así, que el usuario lea en contenido
desde el sitio y vea las páginas adjuntas. Asimismo, cuenta con un formulario de registro al newsletter y otros
aspectos relevantes para el lector.
Corporativo: Puede presentar un formulario con 3 o 4 campos para rellenar, así como enlaces a páginas
vinculadas que sean útiles tanto para la empresa como para su público.

En lo concerniente a su disposición, los clasificamos en:

Footer fijo: Se refiere al componente que siempre aparece en la porción inferior de las páginas de un sitio.
Consiste en un footer permanentemente visible.
Footer flotante: Muy usado en las páginas infinite scroll, reúne la información imprescindible para los usuarios
evitando así, que tarden mucho tiempo hasta llegar al final de la página.
Footer oculto: Componente recomendado para páginas que usan como referencia al alto de viewpoint como su
altura máxima, se utiliza con frecuencia en aplicaciones móviles, webs y SaaS.
 ¿PARA QUE SIRVEN?
Más allá de su connotación informativa, la correcta estructuración del footer tiene como reto optimizar la usabilidad
del sitio. Como los usuarios asumen su existencia y lo asocian al espacio donde pueden quitarse sus dudas, es
imprescindible desarrollarlo de modo que su diseño facilite y eficientice la navegación de los usuarios.

En cuanto a este último punto, como el desarrollo del pie de página requiere la inclusión de diferentes menús y
enlaces, promueve una experiencia de navegación mucho más efectiva y agradable. ¡Y esto confluye en una mejora
significativa en el posicionamiento SEO!

Un footer muy bien estructurado también sirve para incrementar la confianza del usuario, dado que el espacio
destinado al componente puede incluir certificados de calidad y de seguridad de la información, sellos de confianza y
premios.

Otros elementos que fomentan la credibilidad del público ante la marca gracias al footer son los logos de los diferentes
medios de pago, textos legales y las políticas internas.

Por lo tanto, el footer no solo es un elemento importante en términos de diseño y desarrollo, sino también un
componente extremadamente útil para incentivar el consumo transformando visitantes en clientes potenciales.
 EJEMPLOS
1. Lorelei Londres Sorrento

Lorelei Londres Sorrento es un hotel de lujo en Italia que se

esfuerza por brindar hospitalidad y encanto. Su footer
tiene éxito en ambos aspectos.

Superfluid es una marca de belleza vegana apta 2. Superfluid

para cualquier persona. Su footer es básico, pero
redefine muy bien el significado de la sencillez.
Contiene la información que espera el usuario: un
menú bien organizado de artículos de ayuda, aviso
legal y cuentas de redes sociales, un formulario de
registro de correo electrónico, logotipo y los
derechos de autor, pero no de la forma
convencional.
 3. gOOOders

gOOOders es una boutique que vende productos éticos y sostenibles en su plataforma en línea. Su
misión es ayudar a las personas a elegir mejor los productos que compran y la forma en que
viajan.
WIDGETS
 ¿QUE SON?
Un widget es una pequeña aplicación o programa diseñada para facilitar el acceso a las funciones más
usadas de un dispositivo. Su principal característica es que se integran en el escritorio del ordenador o el
teléfono móvil y nos ofrecen información visual sin necesidad de ejecutar nada más. Los widgets son
gratuitos y se pueden conseguir a través de Internet.

En programación, el término hace referencia a la parte de una GUI (interfaz gráfica de usuario) que permite
al usuario interconectar con la aplicación y el sistema operativo. Los widgets muestran información e
invitan al usuario a actuar de varias maneras. Los widgets típicos incluyen botones, cuadros de diálogo,
ventanas emergentes, menús desplegables, iconos, barras de desplazamiento, bordes de ventana
redimensionables, indicadores de progreso, cuadros de selección, ventanas, menús de corte, barras de
menús, conmutadores y formularios.

Estos Widget se encuentran no solo a nivel web sino que es posible encontrarlos en sistemas operativos como
Android, iPhone, Windows, etc. Gracias a esto, podemos añadir nuevas funcionalidades que nos permiten
sacar más partido de las diferentes herramientas.
 TIPOS DE WIDGETS
Aunque hay varios tipos de widgets, estos son los más conocidos y utilizados.

Widgets de escritorio: Son herramientas interactivas que se descargan en el escritorio del ordenador. Es el
caso de los buscadores, las aplicaciones del tiempo, relojes, etc.
Widgets para móviles: Igual que los anteriores, pero adaptados a la tecnología mobile. La forma más sencilla
de instalarlos es mantener pulsado el dedo en una zona de la pantalla en la que no haya iconos y nos saldrá
un desplegable con la opción de los distintos widgets.
Web widgets: Las partes de código que se traducen en funcionalidad o contenidos y que se programan desde
JavaScript, Flash, Silverlight y Windows Media Player.
Widgets físicos: Son mecanismos compactos que integran funciones típicas de los widgets, como alarmas, el
tiempo, etc.

En su mayoría no son gratuitos y no producen ingresos. Sin embargo, son herramientas muy valiosas para
las empresas en la medida en la que se pueden usar para generar tráfico a la página web o simplemente
para crear imagen de marca (branding).
 LOS WIDGETS DE WORDPRESS
Los widgets son elementos muy utilizados en la confección de las páginas web de negocios elaboradas
mediante WordPress. Lo habitual es que se sitúen en la barra lateral o slidebar, en la cabecera (header) o en
el pie (footer) de la página, y que conserven los colores corporativos y los estilos de la misma.

En WordPress, un widget se diferencia de un plugin en que el plugin aporta una funcionalidad a la página,
mientras que el widget lo que hace únicamente es mostrarla visualmente. Por decirlo de otra manera, todos
los widgets tienen que estar incluidos en un plugin, pero pueden existir plugin que no tengan widgets.

Otra de las diferencias entre un término y el otro es que los plugin mantienen su estructura cuando se
modifica el tema de una página diseñada con WordPress, mientras que los widgets cambian. Para
gestionarlos desde el menú lateral de WordPress, hay que acudir a la sección ‘Plugins’ y allí se pueden
consultar los que ya están instalados y añadir otros nuevos.
 EJEMPLOS
Un ejemplo de widget es la lista de tareas pendientes en la pantalla del
teléfono móvil. Esta aplicación no es el gestor de eventos en sí. Tan solo es
un programa -más pequeño- que se conecta al gestor (puede ser Google
Calendar) y descarga una información específica: las tareas pendientes.

Siguiendo con el celular, el módulo que indica el porcentaje restante de

batería también es un artilugio. Este no se encarga de administrar u
optimizar el hardware. Su función es simplemente indicar cuánto queda de
carga disponible.

Para el caso de un sitio web se puede identificar como widget una casilla de
redes sociales, donde se listan y enlazan los perfiles en Facebook, Twitter,
Instagram y Flickr del autor (como sucede en la parte superior de este blog).

Un motor de búsqueda interno, las entradas más recientes, una casilla de

anuncios publicitarios y una nube de etiquetas también son artefactos que
agregan valor y optimizan la experiencia del usuario.