lunes, 28 de diciembre de 2009

Software #06: Coherencia (3)

El primero de los fallos de diseño que le he encontrado a Windows 7 es un fallo de coherencia de versiones en el botón de mostrar el escritorio, un botón que se utiliza con bastante frecuencia. En versiones anteriores, más concreto en Windows XP, lucía un aspecto como éste:


Como puede apreciarse, el icono solía encontrarse en la zona de acceso rápido (aunque al ser un icono podías ponerlo donde quisieras, pero para mí ahí es donde más sentido tiene dada su naturaleza). Pues bien, siguiendo la línea de cambiar sin avisar de Microsoft, quitan el icono de mostrar escritorio y lo convierten en un "botón" (por llamarlo de alguna forma) que más bien parece una zona muerta de la barra de tareas (ahora llamada Aerobar porque suena más cool). Luce tal que así:


Software #05: Coherencia (2)

El último fallo de hoy en lo que se refiere a la página de la biblioteca está en la renovación de préstamos. Si has logrado traspasar la barrera de la entrada en la página y quieres renovar tu libro, tienes un botón muy claro y accesible (¡Menos mal!). ¿Dónde está el fallo? En la fecha de renovación. Si tú sacas el libro el día 5, te toca renovarlo el día 12. ¿Qué pasa? A partir del segundo o tercer día de préstamo, ya puedes renovar el libro. El fallo está en que la fecha de renovación que la página te calcula no es el momento en que tú pinchas, sino siete días más contando desde la fecha de devolución. Volviendo al ejemplo anterior, si tú pinchas en renovar el día 8, efectivamente renuevas el libro, pero no hasta el día 15 (siete días después del día 8), sino hasta el día 19 (siete días después de la devolución el día 12). Esto no sólo no tiene sentido, sino que alarga los plazos de espera de un estudiante que quiera sacar un libro que ya tienes tú prestado.

Software #04: Seguridad

Si bien la página de la biblioteca tiene fallos muy gordos, éste es uno de esos que se llevan la palma por goleada. Se trata del acceso por defecto de los nuevos usuarios. Si es la primera vez que vas a realizar un logeo como usuario, la contraseña por defecto es la misma que el usuario, es decir, tu DNI. En lugar de generar una contraseña aleatoria con cierta seguridad, optaron por este poco acertado método. Y es que, cualquiera con un poco de maña, puede conseguir el DNI de cualquier estudiante con un par de búsquedas. Desconozco si hoy día este fallo sigue encontrándose en la página de la biblioteca, pero muchos usuarios lo sufrimos durante bastante tiempo.

Actualización: Me corrijo. No han solucionado el problema. Además, no sólo no lo han solucionado, sino que la misma página te informa debidamente de ello para que, si no lo sabes, sepas perfectamente cómo colarte en otra cuenta.

Software #03: Realimentación

Entiendo que una página web no pueda tener una realimentación, digamos directa, como la puede tener un software físico corriendo sobre una máquina, sobre todo si ésta es muy rápida, pero lo de la página de la biblioteca de la universidad pasa de castaño oscuro. Yo no sé si el objetivo es que quieren que la página sólo funcione bien dentro de la red universitaria, pero pese a que he avisado muchas veces de este error, no se le pone solución. Los tiempos de carga utilizando la página desde casa son ridículos, llegando a dar un mensaje de error en el navegador en más de un cincuenta por ciento de los casos. Preocupante e indignante. Y para que vean que no me lo invento:

Cargando... (La imagen está recortada a propósito)

Y cinco minutos después, a la primera, me redirigió a la página principal y no la página de control de usuarios.

Software #02: Coherencia

Si sobrevives al impacto de la página principal de la biblioteca de la universidad y decides hacer una búsqueda, lo primero que te llama la atención es este clarísimo fallo de coherencia en la intefaz. ¿Por qué la primera página se nos presenta con un diseño y, cuando realizamos una búsqueda, aparecemos ante un diseño totalmente distinto, tanto en forma como en funcionalidad?

Página principal

Página de búsqueda


¿Por qué no optaron por dejar toda la página con el segundo diseño que es, desde luego, más intuitivo y manejable que el primero?

Software #01: Fallo de integridad estética

En los muchos años que llevo estudiando informática en la ULPGC, una de las cosas que jamás he entendido es por qué tenemos una página web de bibloteca tan lamentable, excusando mi grosería. Y digo lamentable porque está plagada de errores gordos desde mi punto de vista, amén de bastante básicos.

Pero uno de los que más me llama la atención es el claro fallo de integridad estética que tiene la página principal, la primera que aparece tras pinchar en el enlace de "Biblioteca universitaria" que hay en www.ulpgc.es. Concretamente me refiero a esto:


No sé si yo soy muy simple, pero yo creo que cuando uno entra en una biblioteca lo hace fundamentalmente por dos motivos: el primero, buscar libros para sacarlos y/o leerlos y el segundo, renovarlos. Lógicamente, a una biblioteca física también puedes ir a leer allí, estudiar, etcétera, pero ése no es el caso de una biblioteca virtual, por lo menos no hasta la fecha.

