[11.1] Cómo estudiar este tema? [11.2] Desarrollo de una estrategia de diseño web. [11.3] Planificación y producción web

Transcripción

1 Diseño orientado a la web. Producción web [11.1] Cómo estudiar este tema? [11.2] Desarrollo de una estrategia de diseño web [11.3] Planificación y producción web [11.4] Posicionamiento web [11.5] Motion Graphics y diseño multimedia TEMA

2 Esquema TEMA 11 Esquema

3 Ideas clave Cómo estudiar este tema? Para estudiar este tema lee el capítulo 3 (páginas ) del manual de la asignatura: Manual de diseño gráfico digital, de Bob Gordon y Maggie Gordon (Editorial Gustavo Gili, SL), además de las Ideas clave Desarrollo de una estrategia de diseño web El diseño web es una industria en sí misma. Debemos contar con un brief con los objetivos a alcanzar bien definidos y no apartarnos jamás de esos planes originales. Consideraremos los gráficos a incluir, los pesos de los archivos, el uso de animaciones y demás especificidades. Nos aseguraremos de utilizar los archivos en la versión más antigua posible para su correcta visualización en cualquier ordenador o navegador. Estudiaremos las directrices de accesibilidad en vigor, para que nuestro sitio cumpla con todas ellas. TEMA 11 Ideas clave

4 11.3. Planificación y producción web En la producción web pueden intervenir muy diversos profesionales: diseñadores gráficos, jefes de producción, editores de imágenes, responsables audio y video... Se decidirá una estructura del sitio web va a ser lineal o no lineal, creando un mapa del sitio web que indique las posibles rutas y enlaces del sitio web. Se realizarán maquetas graficas de las páginas más importantes utilizando Photoshop y se le mostrarán al cliente para que este las apruebe. Una vez aprobado el grafismo, la estética y la navegabilidad de la web será cuando comenzaremos a trabajar con el HTML y a maquetar la web. TEMA 11 Ideas clave

5 11.4. Posicionamiento web Cuando solicitamos información a través de un buscador, lo hacemos mediante palabras clave. Esta herramienta nos devolverá resultados relacionados con la palabra clave elegida. Una página con buenos contenidos será indexada más arriba en un ranking que una página que contenga un contenido más pobre. El robot en una web, la lee de arriba a abajo y chequea los links, volverá a visitarla y si se han hecho cambios importantes, el buscador los reconoce y pueden mejorar el posicionamiento de la web. Dar de alta la página en los diferentes buscadores no sirve de nada si no se cuida el posicionamiento a partir de palabras clave para generar tráfico hacia tu sitio web. Un sitio web ha de ser dinámico, ha de cambiar cada cierto tiempo, estar en continua actualización. Nuestra web ha de alojar contenidos originales y que se parezcan lo menos posibles para que estos nos referencien únicamente a nosotros. El análisis de palabras clave es vital para el posicionamiento en buscadores de una página web. Las palabras individuales son muy buscadas, por ello, es preferible elegir frases clave. Los usuarios suelen realizar una búsqueda refinada para conseguir lo deseado. Casi nadie busca con una palabra suelta, optando por frases más largas que obtienen resultados más enfocados. La lección entonces para el que quiere posicionar una página web es, en una palabra, precisión. En conclusión, si al elegir nuestras palabras clave o frases, somos muy precisos, nos beneficiaremos de menos competencia y más visitas. TEMA 11 Ideas clave

6 A la hora de crear una página web, hay una serie de elementos que tenemos que tener en cuenta: Título: Contendrá no solo el nombre de la pagina web, si no que cada documento que componga la web debería tener su título individual para favorecer la indexación. Texto: Es el contenido en texto plano de nuestra página web, toda la información escrita que es susceptible de ser leída por el usuario. Este texto debe ser tratado con cuidado, resaltando las palabras importantes y elaborando frases que puedan ser fácilmente indexadas. Enlaces: Los enlaces son la base sobre la que se sustenta internet, debemos pensar muy bien cada enlace que colocamos en nuestra página y revisarlos para que funcionen correctamente. Imágenes: La imagen resulta casi tan importante como el texto, debemos nombrarla con nombres claramente identificativos de su contenido. Metatags: Son las palabras clave que introducimos ocultas en nuestra web para que los buscadores nos indexen y referencien. Que no debemos hacer si queremos posicionar bien nuestra página: TEMA 11 Ideas clave

7 11.5. Motion Graphics y diseño multimedia La forma multimedia más conocida son los gráficos para televisión. A diferencia de internet, donde el tiempo de carga depende de la velocidad, los multimedia solo se ven limitados por la velocidad a la que el ordenador lee la información del disco. Se obtiene una reproducción en tiempo real, sin saltos de vídeo ni falta de respuesta en la interactividad, además permite el uso de tamaño de archivo mucho más mayores. TEMA 11 Ideas clave

