Aplicacion Web Control de Flotas

Esta es la interfaz de nuestra aplicación Web de Control de Flotas.
En primer lugar mostraremos la ventana de inicio. Ahora pasamos a la descripción:

En la imagen podemos aprecias una ventana de inicio de sesión. Los detalles son los siguientes:

1. Usuario. Aquí es donde el usuario deberá introducir su nombre de sesión. Si el usuario existe en la base de datos se marcará automáticamente la casilla de Verificación Automática (Esta casilla se marca por la propia web y nunca podrá ser activada por un usuario).
2. Contraseña. Aquí es donde el usuario debe introducir su password. Si la contraseña se corresponde con el usuario introducido en el punto anterior, se marcará automáticamente la casilla de Verificación Automática, indicando que el usuario y su contraseña son correctas.
3. Acceder. Es el botón central. Si ambos datos son correctos, el usuario debe pulsar el botón para iniciar la sesión. Posteriormente se cargará la aplicación a tiempo real.

Una vez logueado satisfactoriamente en el sistema, el cliente tendrá una ventana similar a la que a continuación mostramos y explicamos.

Esta imagen muestra lo que sería la interfaz común de la aplicación. Pasamos a detallar su contenido:

1. Imagen Central. En ella podemos ver los vehículos de nuestra que seleccionemos del list box de la izquierda.
1.  La imagen puede ampliarse (para ocupar toda la pantalla) o reducirse (vista actual). 
2. También podemos ver el mapa tipo callejero (actual) o satélite (ver imagen inferior).
2. List Box (Izquierda). El List Box ofrece toda la flota del cliente. En él podemos seleccionar un vehículo y la aplicación cargará su ubicación con sus respectivos datos (parte derecha).
3. Información del Vehículo (Derecha). En la zona derecha de la pantalla tenemos una serie de datos interesantes para el cliente:
1. Vehículo. Muestra el modelo del vehículo al que se le hace el seguimiento.
2. Matricula. Muestra la matrícula del vehículo al que se le hace el seguimiento.
3. En Marcha. Indica si el vehículo está con el motor encendido.
4. Detenido. Indica si el vehículo está en movimiento (Lo sabe a través del velocímetro).
5. Km Día. Muestra los km que lleva realizado el vehículo en ese día.
6. Km Mes. Muestra el total de Km que ese vehículo lleva en el mes actual.
7. Km Total. Muestra el total de Km que tiene el vehículo.

Esta imagen, representa una visualización ampliada y en modo satélite. 

    4.   Desconexión. Pulsar sobre este botón implica el correcto abandono de la sesión activa de la         

          plataforma. 

Escalera

En esta ocasión mostramos la escalera de una casa. En ella podemos apreciar el poco espacio que hay entre el giro de la escalera y la pared, dificultando e incluso imposibilitando en algunos casos el acceso.

Error en la forntera de Ejecución --> Accesibilidad. Ya que una persona cualquier persona tendría dificultades para girar.

Cocina Electrica

En esta ocasión mostramos una cocina eléctrica. En la imagen se aprecia dicho objeto el cual analizaremos a continuación.

Esta cocina cuando se calienta alguno de los fuegos, calienta todo el material de su alrededor. Esto es un grave problema en la FRONTERA EJECUCIÓN -->  SEGURIDAD. 

WEB DISCOS NODA Y SOFTWARE DE ESCRITORIO SKYPE

Web Discos Noda

En la imagen superior tenemos la pagina de inicio de la web Discos Noda. En ella un cliente puede ver el precio de un cd musical.

Comienzo del análisis del software:

• El usuario tiene el control. En esta página el usuario tiene el control de la aplicación dejando a su elección las acciones que desea realizar siendo la mayoría intuitivas. La web tiene un tiempo de carga casi instantáneo.

• Metáforas. La web está plagada de metáforas, las más evidentes son los menús de la parte superior donde podemos visualizar una sección (Tiendas, Superventas, Exclusivos, etc..). Este tipo de menu son una metáfora de:

• Tiendas → Equivale a buscar en un mapa o en algún otro medio el lugar exacto de la tienda.

• Superventas → Equivale a una estantería donde se colocan los superventas.

• Exclusivos → Equivale a una estantería donde se colocan los cd exclusivos.

• Ofertas → Equivale a las ofertas que tienen en una tienda física.

• Comprar → Esta metáfora es un error ya que no puedes comprar desde la página; sin embargo podría parecerlo viendo el nombre del menu. En realidad a lo que equivale es como si preguntásemos a una persona ajena a la tienda el como adquirir el producto en tienda (algo que parece absurdo).

• Contacto → Equivale a buscar en algún medio la forma de contactar con la tienda física.

