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

¿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

‘ Es gratis y sencillo . Solo hace falta constancia y una conexión a

Internet’ (La2 Noticias, 2 de abril de 2005)

‘ Es un formato sencillo de manejar . No requiere conocimientos

de html. No requiere conocimientos de programación. Cualquiera

prácticamente, puede mantener un diario con una audiencia

potencial de millones de internautas ’ (José Luis Perdomo, Bitacoras.com)

‘ Existen muchas herramientas de mantenimiento de blogs que

permiten gratuitamente, sin necesidad de grandes conocimientos

técnicos administrar todo el weblog de una forma casi tan sencilla

como administrar el correo electrónico ’ (Wikipedia)

‘ El enfoque en los contenidos en lugar de en los procesos técnicos

de la comunicación es una de las razones que explican la

popularización de los weblogs: herramientas que facilitan la

publicación y difusión de contenidos superando las restricciones

de acceso a dominios, servidores, edición html

y del diseño gráfico ’ (José Luis Orihuela)

Las plantillas y el WYSIWYG no son la solución definitiva...

Las plantillas NO son perfectas

Las plantillas NO son fáciles de usar

Las personas destrozan las plantillas

... 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

Facilitar la lectura

Jerarquizar las informaciones

Individualizar y hacer atractivos los productos

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

La invisibilidad del diseño

La necesidad de una unidad

de diseño de interfaz

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

Etiquetas, CSS’s

El problema de los navegadores

Evitar páginas pesadas, tecnológicamente anticuadas o viceversa

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

Plantillas sin About , correo electrónico del autor del blog, o sin el canal de sindicación de contenidos

URL’s fijas sin enlace a la

página principal del weblog

Enlaces que se abren

obligatoriamente

en una ventana nueva

Enlaces permanentes poco

usables tipo GET

( http://sergio.com?postid=1)

Errores de usabilidad en las plantillas para blogs

Plantillas con sistemas limitados

de localización de entradas previas

Plantillas que no permiten miniposts

con estilo propio

Plantillas que no permiten

la inclusión de textos

a modo de sumarios o destacados

Títulos de las ventanas

mal construídos

Enlaces empotrados en el texto

que provocan demasiado ruido visual

Plantillas que

no cumplen con

los estándares y

las normas básicas

de accesibilidad

imágenes y controles

sin etiquetas alternativas,

etiquetas mal colocadas,

eventos dependientes

de dispositivos,

utilización de atributos html

en lugar de hojas de estilo,

utilización de elementos

html en desuso

Titulares poco claros

y significativos

para las personas

y para las máquinas

Artículos muy

largos y poco aptos

para el escaneado

de la página

Páginas con exceso

de información ,

logotipos e iconos

Muy poca limpieza y legibilidad : variantes tipográficas, colores...

Videos o fotografías que sobrepasan el ancho de columna permitido

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