SlideShare une entreprise Scribd logo
1  sur  18
¿quién dijo  que hacer  un blog  era fácil? IV Jornadas Universitarias  sobre Diseño de Información Universidad de Palermo / Sept’06 Sergio M. Mahugo  mahu [email_address] es   http://egaleradas.blogspot.com
La revolución de los blogs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La revolución de los blogs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La revolución de los blogs
Las plantillas y el WYSIWYG no son la solución definitiva... ,[object Object],[object Object],[object Object]
... porque hay otro problema de base “ A pesar de que las páginas web y los documentos tradicionales  en papel comparten muchos aspectos gráficos, editoriales y funcionales,  el principal soporte de la información de la Red  es la pantalla del ordenador ,  y no el papel impreso ;  y entre ambos  existen  bastantes  diferencias” Patrick Lynch  y Sarah Horton
... porque hay otro problema de base “ El diseño de diarios es  organizar la información de forma que el lector discurra sobre ella de la forma  más clara ,  directa y eficaz   sin percibir que ha sido ordenada  para su mejor comprensión” Fernando Lallana ,[object Object],[object Object],[object Object]
Elementos básicos del diseño para la Web El formato “ La realidad parece ser que es que  el scroll es parte de Internet  y   que  habrá que aprender  a convivir con él ” Martín Gorricho
El diseño de interfaz “ Los usuarios no son espectadores.  Hay que empezar a diseñar  pensando en como se va a usar.  Porque  los sitios no se miran ,  hoy se usan ” Martín Gorricho Elementos básicos del diseño para la Web ,[object Object],[object Object],[object Object]
La accesibilidad “ La información contenida en cualquier página web  debe ser  accesible  para todos los usuarios,  independientemente de su capacidades físicas o tecnológicas ” World Wide Web Consortium (W3C) y Web Accesibility Initiative (WAI) Elementos básicos del diseño para la Web ,[object Object],[object Object],[object Object]
Elementos básicos del diseño para la Web
La personalización de contenidos “ Lejos de controlar cada elemento gráfico en una pieza,  algo que sí debería suceder en la gráfica impresa,  el diseñador no puede siquiera observar  de qué manera su diseño va a ser  finalmente percibido .  Internet es un medio que se resiste  a este control del diseñador porque  antepone las preferencias  del usuario” Martín Gorricho Elementos básicos del diseño para la Web
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Errores de usabilidad en las plantillas para blogs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],Errores de usabilidad en las plantillas para blogs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Errores de usabilidad en las plantillas para blogs
Blogroll de Diseño IceBeat Interacciones.org Isopixel Maquetadores Mark Ryden Mundo Fase Nitroglicerine No me conoces Notas de diseño gráfico Nudonation RH+ Samuel Casal Según como se mire Sentido Web Simplicity SimDalom Supermag Terremoto User Centric Design Usalo. Usabilidad para todos Vecindad Gráfica Visualmente   100px Alquimistas de Diseño alzado.org Animación+Ilustración+Diseño Apuntes gráficos Buenos Aires de Diseño Chica Ska Conejo áureo Criterion David Lachapelle DGHispanos Domestik Alien Duopixel El manipulador Efímera Firerogue Furilo Germán Sáez Photo gf Giulia Balladore Golpe Avisa! Grancomo
“ La forma en que vemos las cosas , aunque no es tan simple,  está condicionada por nuestras tecnologías .  La era mecánica, sus hábitos y métodos  con elementos fragmentados  hacen difícil funcionar en una era electrónica de bits y bytes  (...) Quizás es por esto que la transición de la era mecánica  a la electrónica es tan traumática.  Necesitamos reconsiderar nuestras rejillas,  por eso  debemos pensar, verbalmente y visualmente ” digital digital en la que hasta los soportes de consumo  de la información son bits y bytes electrónica  Robert Lockwood  (1992) ‘ News by design’
Sergio M. Mahugo [email_address] es http://egaleradas.blogspot.com   muchas gracias

Contenu connexe

Tendances

Herramientas web20-mayo-2011-slideshare
Herramientas web20-mayo-2011-slideshareHerramientas web20-mayo-2011-slideshare
Herramientas web20-mayo-2011-slideshare
antonio Omatos Soria
 
Examen supletorio del 2do bimestre
Examen supletorio del 2do bimestreExamen supletorio del 2do bimestre
Examen supletorio del 2do bimestre
Alex Asanza
 
Web 2.0 en el ámbito educativo
Web 2.0 en el ámbito educativoWeb 2.0 en el ámbito educativo
Web 2.0 en el ámbito educativo
wfabricms
 

Tendances (18)