• Selección de cd → Si seleccionamos un Cd veremos la parte trasera de la carátulo con alguna información que podría ser relevante. Esto equivale a coger físicamente el cd con la mano y observarlo.

• Destacados → Equivale a una sección donde la tienda física colocaría los cd que ellos quieren destacar.

Vista despues de seleccionar un cd

• Realimentación. No funciona cuando seleccionamos el apartado OFERTA ya que no es oportuna porque no nos muestra la información deseada.

• Manipulación Directa. El usuario puede realizar con rapidez y soltura las acciones que desea

• Coherencia. En este campo es donde vienen los mayores inconvenientes de la este web.
  
  
  
  

• Uno de los errores que más me ha impactado es la falta de coherencia en algunas acciones. Por ejemplo cuando seleccionamos el nombre del cd como se muestra en la imagen superior, la web nos envía a la sección de ofertas cuando normalmente lo que el usuario quiere al realizar esta acción es ver información acerca del cd. No es coherente.

• Otro apartado incoherente es que si seleccionamos comprar, no podemos realizar una compra, ya que lo que nos ofrece es un teléfono y un mail para realizar el pedido.

• También es incoherente que no nos ofrezcan el precio del Cd ya que si decidimos realizar un pedido no sabremos el precio hasta que nos lo comuniquen personalmente.

• Otra incoherencia es que si seleccionamos OFERTAS, no nos muestra nada cuando debería informarnos de las ofertas disponibles; sin embargo esto no nos impide ver correctamente este apartada ya que si seleccionamos el nombre del disco nos redirige a las ofertas.

• Integridad Estética. En este sentido la web es amigable e intuitiva y no presenta dificultad para entenderla en unos pocos segundos.

• Reversibilidad. La página no tiene problemas a la hora de volver a un estado anterior.

• Accesibilidad. La web es acertada visualmente para el grupo de personas al que va dirigida. Sin embargo el limite de idioma impide a un usuario que no sepa español pueda navegar cómodamente por la web.

-----------------------------------------------------------------------------X--------------------------------------------------------------------------------------

ANALIZANDO SOFTWARE DE ESCRITORIO (SKYPE)

Introducción:

Skype es un software de escritorio que permite entre otras cosas realizar llamadas por voip entre ordenadores conectados a la red (Internet).

La interfaz de inicio es la que podemos apreciar en la imagen superior. En ella nos informan claramente donde se encuentran los contactos, si están conectados o no y nuestros datos principales.

Ahora pasaremos a analizar más técnicamente el diseño de este software.

1. El usuario tiene el control.
   En todo momento el usuario puede realizar acciones en el programa incluso cuando está hablando con alguien; es decir, no pierde interactividad. Además el usuario debe ordenar al programa para que este haga una acción determinada; es decir, el usuario juega un papel activo.
   
   
2. Metáforas

• Skype tiene una pestaña llamada “Llamar a Teléfonos”. Si la pulsamos aparece un marcador de números de teléfonos muy intuitivo ya que son muy parecidos a los dispositivos físicos que encontramos en cualquier hogar.

• Podemos encontrar los “Contactos” que simula una agenda común.
  
  
  
  
  
  
  
  
  

2. Realimentación.
   Skype es muy cuidadoso en este sentido.

• Cuando realizamos una llamada, notaremos unos sonidos que simulan los tonos de los botones de un telefóno.
• Cuando se está produciendo una llamada, se escuchan los tonos informándonos de que está comunicándose con el destinatario.
• En otros casos, Skype siempre emite, como mínimo, un sonido que informa que la acción que hemos solicitado se está ejecutando o se ha ejecutado.
• No he encontrado una situación, en la que Skype dejara una tarea automatizada sin realimentación (Por ejemplo, intentar contactar con el destinatario).

3. Manipulación Directa.
   Skype es un software de eventos; es decir, necesita de la acción del usuario para funcionar. Por tanto, la manipulación directa es lo más perfeccionado que tiene, permitiendo al usuario integrarse fácilmente sin grandes esfuerzos; además minimiza el número de errores provocado por el usuario.
4. Coherencia
   Otro de los puntos fuertes de Skype.

• La coherencia con las metáforas ya vistas es excepcional ya que no conlleva a errores.
• Hace al usuario adaptarse fácilmente ya que no introduce ninguna acción sin su acertada metáfora.
• La coherencia con los colores también es importante, ya que no usa tonos incómodos o fuera de lugar.

5. Integridad Estética.
   En este sentido, considero que Skype ayuda al usuario a comprender cada situación/evento del software. La información la tiene implícita, normalmente, en las metáforas o las indica explícitamente.
   
   