Entonces ¿qué es toda esa saturación de información? ¿Dónde está el enlace para renovar los libros? Es que yo llego a la página web y, lo primero que obtengo, es confusión. Veo un enlace para buscar, fabuloso, pero... ¿Faro? ¿Últimas noticias? ¿PDI? ¿PAS? ¿Pregúntanos duplicado? Es todo muy caótico.

Comienzo de la Práctica 3: Fallos en software

Este post sirve como introducción a la práctica 3 de Diseño de Interfaces Humanas. Esta práctica consiste en criticar aspectos de diseño de dos softwares elegidos por el alumno: el primero debe ser una página web y el segundo un software físico.

Los dos softwares que yo he escogido son los siguientes. Como página web, una página web muy conocida para los estudiantes de la ULPGC:


Y como software, un software muy conocido para todo el mundo en general:




miércoles, 9 de diciembre de 2009

Interfaz #02 - Cartulinas 0.1

Después de trabajar el viernes en los bocetos sobre el papel, decidí ponerme manos a la obra con el Photoshop y ésta es la primera aproximación de diseño de mi "Cartulinas", la versión 0.1. Vamos por orden.

Pantalla de presentación:


Lo primero que nos encontraremos al abrir la aplicación es este sencillo menú. En él se muestran 3 secciones bien divididas. La primera sección con el nombre de la aplicación y una cartulina en blanco para sacar una nueva cartulina. La segunda sección corresponde a las cartulinas que el móvil detecta abiertas en su alcance. Si no detecta ninguna, esa sección no saldrá. La tercera sección muestra las cartulinas guardadas por los niños. Sobre las cartulinas se puede dibujar solo o en grupo. Esto es lo que representa el icono de la(s) persona(s). Además, las cartulinas se pueden enviar por correo o sms o se pueden tirar a la papelera (acabo de caer en la cuenta de que me falta la pantalla de confirmación de borrado). Si hacemos click en nueva cartulina, pasamos a la siguiente pantalla.


Aquí es donde le pondremos nombre a nuestra cartulina con el menú para teclear clásico de los iPhone.


¿Seguro que quieres llamarla así? Sí o no.


¿Quieres que sobre ella se pueda dibujar solo o en compañía de tus amigos? (¿Esto merece la pena que sea configurable a posteriori? -Preguntar-). Con lo que ya entraríamos de lleno en la interfaz de dibujo del programa. Como se dijo en la entrada anterior, las herramientas elegidas finalmente fueron: Mover, rotulador (punta gruesa), cera (punta tipo cera), lápiz (punta fina), goma, gomita, selección de color, balde (cubo de pintura -jaja-), formas y dedo para difuminar. Las herramientas se desplazan moviendo la barra y lucen de la forma siguiente:




Las herramientas desplegables son únicamente color y forma. La herramienta color tiene 8 colores preseleccionados y 4 casillas para rellenarlas del color que el niño quiera con una sencilla herramienta con zoom. El resultado de elegir un color sería el siguiente:



Y si el niño quiere otro, acudiría a las 4 casillas rellenables:


Por último ya sólo faltaría el menú de formas:


Como se puede apreciar, el color de todas las herramientas de pintura con color depende del color seleccionado, de forma que cuando el niño seleccione un color, todas esas herramientas pasarán a pintar con él. En próximas entradas colgaré las pantallas que me faltan.

martes, 8 de diciembre de 2009

Interfaz #01 - Toma de contacto

Aprovechando estos fantásticos días inútiles de Gripe A, he comenzado a modelar la interfaz para el iPhone. Primero debemos tener en cuenta lo siguiente: Resolución del iPhone: 480x320 píxeles (16 millones de colores). Por lo tanto, he considerado colocar cuatro botones como máximo en pantalla. Eso hacen botones de 80x80. Creo que es una medida adecuada para los dedos de un niño. Empecemos por los bocetos en papel:



La aplicación se va a llamar "Cartulinas". Se trata de una aplicación destinada al público infantil principalmente. La "novedad" de esta aplicación es la capacidad de dibujar en grupo con los iPhones que tengas cerca o en solitario si lo prefieres. Debido a que el público es un público infantil, he decidido limitar la aplicación y emplear el menor número de metáforas posibles. Por ejemplo, mi idea es que, una vez dibujando, no haya que guardar ya que para un niño esta idea no tiene demasiado sentido, misma razón por la que he eliminado el deshacer. En el menú principal, el niño tendrá a sus disposición tres bloques: nueva cartulina, unirse a cartulinas cercanas, cargar cartulina guardada. Si elige nueva cartulina, tendrá que ponerle un nombre y elegir si la quiere para dibujar solo o en grupo. Posteriormente podrá empezar a pintar. Si elige una cartulina en grupo, automáticamente ésta pasará a su colección de cartulinas. Si carga una de la colección, podrá continuar por donde la había dejado. En la aplicación, siempre tendrá disponibles cuatro botones en forma de barra. La cartulina de dibujo tiene un tamaño máximo de 3xRes_iPhone. Se puede hacer zoom con el movimiento de dedos del iPhone tanto para dentro como para fuera. Las herramientas son las que se han decidido en el folio.

En cuanto al icono de la aplicación, éste es el resultado:


Y así es como quedaría instalado en el menú del iPhone: