Mostrando entradas con la etiqueta Práctica 2. Mostrar todas las entradas
Mostrando entradas con la etiqueta Práctica 2. Mostrar todas las entradas

miércoles, 19 de diciembre de 2012

Apps que desentonan

Desde la aparición de los smartphones la industria de las aplicaciones caseras y profesionales ha tenido un crecimiento exponencial. Muchas apps, sin embargo, tienen elementos incomprensibles. En esta entrada trataremos sobre Free App Magic.

Esta app nos deleita "cada día con 3 nuevas apps gratuitas", que lo de nuevas lo dirán ellos, porque se repiten más que el anuncio de los barquitos. La idea es simple, ponen 3 apps, que antes podían haber sido o no de pago, para que cualquiera se las descargue. Para ver lo simple que es veamos otras apps con la misma función.

La primera es appgratis, que como podemos ver en la imagen tiene un diseño limpio, simple, intuitivo y organizado. Si quieres la app picas en Descargar y listo. Además está completamente en español.

appgratis

App Free es otra app sencilla, que usa un método semejante al anterior, apps bien organizadas.

App Free

Hay una gran cantidad de apps de este tipo, como: Daily App Dream o APP-FREE. El problema llega al volver a Free App Magic que, tras una pantalla con la imagen de la app, nos encontramos con la siguiente interfaz.

Free App Magic

En un primer momento desconcierta. 3 globos, un sombrero de mago, una bomba y una hucha de cerdito. Vayamos por partes. El comienzo ya es malo, comunicación la justa, no entiendes nada, mala percepción y de la comprensión mejor ni hablamos.

Demos un salto para comprobar la comodidad, para ello vamos a estallar algún globo, me gusta el amarillo, bueno vale, me dice que tengo que estallar los otros primero, cada vez me desagrada más. Estallamos el globito azul y nos sale una app que ni me va ni me viene, a volver atrás a ver qué nos depara el globo rosa. Otra app que no me interesa, que por cierto, la conozco y siempre ha sido gratuita, con appgratis esto no me pasaba. Me cansé, fallo de comodidad en la frontera de ejecución y borrada instántanea, bueno no, que tengo que terminar primero la entrada.

Para mi sorpresa hay una actualización, descarguémosla, que ya se habrán dado cuenta del desastre que hicieron, mejor tarde que nun... ¡¿pero qué es esto?!.

Free App Magic actualizada
Antes que cunda el pánico, tranquilos, que es igual de mala que la anterior, solo que ya no hay globitos, ahora hay cohetes y una barra debajo, ¿Photos?, vamos a ver. Muy bien, como ya me gustaba tanto, ahora me encuentro con que es publicidad, fantástico, y de la que me gusta, que te engañan haciéndote creer que es algo y luego te topas con esto, ignorémoslo.

Al picar en un cohete sale una animación, más espera para lo que realmente quiero, mi app gratis. Expectación tiene un rato, y más en fallo de expectativas en la frontera de evaluación, lo simple en esta ocasión es mejor, y esta app no es simple. Viendo las similitudes entre esta y sus alternativas nos encontramos con el fallo de convención y analogía en la frontera de evaluación.

Como hemos visto hasta ahora, esta app peca de poca integridad estética debido al colorido sin sentido y una gran falta de coherencia (globos, cohetes, bombas).

lunes, 17 de diciembre de 2012

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.

viernes, 14 de diciembre de 2012

Realimentación, manipulación y coherencia

Cuando navegamos por internet muchas veces no nos damos cuenta de lo que realmente ocurre cuando realizamos una acción. Hacer un simple click en un enlace desemboca en una serie de órdenes y rutinas que sin saber bien cómo, nos lleva a donde esperábamos.
En ocasiones tenemos que esperar mientras se lleva a cabo la acción, para estos casos están, por ejemplo, las llamadas barras de carga, o imágenes en movimiento, que nos muestran que debemos seguir esperando, que todo va bien. Ésta es la llamada realimentación. Un ejemplo lo vemos en los reproductores de video online, mientras esperamos que se reproduzca el video.

En las 3 imágenes siguientes podemos ver método de realimentación elegido para los reproductores de VK, MagnoVideo y AllMyVideos, respectivamente.

El proceso de realimentación tiene una pequeña evolución, ésta es cuando se realimenta una vez tras otra. Es la llamada manipulación directa. Para entenderlo podemos ir, por ejemplo, a TuBillete.com y buscar un hotel. Podemos cambiar el hotel por otro que elijamos, y al hacerlo, la misma página nos actualiza el precio al instante, usando la manipulación directa.

Por último veremos que cuando programas que tienen un fin común suelen usar elementos similares. Los navegadores son un claro ejemplo. En la actualidad es raro que un navegador no tenga un sistema por pestañas. A esto se le llama coherencia entre distintos sistemas.

Pestañas en Chrome



miércoles, 12 de diciembre de 2012

Metáforas

Los reproductores, ya sean de video o audio, tienen distintos elementos comunes. Entre ellos están los botones de play, pause, control del volumen, avanzar o parar. Estos elementos son familiares para la mayoría de la gente, autoexplicativos e informan con claridad al usuario, por ello son llamados metáforas. Dentro de las metáforas son del subtipo visual, dado que son elementos gráficos.

Control del iTunes
Navegando por internet podemos encontrar distintas páginas que podemos comparar por sus similitudes en la estructura o el orden. Éstas se aprovechan de las metáforas organizacionales. Podemos ver que las páginas de Motorpasión y Gizmodo están distribuídas, al igual que este blog, a través del tiempo, donde se van introduciendo nuevas entradas.

Gracias al avance tecnológico podemos llevarnos un ordenador a cualquier lado junto al móvil. Me estoy refiriendo a los smartphones. Han llegado a un punto en el que puedes hablar no solo con la persona a la que llamas, sino con el mismo aparato. En concreto me refiero a Siri y al sistema que tiene para poder comunicarte con él. Hay una opción con la que puedes, levantando el móvil y hablando con él como si de una llamara se tratase, hablar con Siri de una forma natural. Esto lo han hecho para conseguir una mayor facilidad de uso, gracias a la costumbre que tenemos de descolgar el teléfono y hablar. A esto se le llama uso de metáfora funcional.

Siri en un iPhone 4S

Descontrol publicitario

El control es parte esencial en nuestra vida diaria, sin él no podríamos comer, correr o teclear (control sobre nuestro cuerpo). A pesar de su importancia, en ocasiones no se nos permite tenerlo, en ocasiones en las que sin duda nos gustaría tener el control.


Un caso particular es la publicidad. En una gran cantidad de páginas web podemos encontrar ejemplos claros. Voy a exponer en concreto un anuncio publicitario, y lo llamo publicitario porque, hasta donde llegan mis conocimientos sobre el tema, no existen anuncios "tocape*". Es el caso del anuncio del juego "Seafight". Si sabes de lo que te hablo, ahora mismo en tu cabeza están sonando cañones de barcos. Es una publicidad horrible en la que en ocasiones el usuario tiene opción a quitar el sonido, pero en otras no, y a éstas me refiero en la entrada.




La solución es sencilla, como siempre cuando la conoces, se llama AdBlock, y es una extensión que está disponible en los navegadores más usados. Esta aplicación elimina cualquier publicidad molesta de las páginas que visites, por algo es la extensión más descargada.