Diseño de software II

En esta segunda entrada del diseño de nuestro software comprobaremos lo que hemos venido criticando en las dos prácticas anteriores.

La idea de nuestro programa es sencilla: que funcione y sea tan simple que hasta un niño pueda abrirlo por primera vez y lo maneje con soltura desde ese primer momento. Para ello el programa debe responder en todo momento, pudiendo haber interacción sin pausas. Mediante un código común, favoreciendo la comunicación. Haciendo que su simpleza cree una fácil percepción y comprensión.

El programa tiene botones grandes e intuitivos, de esa manera la hacemos accesible a cualquiera, cómoda y segura.

El usuario no necesita hacer ningún esfuerzo especial, generando una respuesta rápida a sus expectativas, que desde un principio se ven satisfechas con un diseño tan simple. Es restrictivo en el sentido de tener solo dos posibilidades: dibujar o colorear, pero para esto fue diseñado y es a lo que nos ceñimos. Es un programa convencional, con distintas ventanas con los típicos botones de retroceso, lápiz para dibujar, colores para pintar y goma para borrar, usando así elementos analogías con la realidad. Cuando pulsas cualquier botón siempre ocurre algo instantáneamente, favoreciendo la causalidad.

El usuario juega un papel activo. Nos aprovechamos completamente de las metáforas visuales (lápiz, goma, colores), organizacionales (pocos botones y estructurados de forma intuitiva) y funcionales (apoyándonos de la vida cotidiana, como en los colores organizados en linea).

En la imagen de carga nos aprovechamos de una barra de carga para favorecer la realimentación. A la hora de elegir un color, estamos constantemente ayudándonos de la manipulación directa, viéndose cada color elegido, como seleccionado. Mediante las similitudes con la realidad vemos la completa coherencia del diseño.

En el caso de nuestro programa, al ser para niños pequeños, debemos captar su atención mediante el colorido, siendo esta la integridad estética. La reversibilidad viene representada en el botón de retroceso que hay en todas las ventanas que lo necesitan. Cualquier niño con ciertas discapacidades pueden usar nuestro programa sin problema, haciéndolo accesible a un mayor número de personas.

Diseños inadecuados

Internet es una red de redes enorme, que va siendo tejida por todos los que quieran ser parte de ella. Esto genera una infinita variedad de páginas web. El hecho de que cualquiera pueda ser parte de la misma crea una serie de inconvenientes, en concreto nos referiremos al diseño. Cualquiera sin ninguna noción en diseño web puede crear una página sencillamente conociendo el sistema.

Además de las personas sin pleno conocimiento sobre diseño web hay otras que aún teniéndolo fallan en lo mismo. Un ejemplo de ello es la página web oficial de la Universidad de Las Palmas de Gran Canaria (ULPGC).

Una vez dentro de la página nos encontramos con lo siguiente:

La primera vez que accedemos a esta página resulta chocante el entorno incómodo, poco intuitivo y con mala percepción que crea errores de comprensión. Al ser nuestra primera vez aquí nos damos cuenta que es un lío, lo cual es un enorme fallo en metáfora visual, y mala organización, que nos muestra en el mayor espacio una serie de noticias que jamás nadie se molesta en mirar, restándole importancia a lo que el alumno realmente busca.

Nuestra primera interacción con la web es comúnmente antes de matricularnos, para, por ejemplo, informarnos acerca de nuestra futura carrera. Probemos a buscar información sobre el Grado en  Ingeniería Informática. Picamos en Estudios, en la barra vertical izquierda, y luego en Grados. Una vez aquí, entramos en Presenciales. Si tenemos suerte y la página no se ha colgado hasta el momento, procedemos a buscar el Grado en Ingeniería Informática, y nos aparecerá algo como la imagen.

Si nos fijamos en la barra de desplazamiento a la derecha de la imagen, vemos que nos muestra que hay una larga lista de elementos por debajo. No nos dejemos engañar, está todo en blanco, es otro error de la página, uno de los errores sin importancia.

Siguiendo nuestra búsqueda de información sobres nuestro futuro, nos encontramos con una gran cantidad de enlaces. En concreto nos interesa saber cuántos años son y qué asignaturas se imparten, el resto en un primer momento suele importarnos poco. Para ello picamos en "Plan de estudios" y nos saldrá un molesto elemento rojo PILOT, o lo que es lo mismo: rojo claro que despista y molesta, y por si fuera difícilmente apreciable, es parpadeante, poco acertado. Adiós a la integridad estética.

A pesar de todo hay que decir que es un acierto, porque favorece la realimentación, no nos deja colgados pensando que no está haciendo nada, paciencia, que está cargando.

Al fin llegamos a donde queríamos, tenemos todas nuestras futuras asignaturas ordenadas por cursos, tras el susto de leer por encima los nombres queremos profundizar en algunas, picamos en cualquiera de ellas y la investigamos, ahora volvemos a atrás para mirar otra, pero ¿qué pasó?, no te preocupes, es otro fallo de la página, aunque esta vez no es tan leve como el de la barra lateral. Nos volvió a llevar a la siguiente pantalla.

¿Y ahora qué?, te preguntarás. No desesperes, tan solo tienes que volver a hacer el proceso de antes mientras maldices a alguien por no conocer el concepto de reversibilidad. Esto tenía una fácil solución llamada: abrir enlace en una nueva pestaña.

Si una vez de vuelta a la lista de enlaces del Grado de la segunda imagen, picas en algún otro enlace como "justificación", "objetivos" u otros tantos, te darás cuenta que te redirije a otra web. La web oficial de la Escuela de Ingeniería Informática (EII), y mejor ignoremos otro de los errores, que sin importar el enlace que pinches, te manda a la página principal de EII (que otro solucione tu problema).

La página web de la ULPGC puede parecer liosa en un primer momento, hasta que descubres el cuadro de búsqueda, a partir de ese momento olvidarás el resto de la página e irás al grano, que hay ocasiones en las que no es bueno andar con rodeos.

Durante la realización, la página web me ha dejado colgado en dos ocasiones, desconozco los motivos, pero es bastante común, sobre todo en época de exámenes, cuando entras a descargarte los exámenes resueltos para prepararte, y ves que no puedes hacer nada y piensas: esto es cosa de Murphy.