Diseño web

Google sites

• ¿ Que Es ? Es una aplicación online que permite crear sitios web de forma sencilla. Cualquier usuario con unos pocos conocimientos de informática puede construir un sitio web que contenga fotos, vídeos, calendarios, descarga de archivos, etc.

Cualidades

• No necesita conocimientos del lenguaje HTML para la construcción de una página web básica. La publicación de contenidos es inmediata y no se necesita buscar ningún servidor donde alojar la web creada. Permite trabajar en grupo y compartir todo tipo de documento

Creacion de un sitio web

• Paso 1 : Crear el sitio web: seguir paso a paso , es necesario tener una cuenta google, si no es así, debemos crearla. Completar el formulario respectivo para la creación del sitio web. Luego de completar toda la información y dar clic en crear sitio.

paso 2

• Podemos elegir el tipo de letra, el tamaño, el formato y color de la fuente, numeración, viñetas, sangrías y justificaciones. Menú Insertar: para insertar cualquier tipo de elemento. Menú Formato: cambia tamaños y pone algunos formatos especiales de texto.
• Menú Tabla: para insertar tablas. Menú Diseño: para elegir entre páginas a 1 o 2 columnas.

paso 3

• Le ponemos nombre a la página que vamos a crear y elegimos uno de los cinco tipos disponibles: Página web simple Página a dos columnas Anuncios Página archivador Página tipo lista

paso 4

• 1. Compartir este sitio. Un sitio puede ser compartido con todo el mundo (público) o con los usuarios que especifiquemos. Como dijimos al principio. 2. Cambiar aspecto. Veamos cómo cambiar el aspecto de nuestra página. Cambiar los colores y las fuentes

paso 5

• Una vez abierta la página: Mas acciones > Configuración de la página: Podemos elegir la configuración que más nos interese. Conviene recordar que al nombrar las páginas no debemos utilizar caracteres como la ñ, ni tildes o diéresis.

paso 6

• Este curso está editado y publicado con Google Sites. Algunos ejemplos para hacerse una idea del aspecto que pueden tener estos sitios: Classroom, Ski Club, Play group, Family website, Team Project, Company Intranet

Diez claves para un buen diseño

Untitled Slide

• Los criterios a la hora de diseñar una página web han ido cambiando de manera significativa en los últimos años. Para lograr un diseño web de última generación, hoy en día, hay que pensar en términos de comunicación eficaz, contenido relevante y objetivos concretos.

diseño limpio y espacioso

• Hoy en día sabemos que el visitante de una web sí que tiene tiempo, siempre y cuando se le guíe adecuadamente y se le deje “respirar” visualmente. El usuario decide si le interesa lo que se le propone y es más probable de que le interese un determinado contenido si su presentación es limpia y espaciosa.

2. PITCH, ESLOGANS Y CTAS

• Sobre todo en la página de INICIO de una web, pero también en cualquier subpágina debe integrar estos 3 elementos del marketing online que son IMPRESCINDIBLES. El objetivo es que el visitante, cuando entre en la web, en pocos segundos tenga claro los puntos clave respecto a la empresa, organización o institución que está visitando:

Untitled Slide

• A QUÉ SE DEDICA Y QUÉ OFRECE » este es el “pitch”. Debe ser visible, corto y claro. * EN QUÉ SE DIFERENCIA O ESPECIALIZA » mediante uno o varios slogans, con o sin imágenes. * QUÉ SUGIERE QUE EL VISITANTE HAGA AHORA » este es el CTA (Call To Action) o llamada a la acción.

3. AFINIDAD CON LA IMAGEN CORPORATIVA

• Este elemento es, en principio, de sentido común. Al entrar, nos encontramos con el logotipo y los colores corporativos de la empresa, ofertas actuales, títulos, sellos de calidad y demás logros de la empresa, etc. Es importante que tu página web refleje fielmente tu imagen corporativa

4. ESTRUCTURA CLARA Y FÁCIL DE NAVEGAR

• La ESTRUCTURA de la información debe ser CLARA y FÁCIL DE NAVEGAR. A mayor cantidad de contenido, mayor el reto. La falta de estructura es lo que impide el crecimiento de muchas webs inicialmente pequeñas.

5. CALIDAD DE LA COMUNICACIÓN VISUAL

