Mellorando o sitio web

490 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
490
On SlideShare
0
From Embeds
0
Number of Embeds
45
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mellorando o sitio web

  1. 1. Mellorando o noso sitio web
  2. 2. Mellorando o sitio web
  3. 3. .- Consellos creación contidos.- Guía boas prácticas Drupal.- Maquetación e deseño.- Avaliación do sitio.- IES Terra Soneira: melloras
  4. 4. ...quero dicir...Observar Planificar Traballar Publicar
  5. 5. Consellos.- Ter MOI CLARO o que imos facer..- Traballar sempre en “sucio”: mockups e papeis..- Contido orixinal, sempre que sexa posible..- Ordenar as ideas! (p.e Bloque do IESTerraSoneira).- Pensar sempre no usuario. Qué necesita?.- Non publicitar se non está o contido finalizado.
  6. 6. Consellos - II.- Título dos contidos: .- Breve, 60-65 caracteres .- Non repetir palabras .- Non usar punto (.) .- Coidar redacción. .- Usar etiquetas.
  7. 7. Consellos - III.- Texto dos contidos: .- Ser orixinales, non plaxiar , evitar CTRL+C .- Incluír palabras clave. .- Evitar sobre-información = saturación. .- Citas fontes usando ligazón: amplian visión. .- Coidar redacción. .- Lembra, o obxectivo é o usuario.
  8. 8. Consellos - IV.- ¿Contido orixinal? .- Orixinal de “imaxinación” .- Vídeo = Youtube/Vimeo .- Presentacións = Slideshare .- Imaxes = Flickr
  9. 9. Sí, todo isto é “moi bonito”, pero como o levamos á práctica
  10. 10. Pensar antes de “gardar”, depende de nos...
  11. 11. Non ter medo a citar as fontes...nunca! A rede é libre!
  12. 12. Imos a “misturar emocións”...
  13. 13. Mixed emotions - I.- Crear contido “páxina”.- Formato de entrada “Full HTML”.- Opcións de ruta URL => “video”.- Gardar o contido
  14. 14. Mixed emotions - II.- Tentar acceder ao contido.- Buscar un vídeo en Youtube.- Clic en “compartir”.- Clic en “insertar”
  15. 15. Mixed emotions - III
  16. 16. Mixed emotions - IV.- Copiar o código “html”.- Pegar ( CTRL + V).- Gardar o contido.- Listo!
  17. 17. Todavía máis....
  18. 18. Boas prácticas en Drupal
  19. 19. Boas prácticas en Drupal - I.- Planificar o que imos facer: sempre..- Navegar, observar, anotar, consultar...aprender. .- Evernote .- Delicious.- Facer primeiro as probas en “local” .- Co Bitnami no noso ordenador .- Nun sitio en probas
  20. 20. Boas prácticas en Drupal - II.- Revisar os módulos do noso sitio web..- Aplicar KISS: Non complicarse..- p.e “¿Usar libros?” Ao mellor é recomendable coñecer “ a fondo” “paxinas” + “taxonomía”
  21. 21. Axuda? .- Consultas aos compañeiros .- Drupal.org + Google Translate .- Drupal.org.es .-drupal_gl@googlegroups.com .- Redes sociais: Twitter
  22. 22. Pensar antes de construir...
  23. 23. Mockups - I.- Representación esquemática da web sen imaxes.- Maquetas que axudan a facer bocetos.- Perspectiva baseada no deseño, deixando “ de lado” o contido.- Permiten crear: .- Esqueletos das páxinas .- Definir e optimizar a navegación .- Detectar erros.- Comprobar a usabilidade
  24. 24. Mockups - II.- Como creo un “mockup”? .- Lápiz e papel .- Con software
  25. 25. Exemplo creación mockup
  26. 26. Avaliación do sitio web
  27. 27. Avaliación do sitio web I.- Para mellorar primeiro necesitamos saber cales son os puntos débiles do noso sitio web..- Non se trata de escribir/redactar unha “carta aos reis magos”.- Debemos tratar/consultar os puntos fundamentais relacionados coa usabilidade web..- Antes “das modificacións e despois”
  28. 28. ?
  29. 29. Avaliación do sitio web II.- Aspectos xerais do sitio.- Identidade e información.- Linguaxe.- Rotulado.- Estrutura e navegación.- Búsqueda.- Elementos multimedia.- Axuda.- Accesibilidade http://www.nosolousabilidad.com/articulos/heuristica.htm
  30. 30. ?
  31. 31. Avaliación do sitio web III KISS =.- Recurso gratuito.- Podemos “embeber”.- Podemos compartir.- Podemos exportar a LibreOffice ou MSOffice
  32. 32. Grazas!http://twitter.com/apermuyhttp://flickr.permuy.orghttp://blog.permuy.orghttp://about.me/apermuy http://creativecommons.org/licenses/by/3.0/es/deed.es

×