Your SlideShare is downloading. ×
Redaccion web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Redaccion web

917

Published on

Modelos y métodos para escribir en la web

Modelos y métodos para escribir en la web

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

No Downloads
Views
Total Views
917
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC Taller Diseño Gráfico 6 REDACCION PARA LA WEB{ domingo 24 de octubre de 2010
  • 2. “BIENVENIDO A VINOTECAS EL ROBLE. DESDE NUESTRA FUNDACIÓN EN 1998 HEMOS TENIDO UN CRECIMIENTO SOSTENIDO DEL 15% ANUAL. EN NUESTRAS OCHO TIENDAS DE ARICA A PUNTA ARENAS TRABAJAMOS CON LA MAYOR HONESTIDAD, CALIDAD Y PROFESIONALISMO PARA QUE USTED DISFRUTE DEL VINO...” REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 3. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 4. FRASES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 5. FRASES prefabricadas REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 6. FRASES prefabricadas carentes de estrategia REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 7. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 8. FRASES prefabricadas carentes de estrategia centradas en un discurso ajeno REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 9. FRASES prefabricadas carentes de estrategia centradas en un discurso ajeno a los deseos del usuario REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 10. FRASES prefabricadas carentes de estrategia centradas en un discurso ajeno a los deseos del usuario a los objetivos del sitio web REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 11. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 12. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 13. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 14. El usuario, en una página, hará clic sobre el primer enlace que crea puede llevarle a lo que busca, necesita o pudiera interesar. Eso quiere decir que muchos de los contenidos y enlaces de ese nodo ni siquiera serán vistos por el usuario. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 15. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 16. No podemos predecir con exactitud cuál será el camino que el usuario seguirá durante su exploración visual de la página, pero sí a qué zonas le presta mayor atención en su búsqueda: REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 17. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC Hay zonas del interfaz de la página que confieren una mayor jerarquía a la información que contienen, como la zona 1. La Jerarquía Visual[1] proporciona relaciones jerárquicas del tipo 'esto es parte de esto' y 'esto va a continuación de esto' entre los objetos informativos domingo 24 de octubre de 2010
  • 18. INFORMACION IMPORTANTE pero, ¿Para Quién? REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 19. Un objeto de información (párrafo, enlace, dato,...) lo consideraremos importante si lo es para satisfacer las necesidades perseguidas por el usuario. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 20. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC http://jaxvineyards.com/ domingo 24 de octubre de 2010
  • 21. CONDICIONANTES en la entrega del mensaje REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 22. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC ERGONOMIA domingo 24 de octubre de 2010
  • 23. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC MULTITAREA domingo 24 de octubre de 2010
  • 24. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC TIEMPO domingo 24 de octubre de 2010
  • 25. ESTRUCTURACION DE CONTENIDOS REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 26. Los usuarios centran el interés en el contenidos por sobre los gráficos Ellos buscan: titulares-indicaciones (links, gráficos de contenidos) REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 27. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC http://www.dnadarwin.org/ domingo 24 de octubre de 2010
  • 28. Escribir la mitad del texto que se usaría para la versión impresa del tema Escribir para poder encontrar cosas, utilizando párrafos cortos, subencabezados y listas con viñetas Utilizar Hipertexto para dividir los contenidos REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 29. PRINCIPIOS DE ESCRITURA WEB REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 30. Orientación. El lector debe recibir antecedentes del sitio y medios de navegación por él. La página principal le debe orientar sobre qué trata el sitio, cómo está estructurado y cómo navegar en él. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 31. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC http://www.duchyoriginals.com/ domingo 24 de octubre de 2010
  • 32. Información. Claridad y corrección. El texto debe entenderse en la primera lectura; las palabras cortas y sencillas funcionan mejor. La corrección ortográfica, gramatical y exactitud en datos no sólo mejora la claridad, sino que transmite información no verbal sobre la calidad del sitio. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 33. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC http://www.mutualdeseguros.cl/ domingo 24 de octubre de 2010
  • 34. Acción. Actitud optimista (mostrar los problemas pero, sobre todo, las soluciones). Lenguaje centrado en el usuario (mejor “tú” que “yo”) REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 35. ¿COMO EXPLORAR EL CONTENIDO? REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 36. Estructurar los artículos con dos o hasta tres niveles de titular Utilizar títulos y subtítulos significantes REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 37. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 38. Usar listas bulleteadas y elementos similares para romper la uniformidad de los bloques de texto Utilizar realces, enfatizaciones para captar la atención del usuario. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 39. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC domingo 24 de octubre de 2010
  • 40. Usar tamaños de letra suficientemente grandes. Las letras pequeñas guardarlas para notas a pie de página o avisos legales que poca gente leerá. El texto pequeño es mas legible si usamos fuentes de la familia sans-serif, verdana, ... Justifícarlo a la izquierda, salvo que se escriba en en árabe. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 41. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 42. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC {ortografía y gramática domingo 24 de octubre de 2010
  • 43. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC {ortografía y gramática estructura domingo 24 de octubre de 2010
  • 44. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC {ortografía y gramática estructura pirámide invertida domingo 24 de octubre de 2010
  • 45. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC {pirámide invertida titulares domingo 24 de octubre de 2010
  • 46. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC {pirámide invertida titulares explicación domingo 24 de octubre de 2010
  • 47. ASPECTOS FORMALES REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC {pirámide invertida titulares explicación textos domingo 24 de octubre de 2010
  • 48. ASPECTOS FORMALES recomendaciones REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { domingo 24 de octubre de 2010
  • 49. Las ideas principales están en el primer párrafo. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 1 domingo 24 de octubre de 2010
  • 50. El texto se estructura en secciones, subsecciones y párrafos. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 2 domingo 24 de octubre de 2010
  • 51. Utilizar la negrita y el destacado. Las partes más importantes deben sobresalir. Los textos en negrita o destacados (cursiva) deben contener la esencia del total. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 3 domingo 24 de octubre de 2010
  • 52. Usar encabezados para organizar el texto. Ayudan a estructurar mejor los textos, otorgan tamaños de letra proporcionales a la importancia de cada parte. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 4 domingo 24 de octubre de 2010
  • 53. Se incorporan vínculos para completar la información. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 5 domingo 24 de octubre de 2010
  • 54. El aspecto gráfico de la letra resulta cómodo: tamaño, color. REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 6 domingo 24 de octubre de 2010
  • 55. El vocabulario utilizado es adecuado al usuario objetivo REDACCION PARA LA WEB OCTUBRE2010TALLER DISEÑO GRÁFICO VI DUOC UC { 7 domingo 24 de octubre de 2010

×