Examen LC3 2013: Aplicación Tiempo

De Casiopea



TítuloAplicación Tiempo
Tipo de ProyectoProyecto de Curso
Palabras Clavelc3, Aplicación, Móvil, Smarthphone, Examen, Experiencia de usuario, Diseño de Interfaz.
Período2013-2013
AsignaturaLC3 2013
Del CursoLC3 2013
CarrerasDiseño Gráfico
Alumno(s)Maria Jesus Abarca, Christopher Fattori, Bernardo Silva, Daniela Pardo, Nicol Valenzuela
ProfesorJorge Barahona


Introducción

Descripción

Es un hecho que el factor clima determina gran parte de las desiciones tomadas en nuestro diario vivir.

A quien no le ha pasado olvidar revisar el pronostico del clima antes de ir al trabajo y salir de su casa temprano con un hermoso día soleado, para luego volver completamente empapado.

Pero la tecnología ha dado solución a este problema. Existen innumerables aplicaciones para acceder al pronóstico del tiempo, asequibles a cualquier hora y en cualquier lugar en el bolsillo de nuestro pantalón.

Clima
RAE: "m. Conjunto de condiciones atmosféricas propias de una zona geográfica:"
WIKIPEDIA: "El clima abarca los valores estadísticos sobre los elementos del tiempo atmosférico en una región durante un periodo representativo, como por ejemplo una semana, un mes, etc: temperatura, humedad, presión, vientos y precipitaciones. (...)"

Objetivo

Crear una aplicación para smarthphone del Clima, y aplicar todos los conocimientos adquiridos durante el trimestre.

Personas y escenarios

Estudiante universitaria, uso frecuente

  • Nombre: Gabriela Pardo
  • Edad: 24
  • Ocupación: estudiante universitaria, carrera ingenería civil industrial
  • Nivel de usuario (móvil): avanzado, uso frecuente de la apps.

Descripción: Gabriela es una estudiante de último año de su carrera, de la cual egresará este año. Utiliza su tiempo libre en salir con sus amigos y viajar por el país, ya sea por placer o por trabajo. Cuando sale, se preocupa mucho por la ropa que va a utilizar, ya que le gusta estar cómoda, así que revisa el clima cada vez que puede.

Escenario: Está preparando un viaje hacia Punta Arenas y su prioridad es la ropa que llevará. Lo primero que hace antes de preparar el equipaje es ver el clima en su celular, revisa el pronóstico dado para Santiago, para saber qué llevar puesto al llegar al aeropuerto y el pronóstico de Punta Arenas de toda la semana para empacar la ropa necesaria.

Estudiante universitario, acción marginal

  • Nombre: Cristian Olivares
  • Edad: 22
  • Ocupación: estudiante universitario, carrera medicina veterinaria
  • Nivel de usuario (móvil): medio, primer uso de la aplicación

Descripción: Cristian es un estudiante universitario que dedica la mayoría de su tiempo libre para jugar en la computadora o salir con sus amigos. Cuando sale no le gusta tener peso extra, por lo que muy pocas veces lleva una mochila o un abrigo, ya que le molestaría tener algo que no va a ocupar.

Escenario: Tiene una junta con unos amigos en un local de la ciudad. Muy pocas veces se fija en el clima, pero amaneció nublado y le preocupa que llueva. Revisa el tiempo en su celular y sólo se enfoca en saber las precipitaciones: la aplicación representa las precipitaciones con gráficos de sol, nubes y lluvia así que sólo necesita un vistazo para saber si lloverá o no.

Guía de Turismo Aventura, uso diario

  • Nombre: Paulina Bernales
  • Edad: 27
  • Ocupación: Guía de turismo aventura
  • Nivel de usuario (móvil): avanzado, uso diario

Descripción: Paulina lleva trabajando en el Canopi Mantagua por 2 años como guía para los visitantes. Ella misma definió un recorrido por los distintos obstáculos y cerros del lugar para los visitantes a su cargo. Siempre tiene que estar al tanto de las condiciones del lugar, ya sea por variables físicas o climáticas.