6. Reversibilidad.
   El usuario no tiene ningún inconveniente en volver a un estado anterior. Skype mantiene un entorno de macros que permiten tener en todo momento el control de la situación.
   
   
7. Accesibilidad.
   El software Skype es adecuado para casi todas las personas con discapacidades, excepto las personas ciegas. Para el resto Skype tiene adaptaciones que permiten a usuarios especiales (Disléxicos, daltónicos, sordos, mudos...) que permiten usarlo sin inconvenientes.

Web Control de Flotas paso 2

Una vez indicado el objetivo de nuestro producto, vamos a realizar una comparación entre otras aplicaciones que realizan el mismo trabajo.
Una anotación antes de pasar a las comparativas entre el producto que está siendo diseñado y el resto, es que no he encontrado información acerca de una aplicación vía web que realice este servicio. Toda la información que he encontrado acerca de la competencia es un software que ha de ser instalado en un equipo (ordenador) y desde el cual se comunica con los gps instalados en los vehiculos.

Como recordatorio, indicar que el objetivo a groso modo es diseñar una aplicación web que sirva como seguimiento a la flota de un cliente.

MERCADO ACTUAL:
Las aplicaciones comparadas pertencen a alguna de estas empresas:

• Traza
• ToolsGroup
• Generixgroup  

Esta imagen, es algo muy parecido a lo que queremos llegar. Una sencilla interfaz con los vehiculos deseados en un marco contiguo y un mapa en la vista principal donde aparece nuestra flota. La única diferencia es que el entorno sería web en lugar de una aplicación de escritorio y como tal habrían que añadir algunos detallas como la zona de login y desconexion.

Esta imagen, también de software de escritorio, ofrece otra de las opciones que se aplicarían a nuestro software. Esto es la vista en forma de callejero. Perosnalmente, la considero mas intuitiva que la del software de la imagen anterior (vista satelite) aunque el usuario podrá seleccionar que tipo de vista prefiere.

Esta es la oferta de otro software de escritorio de Control de flotas, el cual ofrece cosas que nuestro software web no va a ofrecer, aqui explico los motivos:

1. Informe de la actividad realizada. Nuestro software web, indicará algunos datos acerca del vehículo como tiempo encendido, tiempo apagado, etc... (todo ello especificado en el post anterior); sin embargo ellos asumen dar información sobre la actividad en concreto que realiza cada vehículo en cada momento. (No es el objetivo que persigo con esta aplicación web que el control será únicamente de seguimiento y no de la actividad que realiza).
   
2. Control de horarios y lugares de paro. Nuestra aplicación, sólo contabiliza el tiempo que el motor está detendido y el tiempo que no avanza el cuentakilómetros (indicio de que el vehículo está inmóvil).
   
3. Rutas realizadas. Nuestra aplicación no será tan precisa, ya que únicamente indicará los km recorridos durante el día y los totales de cada mes.
    
4. Consulta de vehículo mas cercano y tiempo estimado de llegada. Esto está claramente orientado a empresas de transporte (sea de personas o vehículos). Nuestra aplicación está más orientada a aquellas empresas que únicamente desean ver el estado de cada vehiculo de su flota, en ningún caso realizaran acciones de aproximación de tiempo.
   
5. Gestión de puntos de paso. No contemplado en nuestra aplicación.
   
   Los motivos por los cuales estas opciones no serán introducidas en nuestra aplicación será en su mayoría para reducir tiempos de carga y en otros casos porque no cumple con las especificaciones acordadas para la aplicación.
   

 

Ropero Empotrado

En esta ocasión tenemos un ropero empotrado que no cubre totalmente el hueco donde se "empotró".

Se aprecia en la imagen como el ropero no llega a cubrir la pared. El circulo muestra el final del ropero uniendose con la pared; sin embargo vemos como a la pared aún le sobra un palmo.

Error en la Frontera de Evaluación --> Restricciones. Nadie espera que un ropero empotrado no quede en su justa medida.

Aqui mostramos un diseño correcto de un ropero empotrado.

Apertura de Nevera

Esta es una nevera, en la cual, sus diseñadores en su empeño de hacerla simétrica, provoca conflicto a la hora de abrir frigorífico y congelador.

Error en la frontera de Evaluación --> Espectativas. En un principio podría parecer que se puede abrir por ambos lados y no es asi.


Error en la frontera de Evaluación --> Restricciones. Únicamente tiene una forma de abrirse y no se sabe a ciencia cierta cual es la forma correcta.

Aqui apreciamos una nevera con un buen diseño en lo que apertura se refiere. Está claro que tirando de la manilla superior abrimos el congelador y la manilla inferior es para la nevera.