Recursos Web 2.0 con Moodle y Google Apps para optimar el proceso de enseñan...
Recursos Web 2.0 con Moodle y Google Apps para optimar el proceso de enseñan...Recursos Web 2.0 con Moodle y Google Apps para optimar el proceso de enseñan...
Recursos Web 2.0 con Moodle y Google Apps para optimar el proceso de enseñan...
 
Zay ramirez web 2.0
Zay ramirez web 2.0Zay ramirez web 2.0
Zay ramirez web 2.0
 
Ejercicio slideshare
Ejercicio slideshareEjercicio slideshare
Ejercicio slideshare
 
Herramientas web20-mayo-2011-slideshare
Herramientas web20-mayo-2011-slideshareHerramientas web20-mayo-2011-slideshare
Herramientas web20-mayo-2011-slideshare
 
APLICACIONES WEB 2.0 WORD
APLICACIONES WEB 2.0 WORDAPLICACIONES WEB 2.0 WORD
APLICACIONES WEB 2.0 WORD
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
ACTIVIDADES SOBRE INTERNET Y REDES SOCIALES
 ACTIVIDADES SOBRE INTERNET Y REDES SOCIALES ACTIVIDADES SOBRE INTERNET Y REDES SOCIALES
ACTIVIDADES SOBRE INTERNET Y REDES SOCIALES
 
tecno-web
tecno-webtecno-web
tecno-web
 
WEB 2.0, ALGUNOS ASPECTOS RELACIONADOS AL MODELO SCP
WEB 2.0, ALGUNOS ASPECTOS RELACIONADOS AL MODELO SCPWEB 2.0, ALGUNOS ASPECTOS RELACIONADOS AL MODELO SCP
WEB 2.0, ALGUNOS ASPECTOS RELACIONADOS AL MODELO SCP
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Herramientas web20-octubre-2010
Herramientas web20-octubre-2010Herramientas web20-octubre-2010
Herramientas web20-octubre-2010
 
Examen supletorio del 2do bimestre
Examen supletorio del 2do bimestreExamen supletorio del 2do bimestre
Examen supletorio del 2do bimestre
 
Web 2.0 en el ámbito educativo
Web 2.0 en el ámbito educativoWeb 2.0 en el ámbito educativo
Web 2.0 en el ámbito educativo
 
Presentacion sobre la web 2.0
Presentacion sobre la web 2.0Presentacion sobre la web 2.0
Presentacion sobre la web 2.0
 
Presentacion sobre la web 2.0
Presentacion sobre la web 2.0Presentacion sobre la web 2.0
Presentacion sobre la web 2.0
 
La web
La webLa web
La web
 
Universidad especializada de las américa
Universidad especializada de las américaUniversidad especializada de las américa
Universidad especializada de las américa
 
Herramienta web 2.0 udelas
Herramienta web 2.0  udelasHerramienta web 2.0  udelas
Herramienta web 2.0 udelas
 

En vedette (6)

MatteKick - avslutningskonferanse
MatteKick - avslutningskonferanseMatteKick - avslutningskonferanse
MatteKick - avslutningskonferanse
 
Sistema Solar
Sistema SolarSistema Solar
Sistema Solar
 
nada
nadanada
nada
 
Balanus
BalanusBalanus
Balanus
 
Voice 2.0 - Introduction
Voice 2.0 - IntroductionVoice 2.0 - Introduction
Voice 2.0 - Introduction
 
Cool Tools and Toolkits for Library Webmasters - Computers in Libraries 2007
Cool Tools and Toolkits for Library Webmasters - Computers in Libraries 2007Cool Tools and Toolkits for Library Webmasters - Computers in Libraries 2007
Cool Tools and Toolkits for Library Webmasters - Computers in Libraries 2007
 

Similaire à ¿Quién dijo que hacer un blog era fácil?

Cuestionario TICS WEB 2
Cuestionario TICS WEB 2Cuestionario TICS WEB 2
Cuestionario TICS WEB 2
Edwin Jaque
 
juan cruz Avance Tecnológico
juan cruz Avance Tecnológico juan cruz Avance Tecnológico
juan cruz Avance Tecnológico
Jhon Kronick
 

Similaire à ¿Quién dijo que hacer un blog era fácil? (20)

Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Diseño de web.03
Diseño de web.03Diseño de web.03
Diseño de web.03
 
Evoluciondelawebdc
EvoluciondelawebdcEvoluciondelawebdc
Evoluciondelawebdc
 
janer dario bolaños quiñones
janer dario bolaños quiñones janer dario bolaños quiñones
janer dario bolaños quiñones
 
Que Es La Web 2.0
Que Es La Web 2.0Que Es La Web 2.0
Que Es La Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 
Gaby
GabyGaby
Gaby
 
Grabiela mamani
Grabiela mamaniGrabiela mamani
Grabiela mamani
 
Que Es La Web1.0 Y 2.0
Que Es La Web1.0 Y 2.0Que Es La Web1.0 Y 2.0
Que Es La Web1.0 Y 2.0
 
