Sin haber leido todavía la totalidad de las respuestas, quisiera aportar unas consideraciones que entiendo importantes:
Se está haciendo un análisis muy sesudo sobre una discusión "gráfica", es decir, "visual" con un grado de abstracción fuerte lo que supone otra limitación más para aquellas personas que no comprenden el mundo como nosotros (tercera edad, personas que se inician en la red por vez primera, niños pequeños, personas con diversidad funcional (algunas discapacidades intelectuales, trastornos del espectro autista, etc.) u otras que no lo ven como nosotros (discapacidad visual, por ejemplo). Esto indica que a lo mejor nos vamos a la usabilidad aparente olvidándonos de la accesibilidad y quisiera recordar que lo que no es accesible, nunca será usable. No sé a qué icono llegareis como conclusión para representar todos y cada uno de los estados, pero quisiera indicar alguna idea que creo que puede ayudar a las personas que no son tan "típicas" como los que nos creemos "típicos" y al mismo tiempo ayudarán a todo el mundo. 1. Si el símbolo es gráfico tal como triángulos, símbolos del "+" y "-", etc. todo debería pasar por llevar la correspondiente etiqueta "alt" o su equivalente en la que se describa lo que es y para qué sirve de una manera sencilla y explícita. 2. Toda la iconografía que se utilice debe pasar necesariamente por que en algún punto de la misma página un sencillo letrero nos indique el conjunto de abreviaturas que se están usando y el cometido de cada una de ellas. Venga, saludos a todos y todas. Juan J. Fdez. G. Asoc. TADEGa. www.tadega.net El 16 de diciembre de 2010 12:00, <[email protected]> escribió: > Envíe los mensajes para la lista Lista a > [email protected] > > Para subscribirse o anular su subscripción a través de la WEB > http://linux08.dns-servicios.com/mailman/listinfo/lista_cadius.org > > O por correo electrónico, enviando un mensaje con el texto "help" en > el asunto (subject) o en el cuerpo a: > [email protected] > > Puede contactar con el responsable de la lista escribiendo a: > [email protected] > > Si responde a algún contenido de este mensaje, por favor, edite la > linea del asunto (subject) para que el texto sea mas especifico que: > "Re: Contents of Lista digest...". Además, por favor, incluya en la > respuesta sólo aquellas partes del mensaje a las que está > respondiendo. > > > Asuntos del día: > > 1. Re: Flechas de expandir y colapsar (Carlos Vidal) > > > ---------------------------------------------------------------------- > > Message: 1 > Date: Thu, 9 Dec 2010 15:56:00 +0100 > From: Carlos Vidal <[email protected]> > To: lista <[email protected]> > Subject: Re: [cadius] Flechas de expandir y colapsar > Message-ID: > <[email protected]> > Content-Type: text/plain; charset=ISO-8859-1 > > Hola Natalia: > > Estoy de acuerdo con José en que si el objetivo del acordeón es mostrar más > información sobre un tópico, es más adecuado utilizar "+" y "-". Gmail > también utiliza estos símbolos para ocultar/mostrar una herramienta > (Invitaciones, google calendar, enlaces rápidos, chat, etc). > > Las flechas me parecen más ajustadas a jerarquías pero si decides > utilizarlas creo que las que indican estado son de uso más extendido. > > Saludos, > > Carlos Vidal > > > El 30 de noviembre de 2010 12:00, <[email protected]> escribió: > > > Envíe los mensajes para la lista Lista a > > [email protected] > > > > Para subscribirse o anular su subscripción a través de la WEB > > > http://linux08.dns-servicios.com/mailman/listinfo/lista_cadius.org > > > > O por correo electrónico, enviando un mensaje con el texto "help" en > > el asunto (subject) o en el cuerpo a: > > [email protected] > > > > Puede contactar con el responsable de la lista escribiendo a: > > [email protected] > > > > Si responde a algún contenido de este mensaje, por favor, edite la > > linea del asunto (subject) para que el texto sea mas especifico que: > > "Re: Contents of Lista digest...". Además, por favor, incluya en la > > respuesta sólo aquellas partes del mensaje a las que está > > respondiendo. > > > > > > Asuntos del día: > > > > 1. Flechas de expandir y colapsar (Natalia Vivas) > > 2. Re: Flechas de expandir y colapsar (Jose Florido) > > 3. Re: Flechas de expandir y colapsar (Plácido Luna) > > 4. Re: Flechas de expandir y colapsar (andres lara) > > 5. Re: Flechas de expandir y colapsar (Jorge Noricumbo) > > 6. Re: Flechas de expandir y colapsar (Ana Delia Campo) > > 7. Re: Flechas de expandir y colapsar (Jordi Galobart Salvat) > > > > > > ---------------------------------------------------------------------- > > > > Message: 1 > > Date: Mon, 29 Nov 2010 13:04:15 -0500 > > From: Natalia Vivas <[email protected]> > > To: [email protected] > > Subject: [cadius] Flechas de expandir y colapsar > > Message-ID: > > <[email protected]> > > Content-Type: text/plain; charset=ISO-8859-1 > > > > Hola a todos! > > > > Me encuentro en una discusión en mi oficina sobre el diseño de los > > controles > > de expandir y colapsar en una acordeón de información, pese a lo que > > piensen > > de los acordeones, la pregunta es: ¿La flechas en una acordeón deberían > > indicar la acción o el estado? > > > > En este dibujo lo explico mejor: http://bit.ly/flechas > > > > Desde mi punto de vista las flechas deberían indicar la acción a > realizar, > > si están hacia abajo indica que al hacer click sobre la flecha el > contenido > > va a expanderse y si la flecha está hacia arriba el contenido se > contraerá. > > > > Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que en > > Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > flecha > > es hacia abajo y cuando no hacia el lado izquierdo... > > > > ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > convención? > > > > Mi decisión fue reemplazar las flechas por un texto "expand" y "collapse" > > ;) > > > > ¿Qué piensan ustedes? > > > > > > Saludos! > > > > Natalia Vivas Velasco > > www.usarte.org > > Bogotá, Colombia > > > > > > ------------------------------ > > > > Message: 2 > > Date: Mon, 29 Nov 2010 16:30:45 -0800 > > From: Jose Florido <[email protected]> > > To: Lista de Cadius <[email protected]> > > Subject: Re: [cadius] Flechas de expandir y colapsar > > Message-ID: > > <[email protected]> > > Content-Type: text/plain; charset=ISO-8859-1 > > > > Hola Natalia! > > > > Creo que faltan detalles para poder darte una opinión fundada, pero > > ahí van unas cuantas ideas que me vienen a la cabeza: > > > > Tal y como se ven en tu mock, las flechas hacia arriba para colapsar > > me resultan confusas. Creo que una posible mejora sería mover la > > flecha junto con el contenido al expandirlo. > > > > Otra opcion que puedes explorar es utilizar símbolos '+' y '-' > > (zippies) que representan mejor la acción a realizar: expandir / > > colpasar. (Las flechas indican movimiento) > > > > Como referencia, en las interfaces de Google se ha usado > > tradicionalmente '+' y '-' (como en gmail o Google calendar, por > > ejemplo), sin embargo en la versión actual del panel de filtros en > > Google search se utilizan flechas ariba y abajo (observa cómo aquí si > > mueven las flechas hacia abajo al expandir el contenido). > > > > En la librería de patrones de diseño de Yahoo tienen un patrón de > > acordeón (http://developer.yahoo.com/ypatterns/navigation/accordion.html > ) > > en el que utilizan simbolos '+' y '-' para ampliar información. Si > > bien en el menú de acordeón jerárquico que muestran a la derecha en > > esa misma página (layout, navigation,... social) utilizan flechas > > hacia la derecha y hacia abajo > > > > En Mac OS se utilizan los llamados 'Disclosure triangles' > > ( > > > http://developer.apple.com/library/mac/#documentation/UserExperience/Conceptual/AppleHIGuidelines/XHIGControls/XHIGControls.html#//apple_ref/doc/uid/TP30000359-TPXREF141 > > ) > > que son muy comunes en interfaces para mac y se utilizan tanto para > > mostrar jerarquías como para ampliar detalles sobre un concepto. > > > > En resumen, lo importante es utilizar el patrón adecuadamente: no es > > lo mismo utilizar botones + / - en una UI muy cargada de elementos > > donde la finalidad es permitir ganar espacio o personalizar la UI, que > > utilizar triangulos para indicar jerarquia / navegacion por un arbol, > > etc. > > > > Algunas cuestiones que yo consideraría antes de meterme al detalle de > > que icono usar o dónde colocarlo: > > > > - Cual es el objetivo de ocultar parte del contenido? > > * Si quieres dar detalles sobre un concepto, o ampliar un tema, > > apostaría por símbolos + / - . (a tener en cuenta que si por ejemplo > > quieres dar detalles sobre un concepto, un tooltip seria mejor > > solución?) > > * Es un menú jerárquico de navegación? Cuantos niveles quieres > > mostrar? Para menús o navegaciones por jerarquías prefiero las flechas > > indicando estado. (Actúan además como bullet points). > > > > - Consideraciones técnicas y/o de plataforma: > > * Es una aplicación web? Si la latencia es clave, quizás debas > > apostar por soluciones que no requieran efectos de transiciones o > > utilizar símbolos unicode que te ahorren carga de imágenes, etc. > > * Es una aplicación para Windows? Mac? En este caso seguir las guías > > puede ser más relevante si existe un estandar establecido (caso de > > Mac) > > > > Bueno, espero que te sea de ayuda! > > > > Saludos > > Jose > > > > > > > > > > 2010/11/29 Natalia Vivas <[email protected]>: > > > Hola a todos! > > > > > > Me encuentro en una discusión en mi oficina sobre el diseño de los > > controles > > > de expandir y colapsar en una acordeón de información, pese a lo que > > piensen > > > de los acordeones, la pregunta es: ¿La flechas en una acordeón deberían > > > indicar la acción o el estado? > > > > > > En este dibujo lo explico mejor: http://bit.ly/flechas > > > > > > Desde mi punto de vista las flechas deberían indicar la acción a > > realizar, > > > si están hacia abajo indica que al hacer click sobre la flecha el > > contenido > > > va a expanderse y si la flecha está hacia arriba el contenido se > > contraerá. > > > > > > Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que > en > > > Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > flecha > > > es hacia abajo y cuando no hacia el lado izquierdo... > > > > > > ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > > convención? > > > > > > Mi decisión fue reemplazar las flechas por un texto "expand" y > "collapse" > > ;) > > > > > > ¿Qué piensan ustedes? > > > > > > > > > Saludos! > > > > > > Natalia Vivas Velasco > > > www.usarte.org > > > Bogotá, Colombia > > > _______________________________________________ > > > altas, bajas y modificaciones: > > > http://www.cadius.org/lista/opciones.html > > > > > > > > > > > ------------------------------ > > > > Message: 3 > > Date: Mon, 29 Nov 2010 23:37:25 -0200 > > From: Plácido Luna <[email protected]> > > To: Lista de Cadius <[email protected]> > > Subject: Re: [cadius] Flechas de expandir y colapsar > > Message-ID: > > > > <[email protected]<aanlktim-3w7k_-gaj2-ixfrckhignvpl3k%[email protected]> > <aanlktim-3w7k_-gaj2-ixfrckhignvpl3k%[email protected]<aanlktim-3w7k_-gaj2-ixfrckhignvpl3k%[email protected]> > > > > > > > Content-Type: text/plain; charset=UTF-8 > > > > Natalia, opino que la segunda opción es totalmente la recomendada, la > > opción > > que indican acción resultan bastante más confusa. > > > > Saludos! > > Plácido. > > > > > > > > El 29 de noviembre de 2010 16:04, Natalia Vivas > > <[email protected]>escribió: > > > > > Hola a todos! > > > > > > Me encuentro en una discusión en mi oficina sobre el diseño de los > > > controles > > > de expandir y colapsar en una acordeón de información, pese a lo que > > > piensen > > > de los acordeones, la pregunta es: ¿La flechas en una acordeón deberían > > > indicar la acción o el estado? > > > > > > En este dibujo lo explico mejor: http://bit.ly/flechas > > > > > > Desde mi punto de vista las flechas deberían indicar la acción a > > realizar, > > > si están hacia abajo indica que al hacer click sobre la flecha el > > contenido > > > va a expanderse y si la flecha está hacia arriba el contenido se > > contraerá. > > > > > > Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que > en > > > Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > > flecha > > > es hacia abajo y cuando no hacia el lado izquierdo... > > > > > > ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > > convención? > > > > > > Mi decisión fue reemplazar las flechas por un texto "expand" y > "collapse" > > > ;) > > > > > > ¿Qué piensan ustedes? > > > > > > > > > Saludos! > > > > > > Natalia Vivas Velasco > > > www.usarte.org > > > Bogotá, Colombia > > > _______________________________________________ > > > altas, bajas y modificaciones: > > > http://www.cadius.org/lista/opciones.html > > > > > > > > > > > -- > > *Plácido Luna* > > http://www.octubre.com.uy > > (+598) 99 942723 > > > > > > ------------------------------ > > > > Message: 4 > > Date: Mon, 29 Nov 2010 22:23:11 -0500 > > From: andres lara <[email protected]> > > To: Lista de Cadius <[email protected]> > > Subject: Re: [cadius] Flechas de expandir y colapsar > > Message-ID: > > <[email protected]> > > Content-Type: text/plain; charset=ISO-8859-1 > > > > Natalia, a mi parece que el estándar es más como "minimizado hacia la > > derecha y expandido hacia abajo", por que por lo menos en la mayoría de > > sistemas operativos en sus exploradores de archivos, las carpetas se > > manejan > > así, cuando se expande alguna. > > > > También "Las flechas que indican acción", por lo menos a mí me confunden > > :S. > > > > Saludos. > > > > 2010/11/29 Natalia Vivas <[email protected]> > > > > > Hola a todos! > > > > > > Me encuentro en una discusión en mi oficina sobre el diseño de los > > > controles > > > de expandir y colapsar en una acordeón de información, pese a lo que > > > piensen > > > de los acordeones, la pregunta es: ¿La flechas en una acordeón deberían > > > indicar la acción o el estado? > > > > > > En este dibujo lo explico mejor: http://bit.ly/flechas > > > > > > Desde mi punto de vista las flechas deberían indicar la acción a > > realizar, > > > si están hacia abajo indica que al hacer click sobre la flecha el > > contenido > > > va a expanderse y si la flecha está hacia arriba el contenido se > > contraerá. > > > > > > Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que > en > > > Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > > flecha > > > es hacia abajo y cuando no hacia el lado izquierdo... > > > > > > ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > > convención? > > > > > > Mi decisión fue reemplazar las flechas por un texto "expand" y > "collapse" > > > ;) > > > > > > ¿Qué piensan ustedes? > > > > > > > > > Saludos! > > > > > > Natalia Vivas Velasco > > > www.usarte.org > > > Bogotá, Colombia > > > _______________________________________________ > > > altas, bajas y modificaciones: > > > http://www.cadius.org/lista/opciones.html > > > > > > > > > ------------------------------ > > > > Message: 5 > > Date: Mon, 29 Nov 2010 20:06:12 -0800 (PST) > > From: Jorge Noricumbo <[email protected]> > > To: Lista de Cadius <[email protected]> > > Subject: Re: [cadius] Flechas de expandir y colapsar > > Message-ID: <[email protected]> > > Content-Type: text/plain; charset=iso-8859-1 > > > > En las bandejas de entrada de hotmail y yahoo, las flechas se usan como > > dicen > > los ingenieros y los de UI. > > Creo que esto podría indicar un estándar. También en el explorador de > > windows y > > el finder de mac lo usan igual: > > > > http://images.apple.com/pro/tips/images/multiplefolders.gif > > http://merill.net/wp-content/uploads/2009/04/windows7explorer-thumb.png > > > > Aunque también están los clásicos signos + y - > > > > + (colapsado, hay más info que mostrar) > > - (expandido) > > > > Yo iría por la opción de los ingenieros y los de UI que parece apuntar a > un > > estándar ;) > > -- > > Jorge Noricumbo > > > > > > > > > > > > > > ----- Original Message ---- > > > From: Natalia Vivas <[email protected]> > > > To: [email protected] > > > Sent: Mon, November 29, 2010 12:04:15 PM > > > Subject: [cadius] Flechas de expandir y colapsar > > > > > > Hola a todos! > > > > > > Me encuentro en una discusión en mi oficina sobre el diseño de los > > controles > > > de expandir y colapsar en una acordeón de información, pese a lo que > > piensen > > > de los acordeones, la pregunta es: ¿La flechas en una acordeón > deberían > > > indicar la acción o el estado? > > > > > > En este dibujo lo explico mejor: http://bit.ly/flechas > > > > > > Desde mi punto de vista las flechas deberían indicar la acción a > > realizar, > > > si están hacia abajo indica que al hacer click sobre la flecha el > > contenido > > > va a expanderse y si la flecha está hacia arriba el contenido se > > contraerá. > > > > > > Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que > > en > > > Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > flecha > > > es hacia abajo y cuando no hacia el lado izquierdo... > > > > > > ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > > convención? > > > > > > Mi decisión fue reemplazar las flechas por un texto "expand" y > > "collapse" ;) > > > > > > ¿Qué piensan ustedes? > > > > > > > > > Saludos! > > > > > > Natalia Vivas Velasco > > > www.usarte.org > > > Bogotá, Colombia > > > _______________________________________________ > > > altas, bajas y modificaciones: > > > http://www.cadius.org/lista/opciones.html > > > > > > > > > > > > > > > > > ------------------------------ > > > > Message: 6 > > Date: Tue, 30 Nov 2010 08:06:22 +0100 > > From: Ana Delia Campo <[email protected]> > > To: Lista de Cadius <[email protected]> > > Subject: Re: [cadius] Flechas de expandir y colapsar > > Message-ID: > > <[email protected]> > > Content-Type: text/plain; charset=ISO-8859-1 > > > > Hola > > > > Estoy de acuerdo con tus compañeros. Es más habitual verlas indicando > > estado. Al final la usabilidad también se refiere a la frecuencia de uso, > a > > lo que los usuarios estamos acostumbrados a ver, y por tanto conocemos. > > > > Un saludo > > Delia > > > > El 29 de noviembre de 2010 19:04, Natalia Vivas > > <[email protected]>escribió: > > > > > Hola a todos! > > > > > > Me encuentro en una discusión en mi oficina sobre el diseño de los > > > controles > > > de expandir y colapsar en una acordeón de información, pese a lo que > > > piensen > > > de los acordeones, la pregunta es: ¿La flechas en una acordeón deberían > > > indicar la acción o el estado? > > > > > > En este dibujo lo explico mejor: http://bit.ly/flechas > > > > > > Desde mi punto de vista las flechas deberían indicar la acción a > > realizar, > > > si están hacia abajo indica que al hacer click sobre la flecha el > > contenido > > > va a expanderse y si la flecha está hacia arriba el contenido se > > contraerá. > > > > > > Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que > en > > > Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > > flecha > > > es hacia abajo y cuando no hacia el lado izquierdo... > > > > > > ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > > convención? > > > > > > Mi decisión fue reemplazar las flechas por un texto "expand" y > "collapse" > > > ;) > > > > > > ¿Qué piensan ustedes? > > > > > > > > > Saludos! > > > > > > Natalia Vivas Velasco > > > www.usarte.org > > > Bogotá, Colombia > > > _______________________________________________ > > > altas, bajas y modificaciones: > > > http://www.cadius.org/lista/opciones.html > > > > > > > > > ------------------------------ > > > > Message: 7 > > Date: Tue, 30 Nov 2010 09:23:45 +0100 > > From: Jordi Galobart Salvat <[email protected]> > > To: [email protected] > > Subject: Re: [cadius] Flechas de expandir y colapsar > > Message-ID: <[email protected]> > > Content-Type: text/plain; charset=ISO-8859-1; format=flowed > > > > Totalmente de acuerdo, nos hemos acostumbrado a que marque el estado, no > > la acción. > > > > On 30/11/10 8:06, Ana Delia Campo wrote: > > > Hola > > > > > > Estoy de acuerdo con tus compañeros. Es más habitual verlas indicando > > > estado. Al final la usabilidad también se refiere a la frecuencia de > uso, > > a > > > lo que los usuarios estamos acostumbrados a ver, y por tanto conocemos. > > > > > > Un saludo > > > Delia > > > > > > El 29 de noviembre de 2010 19:04, Natalia Vivas > > > <[email protected]>escribió: > > > > > >> Hola a todos! > > >> > > >> Me encuentro en una discusión en mi oficina sobre el diseño de los > > >> controles > > >> de expandir y colapsar en una acordeón de información, pese a lo que > > >> piensen > > >> de los acordeones, la pregunta es: ¿La flechas en una acordeón > deberían > > >> indicar la acción o el estado? > > >> > > >> En este dibujo lo explico mejor: http://bit.ly/flechas > > >> > > >> Desde mi punto de vista las flechas deberían indicar la acción a > > realizar, > > >> si están hacia abajo indica que al hacer click sobre la flecha el > > contenido > > >> va a expanderse y si la flecha está hacia arriba el contenido se > > contraerá. > > >> > > >> Los ingenieros y los de UI dicen: que no, que "se ve muy raro".... que > > en > > >> Mac y Fireworks y en algunos sitios web cuando algo está expandido la > > >> flecha > > >> es hacia abajo y cuando no hacia el lado izquierdo... > > >> > > >> ¿Saben si existe un estándar para expandir y colapsar?¿Hay alguna > > >> convención? > > >> > > >> Mi decisión fue reemplazar las flechas por un texto "expand" y > > "collapse" > > >> ;) > > >> > > >> ¿Qué piensan ustedes? > > >> > > >> > > >> Saludos! > > >> > > >> Natalia Vivas Velasco > > >> www.usarte.org > > >> Bogotá, Colombia > > >> _______________________________________________ > > >> altas, bajas y modificaciones: > > >> http://www.cadius.org/lista/opciones.html > > >> > > > _______________________________________________ > > > altas, bajas y modificaciones: > > > http://www.cadius.org/lista/opciones.html > > > > > > > > > > ------------------------------ > > > > _______________________________________________ > > Altas, bajas y modificaciones: > > http://cadius.org/mailman/listinfo/lista_cadius.org > > > > > > Fin de Resumen de Lista, Vol 89, Envío 9 > > **************************************** > > > > > ------------------------------ > > _______________________________________________ > Altas, bajas y modificaciones: > http://cadius.org/mailman/listinfo/lista_cadius.org > > > Fin de Resumen de Lista, Vol 90, Envío 4 > **************************************** > _______________________________________________ altas, bajas y modificaciones: http://www.cadius.org/lista/opciones.html
