← Lenguaje burocrático | ↑ Principal | Línea de tiempo de los sistemas de escritura del mundo →

Ceguera al cambioArtículos

Escrito por Mark hace más de un año | 21 comentarios

Este tiene que ser el experimento de percepción más relevante en el diseño de aplicaciones web:

El "flash blanco" se parece mucho al proceso de recarga de una página. A veces es benéfico, y a veces perjudicial. Cuando los catadores comparan vinos, mantienen cerca un recipiente con granos de café tostado para "reiniciar" el sistema olfativo. De la misma manera, el "flash blanco" es una manera de sentir que estás en una página nueva. Esto funciona bien en sitios de información y web 1.0 en general, pero en aplicaciones web puede joder el flujo de la aplicación.

Alguna vez has cambiado de pantalla en una aplicación web y pensado "¿qué iba a hacer aquí?" (ya sabes, igual que cuando vas de la recámara a la cocina). Eso es lo que provoca el flash blanco.

Kevin Fox, el cerebro detrás la interfaz de Gmail, dice en una entrevista:

Un aspecto importante en el diseño de Gmail es que el usuario siempre sintiera que estaba en una sola página, cambiando cosas en esa página, en lugar de navegar a otros lados. El sentido de la "distancia" es importante para la comodidad del usuario, así que intenté que distintas áreas del sitio se sintieran más cerca unas de otras.

Por supuesto, los flashes blancos de Gmail son mínimos.

Comentarios Escribe un comentario

1. German
Escrito hace más de un año
Noviembre 6, 2008

Asshh, pinche Mark, pense que tu post sobre el "Cambio" era para celebrar el triunfo de Barack Obama!!! YUPI! Jajajaja.

2. lupocool
Escrito hace más de un año
Noviembre 6, 2008

Carajo, quién dijo que esto del diseño era como hacer enchiladas. Jamás en la vida se me había ocurrido eso del sentido de la distancia, y es una realidad que he vivido miles de veces en internet sin darme cuenta.

Excelente post. ;)

3. ayeljary
Escrito hace más de un año
Noviembre 6, 2008

Es una pena que sólo se pueda hacer una vez, porque a la siguiente ya sabes dónde está la "diferencia".

Me gusta tu blog, enhorabuena.

4. PP Fematt
Escrito hace más de un año
Noviembre 7, 2008

EEEEE eres un tramposo!! este post ya lo habias subido hace mucho. Yo que soy loyal reader de duopixel te cache!

pero pues que bueno que de perdido ya subiste post. Postea mas seguido mark. Tu blog me gusta mucho.

5. Jorge Medrano Álvarez
Escrito hace más de un año
Noviembre 11, 2008