• Este elemento clave es cada vez más importante. “una imagen dice más que mil palabras”. Pero eso depende de la imagen. El logotipo de la empresa es el elemento que nos indica con quién estamos tratando – por lo tanto, también debe ser el primer elemento gráfico que veamos en la parte superior de la web.

6. CONTENIDO CORPORATIVO Y CONTACTO

• Diferenciamos el contenido corporativo – que suele ser bastante estático, sin necesidad de muchas actualizaciones – del dinámico. Aquí se trata de presentar, de manera ENTENDIBLE para un usuario no familiarizado con tu negocio, los pilares de tu actividad empresarial

7. CONTENIDO DINÁMICO ACTUAL Y RELEVANTE

• Este elemento es, probablemente, el que genera más “dolores de cabeza” a las empresas. Se trata de la constante generación de contenidos de valor añadido para atraer al público objetivo, deberán ser contenidos constantemente actualizados y relevantes

8. COMPATIBILIDAD CON DISPOSITIVOS MÓVILES

• Sin duda, los dispositivos móviles son el futuro de Internet y de las páginas web. Hay que destacar las siguientes tendencias: el uso de tabletas crece exponencialmente, y las nuevas generaciones de Smartphones disponen de pantallas más grandes y de alta resolución. Las páginas web del futuro, por lo tanto, deben ser capaces de adaptarse a estos dispositivos móviles en cuanto a navegación

9. PUBLICACIÓN EN REDES SOCIALES

• las redes sociales también son medios de difusión masiva al alcance de todas las personas físicas o jurídicas, un sinónimo de libertad de expresión, y una enorme oportunidad para empresas de toda índole. La mayoría de tráfico te lo proporcionará Google, luego las redes sociales, y de ellas en primer lugar: Facebook.

10. SEO Y ANALÍTICAS WEB

• Aquí tenemos que diferenciar el SEO – “Search Engine Optimization” = optimización para buscadores, y el SEM – “Search Engine Marketing” = publicidad en buscadores. El SEM puede apoyar y acelerar tanto las estrategias de SEO como las del marketing online, es opcional y cuesta dinero. El objetivo del SEO es la indexación óptima del contenido de la web por parte de los buscadores, con el fin de que sus contenidos se muestren en los primeros resultados de búsqueda para ciertos términos

estructura de un sitio web

tipo de arbol

• Es una estructura muy jerarquizada y algo compleja y difícil para navegar. Puede ser útil para estructurar nuestro sitio en canales o grupos de páginas independientes. En cualquier caso no conviene que el número de niveles sea excesivo, nunca más de 3.

tipo lista

• Esta forma de organizar un sitio es muy parecido a un libro donde cada página sería un capítulo del mismo. Pasamos del primer al último capítulo a través de los intermedios. Es una implementación muy adecuada para manuales o para procesos donde el usuario deba recorrer forzosamente una serie de páginas.

estructura mixta

• Las páginas están jerarquizadas en niveles, pero dentro de cada nivel se organizan como listas, de forma que podemos recorrer todas las páginas de un mismo nivel sin tener que salir de él.

tipo red

• Es una estructura de apariencia algo anárquica en la que hay que cuidar mucho de no dejar enlaces abiertos, es decir, apuntando a una página inexistente.

diseño de un sitio web de interes

Untitled Slide

• Antes de crear un sitio web hay que tener en cuenta los siguientes lineamientos para el diseño de acuerdo a su actividad académica: Elegir una plantilla de las propuestas de acuerdo al tema seleccionado. Utilizar menús desplegables ya sea horizontales o verticales donde se acceda a todas las subpáginas. (mínimo deben haber 6 subpáginas) Incluir imprescindiblemente los botones, INICIO y GALERÍA, además de los correspondientes para compartir con redes sociales

Untitled Slide

• Clasificar el contenido en categorías o etiquetas. Utilizar contenidos multimedia de buena calidad en cuanto a resolución y estética. Usar la opción de ubicación geográfica de google maps. No olvidar el anexo de referencias al respecto de todos los textos o imágenes utilizadas en favor de los derechos de autor

Untitled Slide

• Para resaltar algunas aspectos : UBICUIDAD VISIBILIDAD CONTENIDO ESTÉTICA FIDELIDAD

Muchas Gracias