Comparativa webs
Comparativa websComparativa webs
Comparativa webs
 
Web 1, 2,3,4,5.0 y deep web
Web 1, 2,3,4,5.0 y deep webWeb 1, 2,3,4,5.0 y deep web
Web 1, 2,3,4,5.0 y deep web
 
Felipe web
Felipe webFelipe web
Felipe web
 
wed 1.0 2.0 3.0
wed 1.0 2.0 3.0wed 1.0 2.0 3.0
wed 1.0 2.0 3.0
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Webs
WebsWebs
Webs
 
Cuestionario TICS WEB 2
Cuestionario TICS WEB 2Cuestionario TICS WEB 2
Cuestionario TICS WEB 2
 
¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?¿Existe UX en Internet de las Cosas?
¿Existe UX en Internet de las Cosas?
 
juan cruz Avance Tecnológico
juan cruz Avance Tecnológico juan cruz Avance Tecnológico
juan cruz Avance Tecnológico
 

Plus de smmahugo (6)

ucammedialab
ucammedialabucammedialab
ucammedialab
 
La incorporación de la empresa periodística a internet
La incorporación de la empresa periodística a internetLa incorporación de la empresa periodística a internet
La incorporación de la empresa periodística a internet
 
Antecedentes del periodismo digital
Antecedentes del periodismo digitalAntecedentes del periodismo digital
Antecedentes del periodismo digital
 
La informatización de la sociedad
La informatización de la sociedadLa informatización de la sociedad
La informatización de la sociedad
 
Jornadas Granada
Jornadas GranadaJornadas Granada
Jornadas Granada
 
Los blogs como fuente al servicio de la información especializada
Los blogs como fuente al servicio de la información especializadaLos blogs como fuente al servicio de la información especializada
Los blogs como fuente al servicio de la información especializada
 

Dernier

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Dernier (10)

Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

¿Quién dijo que hacer un blog era fácil?

  • 1. ¿quién dijo que hacer un blog era fácil? IV Jornadas Universitarias sobre Diseño de Información Universidad de Palermo / Sept’06 Sergio M. Mahugo mahu [email_address] es http://egaleradas.blogspot.com
  • 2.
  • 3.
  • 4. La revolución de los blogs
  • 5.
  • 6. ... porque hay otro problema de base “ A pesar de que las páginas web y los documentos tradicionales en papel comparten muchos aspectos gráficos, editoriales y funcionales, el principal soporte de la información de la Red es la pantalla del ordenador , y no el papel impreso ; y entre ambos existen bastantes diferencias” Patrick Lynch y Sarah Horton
  • 7.
  • 8. Elementos básicos del diseño para la Web El formato “ La realidad parece ser que es que el scroll es parte de Internet y que habrá que aprender a convivir con él ” Martín Gorricho
  • 9.
  • 10.
  • 11. Elementos básicos del diseño para la Web
  • 12. La personalización de contenidos “ Lejos de controlar cada elemento gráfico en una pieza, algo que sí debería suceder en la gráfica impresa, el diseñador no puede siquiera observar de qué manera su diseño va a ser finalmente percibido . Internet es un medio que se resiste a este control del diseñador porque antepone las preferencias del usuario” Martín Gorricho Elementos básicos del diseño para la Web
  • 13.
  • 14.
  • 15.
  • 16. Blogroll de Diseño IceBeat Interacciones.org Isopixel Maquetadores Mark Ryden Mundo Fase Nitroglicerine No me conoces Notas de diseño gráfico Nudonation RH+ Samuel Casal Según como se mire Sentido Web Simplicity SimDalom Supermag Terremoto User Centric Design Usalo. Usabilidad para todos Vecindad Gráfica Visualmente 100px Alquimistas de Diseño alzado.org Animación+Ilustración+Diseño Apuntes gráficos Buenos Aires de Diseño Chica Ska Conejo áureo Criterion David Lachapelle DGHispanos Domestik Alien Duopixel El manipulador Efímera Firerogue Furilo Germán Sáez Photo gf Giulia Balladore Golpe Avisa! Grancomo
  • 17. “ La forma en que vemos las cosas , aunque no es tan simple, está condicionada por nuestras tecnologías . La era mecánica, sus hábitos y métodos con elementos fragmentados hacen difícil funcionar en una era electrónica de bits y bytes (...) Quizás es por esto que la transición de la era mecánica a la electrónica es tan traumática. Necesitamos reconsiderar nuestras rejillas, por eso debemos pensar, verbalmente y visualmente ” digital digital en la que hasta los soportes de consumo de la información son bits y bytes electrónica Robert Lockwood (1992) ‘ News by design’
  • 18. Sergio M. Mahugo [email_address] es http://egaleradas.blogspot.com muchas gracias