Escenario: Mientras que espera a que llegue su primer grupo, revisa el clima en su celular. Además de informarse acerca de la temperatura y las precipitaciones, ve la presión, que es una variable importante si el recorrido los hace subir y bajar el cerro; la velocidad del viento, para prevenir accidentes en los obstáculos; la intensidad de los rayos UV; la humedad, y la visibilidad del terreno.

Benchmark

Se partió el benchmark considerando las preferencias de los propios usuarios con respecto a las aplicaciones existentes, dado que estas son muchas.

Los datos fueron extraídos del sitio SensorTower [1]

1. Screenshots SensorTower


2. Cuadro Comparativo Valoración Usuarios Clima App

Archivo:Cuadro comparativo valoración-02.png
Cuadro comparativo valoración usuarios app Clima

Visualización votos asignados por usuarios

Los votos de las aplicación asignados los últimos 90 días fueron procesados en el siguiente gráfico:

3. Gráfico Valoración Usuarios Clima App

Archivo:Visualización votos asignados por usuarios-01.png
Visualización votos asignados por los usuarios
Nomenclatura

4. Ranking Valoración Usuarios Clima App

4.1 Ranking de mejores puntuaciones para las app de Clima existentes

Aquí se consideran las aplicaciones con mayor cantidad de voto máximo (5 etrellas)

  1. Yahoo Clima
  2. Accuweather
  3. Weather +
  4. Weather Live
  5. The weather Channel
  6. WeatherBug
  7. Weather Pro

4.2 Ranking de app con más rango entre puntuaciones positivas y negativas

Aquí se considera que no solo es importante que tenga muchas puntuaciones buenas, sino que tenga pocas puntuaciones malas de igual forma. Es como restarle las puntuaciones bajas para limpiar los resultados

  1. Yahoo Clima
  2. Weather+
  3. Weather Live
  4. Accuweather
  5. WeatherBug
  6. The weather Channel
  7. Weather Pro

Benchmark exhaustivo aplicación mejor catalogada: Yahoo Clima


Logo Yahoo Clima


1. DESCRIPCIÓN

  • Desarrollador: Yahoo
  • Precio: Gratis

Ganador del concurso de diseño de Apple 2013. La interfaz de Yahoo Tiempo hace uso de las nuevas tendencias en fotografía. Estas tendencias utilizan fotos más grandes, con colores saturados y enfoque al infinito. En función de la ciudad en la que estemos y de la hora que consultemos el tiempo, la aplicación nos mostrará una foto significativa del lugar con coherencia luminosa según la posición del sol.

2. ORGANIZACIÓN DE CONTENIDOS (RASGOS GENERALES)

Está organizada por ciudades que se ubican en el eje horizontal cada vez, las cuales se van cambiando al arrastrar con el dedo hacia la derecha, y hacia abajo presenta información más detallada según el pronóstico por hora y por día de lunes a viernes.

Si se desliza hacia arriba se actualiza.
Screenshots

I. Menú

  1. Inicio de sesión
  2. Lista ubicaciones:
    1. Añadir más ubicaciones
    2. Editar el tiempo local de la ciudad que añadamos
  3. Aplicaciones varias de Yahoo
  4. Configuración:
    1. Grados fahrenheit/Centígrados


Screenshots

2.2 ORGANIZACIÓN DE CONTENIDOS (RASGOS PARTICULARES)

I. Información general

  1. Nombre de la ciudad
  2. Hora
  3. Foto de la ciudad en pantalla completa
  4. Descripción general del estado del clima, por ej: nublado
  5. Temperatura máxima y temperatura mínima
  6. Temperatura actual
  7. Esquina inferior derecha se especifican los derechos de la fotografía (Flickr)

