"Buscador" web Discos Noda

Como se puede apreciar en la fotografía tenemos la página web de Discos Noda, una tienda en la que es habitual ver a clientes entrar para ver discos de música o DVD,s de películas. Y siendo la única en toda Las Palmas que se dedique de lleno a este negocio.

Bueno viendo la interfaz que posee, parece bastante intuitiva a la vista, con menús sencillos y con la información importante en cada caso.

Pero esta interfaz posee un fallo bastante considerable y es el siguiente : Si un cliente desea buscar un determinado disco o dvd, como comentamos antes, no tiene ningún buscador ó acceso rápido por pestaña donde poder consultar. A la vista las únicas pestañas en las que podría estar, podría ser "Superventas" ó "Exclusivas" que con un poco de imaginación que tenga el usuario de esta web pensaría que esa opción podría estar.

Pero accionando el botón "Superventas" podemos observar que no posee dicho recuadro.

Sino que nos encontramos con una lista de los cd,s más vendidos durante estas fechas, lo cuál al cliente no le sirve de mucho, si está buscando otro cd o dvd que no tenga que ver con los que se encuentran en dicha sección de la página.

Mirando el otro botón en el que el usuario pensaría que estaría el buscador, vemos que tampoco lo posee.

Observamos que es totalmente idéntica a la de "Superventas", pero ésta posee otra lista de cd,s.

Con respecto a los otros botones, pues comentar en especial el de "Comprar".

Estando la mayoría de los usuarios acostumbrados posiblemente a la compra por internet. Esta sección no lo permite, observando la imagen vemos que no es así.

Entonces el fallo que posee esta interfaz es de "Manipulación Directa " puesto que no tiene la posibilidad de poder realizar la función de "Buscar" con rapidez. Es más, como está hecha esta aplicación el usuario tiene que estar tateando por donde puede estar el buscador, siendo más propenso el esfuerzo mental que tiene que realizar y errando en cada uno de sus intentos de búsqueda.
Simplemente se corregiría como la interfaz que posee "El Corte Inglés" en su sección de Música.

Como podemos observar en la segunda foto, ésta ofrece la posibilidad de buscar en la base de datos si el cd que estamos buscando está o no en sus tiendas, especificando el estilo o género de música que más nos apetezca.

En nuestro caso, hemos buscado los últimos cd,s de la artista "Beyoncé Knowles", y hemos encontrado varios cd,s vinculados. Lo cuál podríamos decir que esta sería una solución cercana al problema que posee la página web "Discos Noda".

Versión Actualizada Pestaña Dibuja Web

En esta última entrada sobre la interfaz web, postearemos la versión de la pestaña "Dibuja" para niños.
Como podemos observar, vemos que la aplicación es idéntica a la que propusimos para la pestaña "Colorea", a excepción de un icono: el de "Dibuja".
Éste se encuentra en la parte izquierda de la interfaz, donde también podemos encontrar las otras dos funciones: la de "Borrar" y la de "Colorea". Así, si cuando dibuje le apatece pintarlo pues tiene a disposición esas funciones. Considero que esta aplicación junto con la de "Colorea" abarcan las mínimas funciones que debe realizar.
Ayudan a la psicomotricidad y los iconos son bastante intuitivos, de esta manera pienso que no se perderán en ningún momento.

Versión Actualizada Pestaña Colorea Web

En esta entrada, presento como sería la interfaz donde el niño puede colorear su dibujo.
En la cuál, me he decantado por hacerla lo más sencilla posible, usando las mínimas funciones que se deben realizar a la hora de colorear un dibujo. En la parte izquierda de la interfaz encontramos dos funciones, la de borrar y la de colorear, dos funciones que son necesarias. Si el niño piensa que el color que ha usado no es el idóneo o no le gusta, acciona ese botón y el dibujo vuelve a su estado actual. El de colorear pues se puede saber de antemano la utilidad que posee, accionando ese botón colorea cualquier zona del dibujo.
En la parte derecha, encontramos la extensa paleta de colores en la cuál acciona el cuadrado donde esté el color que quiera usar y accionando el botón colorear pues pintaría, lo considero bastante intuitivo.
Como punto final encontramos otro bloque abajo, en el que hay tres botones: Rehacer, deshacer e imprimir. Hablando del segundo botón tiene una utilidad bastante importante, si el niño considera que como tiene actualmente el dibujo no le gusta (esto cuando está totalmente pintado), pues cuando lo pulse vuelve al estado anterior a como se encontraba. El botón Rehacer hace la misma función pero en el proceso contrario. Y con respecto al botón de imprimir pues como la página no está orientada hacia usuarios inscritos, es libre de imprimir su dibujo si le gusta.

Versión Actualizada Pestaña Dibujos Web

En esta entrada, presento la actualización de la pestaña "Dibujos".
Con respecto a las otras entradas, ésta no posee demasiados cambios.
Lo único llamativo que ha cambiado con respecto a la anterior versión, es el gif animado y el fondo. Por lo demás, tiene los mismos botones de avance y retroceso para ver los dibujos y la tabla con ellos puestos.

Versión Actualizada Pestaña Ayuda Web

Aquí muestro la actualización que posee la pestaña de ayuda.
Como punto importante, resaltar la organización de la información como una lista, ya que en la anterior versión ésta estaba puesta como líneas de texto. Además, he puesto la fuente en el tamaño idóneo para que se encuadre de tal manera que el dibujo de fondo se vea en su totalidad.

Versión Actualizada Portada Web

En esta entrada, presento la actualización de la portada de la web para niños.
Básicamente he corregido algunos puntos, en los que con la opinión de compañeros y una revisión en profundidad, he considerado de bastante importancia.
En primer lugar, la portada web que he usado para presentar la web, al ser demasiado colorida, presentaba problemas a la hora de leer el texto que en ella estaba escrito.
Como punto final, los gifs animados no estaban colocados en las posiciones idóneas, por lo cuál he reestructurado los gifs en las posiciones correctas, así es posible que el seguimiento de los pasos a seguir sea mucho más fácil que antes.

Página Dibujos web

Como se puede observar en la fotografía, presento ya como sería la página de enlace "Dibujos" para que los niños puedan ver los dibujos que tiene la página web cada día.
Esta posee un bloque de seis casillas en la cual picando en uno de ellos, tiene la posibilidad de ver el dibujo en grande por si quiere guardarlo. Además tiene por debajo dos botones que dicen atrás y siguiente para que avance o retroceda según los distintos dibujos que quiera ver.

Página ayuda web

Aquí presento como sería la página de ayuda, básicamente me he decantado por escribir en pasos, como sería la interacción con los distintos botones de la página, siendo los más preciso posible en todo momento y además poniendo el papel de Mickey como el ayudante, así conseguimos que el niño no se despite.

Portada Web Todo un mundo disney.com

Después de haber presentado en el post anterior, la base de la aplicación web, ofrezco ya el adelanto que posee la portada.
Como se puede observar posee un menú de interacción, el cuál tiene una serie de enlaces según lo que el usuario vaya a elegir.
Al haber apuntado en nuestro análisis que dicha aplicación iba más bien dirigida hacia los más pequeños, me he decantado por poner un gif animado que muestre los botones que tiene que picar, ese gif se encuentra en la parte izquierda de la página. De esta manera le resulta más intuitivo donde pueden estar los botones que tiene que usar.
Con respecto al mensaje de bienvenida, he jugado básicamente con la base que posee, es decir, he jugado con los colores, de esta manera pretendo conseguir que la página quede lo más llamativa posible.
Para el desarrollo de la portada he usado los lenguajes CSS y HTML, para las imágenes y estilo de la página.