ago 04 25

Normas estándares GUI (graphic user interface)

Tiempo estimado de lectura: 1,31 minutos

Realizando mi práctica profesional en el Aeropuerto Internacional de Córdoba, me pidieron que realice una auditoría de la interfáz gráfica de usuario (GUI) del sistema migratorio.

Para esto estuve recopilando información acerca de las normas estándares GUI, cosa que muy pocos desarrolladores de software tienen en cuenta. Si bien no hay entres reguladores como la W3C, hay ciertas reglas agrupadas sacadas del sentido común, uso y experiencia.

Desde cuestiones bastantes obvias hasta detalles apenas perceptible; estos estándares, en su medida, se esfuerzan por hacer el sistema más usable y accesible.

Estos estándares GUI, pueden dividirse en tres grandes grupos:

El primero (por así decirlo) se basa en la interacción con el usuario, intenta buscar una armonía comunicacional con los usuarios.

El segundo, intenta optimizar la forma en la que se le presentan los datos al usuario e intentan crear un entorno de trabajo donde el usuario sepa siempre donde esta parado

Y por último tenemos la estructura del sistema, donde se intenta optimizar estructuralmente las interfaz gráfica; de esta forma, compromete al entorno GUI en la navegabilidad y en las funciones operacionales entre una sección y la otra del sistema.

Algunos ejemplos respecto a la presentación:

Utilizar una combinación cromática de acuerdo a la información que se esta presentando. (por ejemplo al presentar números negativos en alguna información contable con algún color de resalte.)

Ordenar bajo algún criterio la información o la lista de los controles que se muestran

Los controles de opción no deben estar alineados horizontalmente, sino verticalmente.

No usar operaciones binarias (si/no) con controles de opcion
Usar encambio checkboxs

Estos intentos por estandarizar la interfaz GUI, han llevado a que las interfaces de los sistemas estén pensadas en el usuario, que en definitiva es él que interactúa con el sistema.

Acá les dejo algunos PDFs que se explayan mas al respecto, cualquier información que puedan agregar sobre la misma, no duden en postear bibliografías o fuentes en los comentarios de este post.

Interacción
Presentación
Estructura

Además de los ya mencionados, encontré este PDF que intenta organizar una checklist para “testear” las interfaces gráficas:

Checklist

Saludos…

Copame! Digg it Digg it Reddit Del.icio.us

    22 Comentarios

  1. Rodrigo


    Se agradece … estoy seguro que este post me va a servir para armar mi tesis :)

  2. naty


    interesante, todos los dias se aprende algo nuevo…Gracias!!!;)
    Salu2

  3. Asterion


    Excelente!.
    Tenés razón, no existe un consorcio, existen buenas prácticas (como usar los check para elementos binarios). Esto ha llevado al surgimiento de un grupo de gurúes en “usabilidad”.

    Los leo y te cuento.

  4. FrancoG


    eleZeta… en este post en Alzado (http://www.alzado.org/articulo.php?id_art=355) hay buena info sobre “Arquitectura del soft”, creo que te puede ser de utilidad.

  5. eleZeta


    Gracias Franco, la arquitectura de soft incluye al aspecto visual; como ahi mismo explica en la teoria del Rodrigo

    Lucas, por supuesto … yo creo que la interfaz de un soft es un aspecto FUNDAMENTAL en la usabilidad o funcionalidad del mismo … lo mismo podemos decir sobre la usabilidad de un sitio segun el desarrollo de su interfaz (grafica) …

  6. Diego


    estoy totalmente de acuerdo con Rodrigo, por el hecho mismo de que al fin y al cabo los usuarios estarán interactuando con ella durante la vida del soft, puede estar muy bien hecho por lo bajo, por el lado del código, pero si la interfaz es una cagada puede ser un sistema muy resistido y si es una web -> una que no se use…
    en fin, mucha tera para dar

  7. Fernando


    Muchas gracias Lucas por la info!

  8. Pericl


    Hola, me encanta el blog y como está enfocado. He estado leyendo este post y tengo que decir que me viene de lujo! Lo único es que encuentro un problema y es que los archivos ( que tan bien me vendrían ) que ofreces en este post no están disponibles a día de hoy. Me pregunto si me los podrías mandar o decirme donde puedo encontrarlos. Para mi sería un gran favor. Gracias por escribir este tipo de cosas que nos son tan útiles

  9. Pericl


    Ah! no te preocupes, los acabo de encontrar. Gracias

  10. ivan


    Todas las webs deberían cumplir el estandar W3C. http://www.ntra-net.com

  11. Mónica


    Hola, podrían actualizar el link a los pdf, sería muy util para nosotros verlos. Muchas gracias!!

  12. (*)


    PDF´s porfavor!!!

  13. Joseph


    Por favor actualicen los PDFs o envielos al email.

  14. albert


    Hola no puedo descargar los archivos que has colgado, porfa lo podrias cargar, gracias!!!

  15. calixto


    Estudiando, encontre que el software para interfaz es el 60% del software escrito… eso aumenta mas aun la importancia de tu trabajo.
    Felicitaciones!

  16. priscila


    Hola a todos, no pensé que encontraría material para este tema, gracias por ello aunque un poco antiguito vale la pena, estoy realizando un estándar técnico a un software que se va a reconstruir y realmente no es nada fácil pues tienes que aceptar talvez el porcentaje de lo que en mayoría ya está programado pues el impacto de cambiarlo es grande. Agradeceré sus coments. priscilaek@gmail.com

  17. pez_pijo


    Busquen AIPO y van a encontrar mas informacion.

  18. Javier


    Muy interesante el post. Gracias. Recomiendo la lectura del libro “Usabilidad. Prioridad en el Diseño Web”, de Jakob Nielsen. En él se mencionan varios aspectos de las GUI y es, en conjunto un gran libro. Se puede encontrar más información en su web http://www.useit.com

  19. Rodolfo Solano


    Muchas Gracias por la guia me es de mucha utilidad

  20. Junior


    Gracias muy buen aporte!!

  21. Yenniz


    Gracias!!! esta informacion me servira mucho, estoy elaborando mi proyecto de grado que tiene que ver con control de calidad y esta limitado a la calidad de la interfaz. Si pudieses por favor recomendarme alguna herramienta o ayuda para hacer una verificacion automatizada estaria muy agradecida. =o)

Deja un Comentario

Tags permitidos:

  • <a href="" title="">
  • <abbr title="">
  • <acronym title="">
  • <blockquote cite="">
  • <code>
  • <em>
  • <strong>