Stanmx

Buscando la accesibilidad

El Boom de los efectos Web

Publicado en ajax aplicaciones javascript encuesta el 11/07/07 a las 07:56 pm

Estamos ante un boom de efectos en la Web (jQuery, Ajax, Mootools, Prototype, etc.), divs que se refrescan sin refrescar la pagina completa, cajas de texto que se arrastran, que flotan, contenidos que se deslizan, decenas de efectos y mensajes de alerta muy cools, con colores y sombras que nos hacen sentir por momentos dentro de otro sistema operativo.

Pero bien, me pregunto que tan recomendable es usar estos efectos y scripts para mejorar la experiencia del usuario.

En este momento no he metido nada de ello en el blog, pero siempre que pienso en cambiar algo, me pregunto una y otra vez si valdrá la pena ser parte de ese boom y que tanto valoran los usuarios todo esto.

Por que nosotros como desarrolladores podemos verlo muy cool un efectito aquí y otro por allá, pero ¿y el usuario? ¿Alguien ya hizo algún estudio al respecto?

Me gustaría conocer tu opinión como desarrollador y como usuario y por supuesto, que tutoreales o artículos recomiendas, para hacer un buen uso de estos métodos.

15 comentarios

Victor

dijo el 11/07/07 a las 08:11 pm

No creo que desagraden los efectos, lo que si (al menos para mi) desagrada es el retardo para hacer que aparezca alguna ventanita… o que de plano se les pase la mano con los efectos.

Utilizar todas esos frameworks facilita la interacción del usuario con el navegador, pero no son indispensables… A mi me preocupa mucho la disponibilidad del sistema, lo que necesito cuando lo necesito sin tanto rollo. Eso de utilizar Ajax es una maravilla en los navegadores : D cargar un pedacito de la web, en vez de la totalidad…. Yo creo que eso podría implementarse aquí en el Blog el enviar comentarios evitando re-cargar de nuevo todo.

Estaba buscando una comparativa de los frameworks en cuanto a uso de memoria, pero no la encontré :S

Octavio

dijo el 11/07/07 a las 10:50 pm

Los efectos se "ven" bien, pero nada más.

Frustran. Le doy clic a una imagen (o cualquier otro tipo de contenido) y me aparece en una pseudoventana que me pone el resto de la página oscura... ¿cómo le paso el URL de esa imagen a un contacto?

YouTube: Se carga un contenido que incluye la primera página de comentarios. Le doy clic para ver la "segunda página de comentarios". Se cambia únicamente la sección de comentarios. ¿Cuál es la URL de esa segunda página de comentarios? Yo entiendo que de otro modo se interrumpiría la reproducción del video, pero eso no justifica la falta de "direccionamiento por contenido", según los conceptos originales de la WWW.

Stan

dijo el 12/07/07 a las 10:40 am

@Victor: Creo que hay en ciertas cuestiones que pueden utilizarse. Sin embargo me deja mucho pensando lo que comenta Octavio, que es algo que habia pensado anteriormente y que de hecho me ocurre mucho cuando hago algun sitio 100% flash. ¿Como puedo sacar un URL de algun contenido en especial? Me agrada la idea de refrescar el comentario en la misma ventana sin necesidad de refrescar toda la pagina.

@Octavio: No te frustes, es de reconocer que las cosas van evolucionando, para bien o para mal, pero evolucionan. Lo del direccionamiento por contenido, seria cuestion de ver si estos nuevos metodos tienen algo que permita hacerlo.

Gerardo

dijo el 12/07/07 a las 10:55 am

Saludos,

Yo estoy a favor de utilzar cualquier cosa que ayude al usuario a disfrutar mejor una pagina. Si esto lo logro usando AJAX adelante. Pero si solo lo estoy usando para que todos los demas vean que "buen desarrollador" soy creo que estaria mal el uso de cualquier tecnologia en ese sentido.

Respecto a lo que comentan de problemas con algunos sitios que implementan efectos de Javascript o ligas usando AJAX el error es de la persona que implemento eso no de la tecnologia.

