El diseño web y sus elementos

4,799 views

Published on

UNIVERSIDAD DE GUADALAJARA.
SISTEMA DE UNIVERSIDAD VIRTUAL.
CENTRO DE FORMACIÓN EN PERIODISMO DIGITAL.

Av. de la Paz No. 2453, Col. Arcos Vallarta, Guadalajara, Jalisco. C.P. 44140
Tels. 3268-8888 / 3134-2222 ext. 18839
Nacional (0133), Internacional (+5233)

http://www.centroperiodismodigital.org/

El diseño web y sus elementos

  1. 1. EL DISEÑO WEBY SUS ELEMENTOS
  2. 2. DESCRIPCIÓN DELPROYECTO Y OBJETIVOSLo primero que debemos preguntarnos a la hora de planificarun buen sitio web es ¿para qué creamos este sitio?•  Difundir noticias (política, cultura, tecnología, deportes…)•  Vender productos (equipo de computo, cámaras fotográficas, radios, televisiones…)•  Anunciar servicios (administración, desarrollo de sistemas, recursos humanos…)•  Página personal (proyectos, currículum, consultorías…)•  Educativo (cursos, capacitación, tutoriales…)
  3. 3. AUDIENCIA•  Está claro que un medio digital puede o no atender al mismo público que atiende una institución. Sin embargo, hay varias consideraciones que hay que tener en cuenta, al definir qué tipos de audiencia, a continuación algunos ejemplos: •  Sexo. •  Edad promedio. •  Nivel socioeconómico (ingresos) •  Estudios. •  Intereses. •  Aficiones o estilos de vida, entre otros.
  4. 4. MEDIR AUDIENCIAS•  http://www.alexa.com/•  https://www.google.com/adplanner/?pli=1#siteSearch
  5. 5. Adplanner de Google (gratuito y muy útil) https://accounts.google.com/ServiceLogin?service=branding&passive=1209600&continue=https://www.google.com/adplanner/&followup=https://www.google.com/adplanner/&ltmpl=adplanner#siteSearch
  6. 6. Adplanner de Google (gratuito y muy útil)https://accounts.google.com/ServiceLogin?service=branding&passive=1209600&continue=https:// www.google.com/adplanner/&followup=https://www.google.com/adplanner/&ltmpl=adplanner
  7. 7. COMPETENCIAS •  Una buena forma de empezar a conocer los gustos de tu audiencia es analizar las páginas de la competencia. •  Mira qué ofrecen, qué secciones tienen, cómo estructuran los contenidos. •  Si tienen comentarios en sus artículos o productos analízalos también, observa cuáles generan más polémica, qué dudas plantean en base a ellos los usuarios, etc.
  8. 8. INNOVACIÓN •  ¿Qué servicios destacas en tu página web sobre tus competencias?
  9. 9. MÉTRICES DECALIDAD •  http://www.google.com/addurl/ •  http://statcounter.com/ •  http://www.google.com/analytics/ •  http://socialmention.com/ •  http://www.howsociable.com/ •  http://rankur.com/
  10. 10. ESTRUCTURA DE LAPÁGINA WEB •  La estructura de la web es la diagramación del menú, nombre de las secciones o módulos y el formato que tendrán las páginas web. •  Se define también el esqueleto de la web utilizando módulos para dividir cada sección y ordenarlas en base a su importancia. Podemos partir desde cero a utilizar una plantilla web. •  El nombre de la sección o menú deberá ser un nombre sencillo, corto y fácil de identificar cómo; política, deportes, marketing, economía, cultura, tecnología, consultorías, recursos, redes sociales, contacto, lo más leído, entre otros.
  11. 11. ETAPAS DELPROYECTO •  En sentido general, describir fases o etapas del proyecto, los objetivos que se deben alcanzar en determinadas fechas.
  12. 12. BOCETOS DELPROYECTO •  Dibuje un esquema de la estructura de la página Web: ubicación del logotipo y menú, las noticias principales, las noticias sub-principales, posición del módulo de video, audio, redes sociales, contenido más leído, foto-galería, etc.
  13. 13. BOCETOS DELPROYECTO
  14. 14. BOCETOS DELPROYECTO
  15. 15. BOCETOS DELPROYECTO
  16. 16. BOCETOS DELPROYECTO
  17. 17. Av. de la Paz No. 2453, Col. Arcos Vallarta, Guadalajara, Jalisco. C.P. 44140 Tels. 3268-8888 / 3134-2222 ext. 18849 Nacional (0133), Internacional (+5233)contacto@centroperiodismodigital.org www.centroperiodismodigital.org
  18. 18. Última actualización: 15 Noviembre 2011Contacto:Lic. Fidel Antonio Romero AlvarezWebmaster del Centro de Formación en Periodismo DigitalDirección: Av. La Paz # 2453 Col. Arcos Sur Guadalajara, Jal. México CP. 44140Teléfono: Conmutador 31 34 22 22 ext 18849webmaster@centroperiodismodigital.org

×