Woow! Mis ojitos recorrieron toda la foto de arriba a abajo de un lado al otro, y no, no ví que la turbina desaparecía :(

Buenísimo. Muy interesante que el flash blanco te "reinicia" y no ves la diferencia.

6. GUPITA
Escrito hace más de un año
Noviembre 11, 2008

PUES LA VERDAD NUNCA ME IMAGINE QUE UN BLOG..ME ENTRETUVIERA MUCHISIMO ..PERO ASI ES..ESRTA CHIDISIMO ESO DEL FLASH BLANCO..Y ES CIERTO ..DIGAMOS QUE TE !""REINICIA"""" ..BUENO BYE.

7. Perder Peso
Escrito hace más de un año
Noviembre 12, 2008

Se ve bien este asunto del flash blanco, aunque me parece que los efectos son mas que nada subconscientes verdad?

Saludos...

8. Escorts
Escrito hace más de un año
Noviembre 17, 2008

Muy bueno!!!!

9. Tzek
Escrito hace más de un año
Noviembre 18, 2008

Me parece interesante tu comentario sobre que el efecto del flash blanco es muy a las web 1.0, aunque tienes que considerar que si por un enfoque diferente te refieres a un sitio ajaxero, los diseñadores pueden estar un poco ajenos a estas tecnologías y por ende no las incorporan en su proceso de diseño. Pero sip, estoy de acuerdo con lo que comentas del flujo de trabajo. Muy acertado comentario.

Ahora bien. Si la "tarea" de este ejercicio diera indicaciones de qué buscar/hacer (el equivalente a rellenar un campo, palomear check-boxes, escoger de un combo o teclar como parte de un flujo de trabajo) y bajo la guía correcta en la interfaz (ayudas visuales), el cerebro descarta todo lo demás: si nos hubieras dicho qué buscar, te apuesto a que la ceguera al cambio puede ser casi-despreciable.

Saludos!!!

10. Video Juegos
Escrito hace más de un año
Noviembre 26, 2008

La verdad es que no pude ver ningun cambio hasta que vi la respuesta.
Pero tal vez un ojo un poco mas entrenado, que se dedica a realizar este tipo de tests, lo puede descubrir sin problemas.

Saludos...

11. asban
Escrito hace más de un año
Diciembre 4, 2008

muy buen blog, tiene temas muy interesantes

12. lasblogenpunto
Escrito hace más de un año
Diciembre 16, 2008

Interesante. Aunque sea repetido, según afirman, no deja de ser un artículo interesante.

13. laser engraver
Escrito hace más de un año
Diciembre 22, 2008

i bought a low csot laser engraver (sometimes known as a laser engraving machine or lasrer cutter), it is a great laser machine, it is better than used laser engraver!

Please visit Redsail to know more information about vinyl cutter and cutting plotter reviews and guides and comparisons.

14. Mariana
Escrito hace más de un año
Diciembre 26, 2008

¡Feliz Navidad!
¡Felicidades Mark!
¡Que tengas un productivo y exitoso 2009!
Con gran cariño

15. alphar
Escrito hace más de un año
Diciembre 27, 2008

"Puede joder el flujo de la aplicación"? Ya estás hablando como español. Maldito homosexual. Feliz Navidad

16. Eliana Pomponio
Escrito hace más de un año
Febrero 4, 2009

Suena a cuento... PERO ES VERDAD!!! Un amigo me avisó que hay una empresa que está ofreciendo dominios .com y .net a 3,99 dólares. 3,99!!! .COM y .NET!!!!

Entrá acá: http://dattatec.com/dominios

Después no digas que no te avisé!

17. leonardo garcia
Escrito hace más de un año
Febrero 25, 2009

muy interezante

18. laser engraver
Escrito hace más de un año
Marzo 17, 2009

The laser engraver
TFSR-5070 can be used for Pastick(PVC,acrylic),Jade, Rubber, wood block, bamboo block, cardboard, marble, rubber, goods, organic glass, glass and crystal, leather clothing etc but
No Metal for cards,promotional items,artist package,stamp,model.
Alguna vez has cambiado de pantalla en una aplicación web y pensado "¿qué iba a hacer aquí?" (ya sabes, igual que cuando vas de la recámara a la cocina). Eso es lo que provoca el flash blanco.

19. office chair
Escrito hace más de un año
Marzo 17, 2009

Un aspecto importante en el diseño de Gmail es que el usuario siempre sintiera que estaba en una sola página, cambiando cosas en esa página, en lugar de navegar a otros lados. El sentido de la "distancia" es importante para la comodidad del usuario, así que intenté que distintas áreas del sitio se sintieran más cerca unas de otras.

20. prefabricated house
Escrito hace más de un año
Marzo 17, 2009

good!

21. york laser
Escrito hace más de un año
Junio 29, 2009

other commonly used engraving materials are wood and plastic. brass, aluminum, and plastic engraving are all more popular than wood engraving. in the wood engraving process the engraving tool (with can be either a stylus or laser) will remove portions from the surface of the wood. the marked area is then filled in with a colored material in order to provide a greater contrast.

Escribe un comentario

(opcional)

(opcional)