II. Pronóstico

  1. Horas del día en el que se encuentra, dispuesto en un eje horizontal que se puede navegar independientemente/Ícono de estado del clima/Temperatura.
  2. Lista vertical de los días de la semana (lunes a viernes)/Ícono del estado del clima/Temperatura máxima/Temperatura mínima.

III. Detalles

  1. Ícono
  2. Sensación térmica en grados
  3. Humedad en porcentaje
  4. Visibilidad en kilómetros.

IV. Mapa

  1. Mapa mostrando el sector específico donde se encuentra. Tiene la opción de ampliarse en la esquina inferior derecha. Si lo ampliamos muestra 4 íconos en la esquina inferior izquierda: Temperatura, vientos, etc.

V. Viento y presión atmosférica

  1. Ícono de aerogeneradores que se mueven según la velocidad del tiempo
  2. Viento, velocidad en km/h
  3. Barómetro, presión en milibares (mbar).

VI. Precipitaciones

  1. Porcentaje de probabilidades de precipitación
  2. Ícono en forma de gota que grafica de manera sencilla este porcentaje
  3. Mañana, tarde, atardecer y noche según corresponda

VI. Sol y luna

  1. Visualización en una curva semicircular donde se muestra la hora en que amanece en su inicio, y la hora en que oscurece en su final, indicando con un color lleno en que hora del día se encuentra.
  2. Ícono del estado de la luna ese día y el nombre que se le asigna.


Screenshots


Valor agregado: Extrae fotografías de la ciudad en que se está desde Flickr (de Project Weather) o en la que se agregue como ubicación usando la información GPS

Cuenta Yahoo Clima en Flickr



Análisis comparativo

Archivo:Comparación Aplicaciones.png
Comparación Aplicaciones

Análisis y gráficos de las pruebas de usabilidad

Tiempo usabilidad (primera prueba de usuarios)
Datos Importantes (primera prueba de usuarios)
Archivo:Gráfico Formulario.png
Gráfico de resultados del formulario (segunda prueba de usuarios)
Gráfico del análisis heurístico (tercera prueba de usuarios)

Arquitectura de la información

Mapas de navegación

Mapas de navegación realizados para la aplicación clima en móviles y/o smartphones.


Diseño de la interacción

Wireframes navegables

Creación y aplicación de wireframes navegables: programas utilizados html, fireworks y komodo kit

La propuesta por parte del grupo consiste en ser una aplicación que muestre de manera simple los datos puntuales que el usuario necesita saber, para ello se pensó en 4 momentos

  • 1er Momento, Inicio: Vendría a ser la "home" de la aplicación en la cual se muestra solo lo básico para saber como va a estar el día. En el estudio de otras aplicaciones, estas muestran mucha información en poco espacio haciendo poco objetivo una visualización más rápida, por ejemplo, la interfaz no se enfoca en el reloj o la fecha (un calendario) ya que el Usuario no le interesa ver la hora o las fechas sino que quiere ver el clima, por eso es que no se dio prioridad a un reloj u otro tema propio de otra aplicación.
  • 2do Momento, Detalles: Si el usuario esta interesado en saber específicamente como esta el clima, en esta sección encuentra la información necesaria para quedar al tanto sobre distintos tópicos.

Otro aspecto importante de esta sección es que se puede agregar una ciudad para ver como esta el clima, ideal para personas que tiene que viajar constantemente de una a otra ciudad.

  • 3er Momento, Mapa: Después del análisis heurístico y pruebas de usuario, se determinó que a el usuario le gusta saber donde esta ubicado geográficamente, ademas que la incorporación de un mapa permite encontrar de maneras mas interactiva y rápida una ciudad.
  • 4to Momento, Configuración: contiene todo lo necesario para personalizar la manera en que se maneja y se entrega la información.


Interfaz

Iconografía

Archivo:Iconografía Clima app.png
Iconografía Clima app

Propuesta 1

Iconografía Clima app

Propuesta final


Presentación: Examen Final LC3 2013: Aplicación del Clima