8 Lo + recomendado Clases magistrales Posicionamiento web Duración: 11:08 min. En este tema sobre producción web, Diego Castro se centra en el posicionamiento web, estableciendo unas pautas para mejorar el posicionamiento de una página web. El video está disponible en el aula virtual No dejes de leer Seo. Optimización de webs para buscadores En el siguiente enlace encontrarás un libro sobre posicionamiento web, que nos dará algunas claves para colocar nuestra página en los principales buscadores. El artículo está disponible en el aula virtual o en la siguiente dirección web: TEMA 11 Lo + recomendado

9 No dejes de ver Usability Testing with a Paper Prototype Prototipo web muy visual que ejemplifica perfectamente la navegación del sitio web. El vídeo está disponible en el aula virtual o en la siguiente dirección web: TEMA 11 Lo + recomendado

10 + Información A fondo The real reason you should care about web standards En este artículo se presentan los estándares web, los beneficios de su uso, cómo empezar a trabajar con ellos y algunas conclusiones importantes para todo aquel que desee crear sitios web usables y fáciles de mantener. El artículo está disponible en el aula virtual o en la siguiente dirección web: Webgrafía Posicionamiento en buscadores en Open Directory Project Directorio en el que encontrarás numerosos recursos para profundizar en el posicionamiento web. C3%B1o_y_desarrollo_web/Promoci%C3%B3n_de_sitios/Consejos_y_trucos/ Bibliografía FISHER, M. Libro SEO: Website Boosting. Ed. Marcombo MACIÁ, F. y GOSENDE, J. Libro SEO: Posicionamiento en buscadores. Ed. Anaya Multimedia TEMA 11 + Información

11 Actividades Trabajo: Estrategia web Realiza una estrategia web y la diagramación de contenidos y navegación de un sitio web para una pastelería. Deberás organizar la información que quieres exponer, las secciones en las que quieres dividir la página y los contenidos. Extensión aproximada: 6 páginas. TEMA 11 Actividades

12 Test 1. El posicionamiento web pagado en buscadores se denomina A. Alta en buscadores. B. SEO. C. SEM. 2. Por qué debemos exportar el Flash a la versión más antigua posible? A. Para reducir el peso del Flash y que se reproduzca por streaming. B. Por cuestiones de derechos de autoring de las versiones más modernas. C. Para asegurarnos de que el usuario pueda visualizarlo aún teniendo una versión antigua del plug-in de Flash. 3. Las pruebas de visualización de nuestra web de deben hacer en PC y Mac porque A. La gestión del color y la tipografía es diferente en cada sistema. B. Los formatos de pantalla son diferentes en cada sistema. C. Las extensiones de los archivos son diferentes en cada sistema. 4. La principal diferencia entre buscador y directorio es A. Los directorios dependen de personas o editores mientras que los buscadores crean sus listados automáticamente por medio de los motores de búsqueda B. Los buscadores son portales de búsqueda y los directorios portales de información. C. Apretantemente ninguna, salvo el lenguaje en que están construidos, PHP para directorios y ASP para buscadores. 5. Por qué debemos evitar (en lo posible) la utilización de Flash en nuestro sitio web? A. Por su extremado peso. B. Porque no resulta accesible C. Porque no todos los usuario tienen instalado el plug-in de Flash. TEMA 11 Test

13 6. Por qué debemos utilizar diferentes metatags en cada uno de los documentos que componen nuestro sitio web? A. Para que los buscadores tengan información precisa de la información de cada uno de los diferentes documentos. B. Porque no resulta accesible utilizar los mismo metatags para todos los documentos pues el Spider los leerá como una misma página. C. Para que pueda leerlos las personas que tengan alguna deficiencia visual. 7. Qué es un Spider? A. Un robot de búsqueda que utilizan los navegadores. B. Un virus malicioso que dejan algunas webs en nuestra caché. C. Un programa autoejecutable para cargar los flash de una web. 8. Qué es multimedia? A. Cualquier medio de comunicación que combine el uso del sonido, grafico e imagen en movimiento con algún tipo de interactividad B. Todo lo referente al uso de video en un sitio web. C. Un tipo de diseño grafico basado en Motion Graphics. 9. Qué contenidos son los más importantes para la buena indexación de una página web en buscadores? A. El texto de la página web B. El título de la página web. C. El nombre de dominio de la página web. 10. Qué es lo más importante para posicionar una web? A. Pagar una buena cantidad de dinero a algún proveedor de SEO. B. La precisión de las palabras clave. C. Que el nombre de dominio de la página web especifique bien a que está destinada la propia página. TEMA 11 Test