Jesús

dijo el 12/07/07 a las 03:34 pm

Depende para qué utilices el efecto... sería chido que al hacer click en 'Publicar Comentario' no tuvieras que recargar la página... pero estaría completamente fuera de lugar si tu sidebar es una caja que se arrastra...

es decir, siempre y cuando enriquezca tu aplicación/página web, es bueno... pero si tu web se vuelve confusa, se hace lenta o de plano el efecto no funciona siempre... pues lo desechas..

Stan

dijo el 12/07/07 a las 06:09 pm

@Gerardo: Utilizarlo con responsabilidad es lo que dices, me parece algo inteligente. Si de pronto veo que se usan mucho tecnicas nuevas en pro de demostrar que se esta al dia, pero tambien se omiten al momento muchas cosas importantes.

@Jesus: Jesus, por que no mejor le pones comentarios a tu blog personal, para poder comentar en el jiji.. Sobre lo que mencionas, estoy de acuerdo. Por lo pronto no he pensado agregar algo asi por aqui, pero si en aclarar los colores.

Jesús

dijo el 12/07/07 a las 07:43 pm

listo... U_u

isha.net

dijo el 15/07/07 a las 09:05 pm

ah, igual no entiendo, pero aprovecho para dejarte saludos
este fin no te pude saludar, nos vemos
saluditos

Alfredo

dijo el 16/07/07 a las 09:12 pm

Yo pienso al contrario que tu, pienso que como desarrollador pones menos atencion a ese tipo de cosas (tal vez como disenador lo hagas) sin embargo por experiencia con mis clientes te pued decir, a los usuarios le gustan mucho ese tipo de cosas, no les importa que ensucie un diseno o que haga mas lenta o incomoda la pagina, siempre y cuando puedan ver mas "cool" el sitio, sin embargo recuerda.


P.D. Al pueblo pan y circo.

Octavio Alvarez

dijo el 16/07/07 a las 09:27 pm

Stan, me permito seguir dando lata, porque tengo más casos, opiniones e ideas que pudieran ser de contribución y no sólo de quejas, como acostumbro.

0. Si estuvieran bien esos efectos y la ruptura de la navegación, la W3C hubiera dejado FRAMESET en el HTML Strict. Por eso lo pasó a Transitional, porque son MALOS para la web.

1. Si de todos modos te vas a aventar, jeje, por ejemplo, si vas a hacer una especie de pop-up para una foto, provee en el mismo pop-up un enlace copiable al URL de la foto y todas las opciones que le vas a romper al navegador.

2. Mientras no impidas el Save As de la foto, consideres las opciones de Zoom de los navegadores, no rompas las opciones de los navegadores (el botón de "Back" y "Forward", por ejemplo), permitas que funcione el botón de "Imprimir", etc., no creo que se vuelvan latosas esas prácticas.

3. Como dice Jesús, para los métodos POST "podría" funcionar, a final de cuentas, la URL no se muestra cuando ejecutas una acción POST por naturaleza. Además, sí está curada que no tengas que recargar todo el sitio cuando publicas un comentario. Lo que quiero decir, es que para los GET (todo lo que sea "ver" la info) me gustaría que no hubiera efectos, aunque para POST pudieras meterlos y no tuvieras que recargar todo un sitio, del cual sólo habrá un ligero cambio.

4. Un caso práctico: Opera tiene una función en la que te detecta un listado de imágenes (con enlaces directos a imagenes puras) en algunos sitios. En ese momento, el botón "Forward" te permite ver la siguiente imagen. Cuando le des Forward de nuevo, te mandará a la siguiente imagen automáticamente, permitiéndo ver un "Index of" como un álbum de fotos.

5. El caso de YouTube es ligeramente distinto, porque se está viendo un streaming de video. De entrada, el streaming de video rompe el concepto de la Web en cierto modo, porque no puedes imprimir el video. Pero considerando que ese es el objetivo, debes tomar medidas para romper la web únicamente lo necesario, y proveer de alternativas para todo lo que rompas. Por ejemplo, los comentarios los puedes poner en un IFRAME. Por poner un caso hipotético: si durante la rutina de carga de la página principal, vas a terminar cargando todos los comentarios de jalón, bien podrías mejor mostrarlos de una vez todos (ya están cargados, no?).

Se supone que para aprovechar toda esa súper experiencia y virtudes de la web, están los navegadores. Si hemos tenido la mala experiencia de tener navegadores chafas con anterioridad, no es culpa de la web.

Stan

dijo el 17/07/07 a las 11:21 am

@Alfredo: Definitivamente hay dos opiniones muy distintas, por un lado esta la de nosotros como desarrolladores (que aunque el diseñador quiera un acordeon en x lugar, nosotros tenemos que ver como desarrollarlo) y la de los usuarios, que si fuera todo mas efectos serian Felices (por lo menos el usuario promedio no-desarrollador). Pero bueno, muy cierto el P.D. que dimelo a mi, trabajar en una empresa de desarrollo, me ha costado mis dolores de cabeza en algunos casos que no considero adecuadas las cosas y que se tienen que hacer. Pero bueno, ya vendra el segundo Round.

@Octavio:

0c.- El Transitional lo uso siempre, por la cuestiones de Javascript que de repente se presenta, asi como uno que otro hack que queramos o no, de repente es necesario.

1c.- Totalmente de acuerdo, aunque te confieso que quisiera que hubiese algun modo de evitar tener que poner un PopUp.

2c.- En cuestiones de imprimir creo que muchos de pronto nos olvidamos de hacer una hoja de estilo para imprimir, ya me ha pasado que entro algun sitio de algun blogstar que escribe algo interesante, busco imprimirlo y moles, nomas no sale completo el texto.

3c.- Ese es un comentario que es muy util, hace falta como una guia de recomendaciones de que es bueno y que no. O por lo menos en que pensar para hacer las cosas. Recordemos que todos esos efectos que andan por ahi, no son nada mas, mas que hacks para emular algo que por naturaleza hace un sistema operativo.

4c.- Mira que no he visto opera para nada en 2 years, Estoy con IE. Firefox y Safari :( Pero suena interesante esa opcion que mencionas, definitivamente lo descargare.

5c.- Bueno man, el video se comporta de una manera distinta.

Bueno, al final creo que no se vale echarle la culpa a los navegadores, nosotros como desarrolladores debemos hacer algo para enmendar esos errores mientras la tecnologia se mejora y avanza.

Paul Lopez

dijo el 20/07/07 a las 11:39 am

yo apoyo la teoria de utilizar lo que haga mas facil la navegacion del sitio, poniendose en los zapatos del usuario final, en contra de los popups.

Yo te recomiendo q trates de cargar solo lo que el usuario vaya solicitando.

Por ejemplo en tu pagina principal podrias tener comentar directamente.. donde esta la lista de tus articulos (post) podrias tener un div oculto (some like

Al terminar la negociacion del navegador q muestre el mensaje.. Se envio o no !!! digamos que si.. pues algo asi como que Gracias NOMBRE, tu mensaje ha sido enviado con exito!!

Stan

dijo el 17/08/07 a las 11:17 am

@Paul, el problema esta en como va a saber el usuario que mas hay aparte de las opciones y lo que se ve.

Victor De la Rocha

dijo el 07/09/07 a las 01:25 pm

Te dejo una URI de comparativa en tiempo de los frameworks http://mootools.net/slickspeed/

juan

dijo el 30/03/08 a las 09:44 am

pienso que uno que otro efecto que haga ver que la página esta viva es bueno .pero cuando (lo digo como usuario)té colocan un popup cuando estas leyendo y tapan todo y hasta hay llegaste y murió la página ,pienso que todo es bueno pero en la justa medida y donde corresponde ,un abrazo a todos

Aporta tu comentario

Tu Email no sera publicado.

Opcional.