Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Examen Final: Aplicación del Clima
para móviles
Integrantes
Daniela Pardo / Maria Jesus Abarca / Nicol Valenzuela / Bernar...
Metodologías aplicadas
Estrategia
(metodologías, planificación de tareas, benchmarking)
1
2
3 Arquitectura de la informació...
Se nos pide realizar una aplicación para móviles, con el fin de
desarrollar todos los conocimientos adquiridos, desarrollad...
Estrategia y benchmarking
Arquitectura de la información
Pruebas de usabilidad
Análisis heurístico
Diseño de interacción
D...
(1) WeatherPro / (2) Met Office Weather / (3) Amazing Weather HD/
(4) Yahoo Weather / (5) The Weather Channel / (6) Weather...
Análisis y gráfico comparativo
Aplicaciones del Clima para móviles
Hora de Actualización
Hora del Amanecer
y Atardecer
Velo...
10
50
100
BIEN CALIFICADO
(5 estrellas)
250
500
750
1.000
1.500
2.000
2.500
3.000
3.050
MAL CALIFICADO
(1 estrellas)
CANTI...
Nombre: Gabriela Pardo
Edad: 24
Ocupación: estudiante universitaria, carrera ing. civil industrial
Nivel de usuario (móvil...
Nombre: Cristian Olivares
Edad: 22
Ocupación: estudiante universitario, carrera medicina veterinaria
Nivel de usuario (móv...
Nombre: Paulina Bernales
Edad: 27
Ocupación: Guía de turismo aventura
Nivel de usuario (móvil): avanzado, uso diario
Descr...
(11) Gráfico del formulario realizado a usuarios
Comportamiento de las personas
(personas y escenarios, expert review, anál...
Tras el benchmarking realizado, se realiza una serie de encuestas a
los usuarios para obtener otra perspectiva respecto a ...
Arquitectura de la información
(diseño de contenidos, mapas de navegación)
3
CLIMA APP
Fecha Temperatura
País
Temperatura
...
Creación y aplicación de wireframes navegables
programas utilizados html, fireworks y silverback
Diseño de la Interacción
(...
Diseño de la Interacción
(wireframes navegables)
4
1 2 3 4 5 6 7 8 9 10 11 12 13
SÍ
N/S
NO
¿La aplicación entrega la infor...
Diseño de la Interacción
(wireframes navegables)
4
Wireframes Navegables
Móvil - Segunda versión
(16) Re- diseño de wirefr...
Diseño de la Interfaz
(tipografía, cromática, iconografía, maquetación)
5
(17) Diseño y construcción de la interfaz,
Para ...
Diseño de la Interfaz
(tipografía, cromática, iconografía, maquetación)
5
(18) Diseño y construcción de la interfaz,
Para ...
Diseño Final
Aplicación Móvil: Your Weather
Diseño de la Interfaz
(tipografía, cromática, iconografía, maquetación)
5
(18)...
Gracias
20
Upcoming SlideShare
Loading in …5
×

Examen final, aplicación del clima: Your Weather

936 views

Published on

Published in: Design
  • Be the first to comment

  • Be the first to like this

Examen final, aplicación del clima: Your Weather

  1. 1. Examen Final: Aplicación del Clima para móviles Integrantes Daniela Pardo / Maria Jesus Abarca / Nicol Valenzuela / Bernardo Catrilef / Christopher Fattori 1
  2. 2. Metodologías aplicadas Estrategia (metodologías, planificación de tareas, benchmarking) 1 2 3 Arquitectura de la información (diseño de contenidos, mapas de navegación) 4 Diseño de la interacción (wireframes navegables) 5 Diseño de la interfaz (tipografía, cromática, iconografía, maquetación) Comportamiento de las personas (personas y escenarios, expert review, análisis heurístico) 2
  3. 3. Se nos pide realizar una aplicación para móviles, con el fin de desarrollar todos los conocimientos adquiridos, desarrollados y potenciados durante este trimestre. Cada grupo escoge un tema y nuestro equipo de trabajo escoge “Clima”. Luego se delegan las tareas y se planifican los plazos de entrega de cada fase del proyecto, el gráfico a continuación muestra el proceso de producción y las tareas que fueron necesarias para la realización de la propuesta final. Estrategia (metodologías, planificación de tareas, benchmarking) 1 3
  4. 4. Estrategia y benchmarking Arquitectura de la información Pruebas de usabilidad Análisis heurístico Diseño de interacción Diseño de la Interfaz Personas y escenarios Diseño de los códigos de la interfaz Expert review 3 días 2 días 3 días (*) algunas tareas fueron realizadas en forma paralela para reducir el tiempo de producción. 1 2 3 4 5 6 7 8 9 1 día 3 días 3 días Estrategia (metodologías, planificación de tareas, benchmarking) Aplicación del Clima Móvil - Planificación de tareas 1 4
  5. 5. (1) WeatherPro / (2) Met Office Weather / (3) Amazing Weather HD/ (4) Yahoo Weather / (5) The Weather Channel / (6) WeatherBug Estudio del mercado Aplicaciones del Clima para móviles Benchmarking Móvil -Estudio del Mercado Estrategia (metodologías, planificación de tareas, benchmarking) 1 5
  6. 6. Análisis y gráfico comparativo Aplicaciones del Clima para móviles Hora de Actualización Hora del Amanecer y Atardecer Velocidad y Dirección del Viento Presión Humedad Visibilidad Rayos UV Precipitación Lugar Fecha Temperatura Min. y Máx. Temperatura Weather Live (iOS) Weather+ Met Office Weather The Weather Channel AccuWeather (7) Aplicaciones Android en Google Play (8) Aplicaciones de Apple (9) Mark Myerson, 24 Junio 2013. Appstorm - Android. Benchmarking Móvil - Análisis y gráfico comparativo Estrategia (metodologías, planificación de tareas, benchmarking) 1 6
  7. 7. 10 50 100 BIEN CALIFICADO (5 estrellas) 250 500 750 1.000 1.500 2.000 2.500 3.000 3.050 MAL CALIFICADO (1 estrellas) CANTIDAD DE VOTOS APP 1. AccuWeather 2. The Weather Channel 3. WeatherBug 4. WeatherLive 5. Weather+ 6. WeatherPro 4. Yahoo Weather (10) Fuente: www.sensortower.com Benchmarking Móvil - Visualización de votos Estrategia (metodologías, planificación de tareas, benchmarking) 1 7
  8. 8. Nombre: Gabriela Pardo Edad: 24 Ocupación: estudiante universitaria, carrera ing. 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. Personas y Escenarios Estudiante universitaria, uso frecuente Comportamiento de las personas (personas y escenarios, expert review, análisis heurístico) 2 8
  9. 9. 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. Personas y Escenarios Estudiante universitario, acción marginal Comportamiento de las personas (personas y escenarios, expert review, análisis heurístico) 2 9
  10. 10. 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. Personas y Escenarios Guía de Turismo Aventura, uso diario Comportamiento de las personas (personas y escenarios, expert review, análisis heurístico) 2 10
  11. 11. (11) Gráfico del formulario realizado a usuarios Comportamiento de las personas (personas y escenarios, expert review, análisis heurístico) 2 Análisis y gráficos de los resultados Móvil - Pruebas de usabilidad 11
  12. 12. Tras el benchmarking realizado, se realiza una serie de encuestas a los usuarios para obtener otra perspectiva respecto a las aplicaciones de clima. Se evalúa aspectos como: uso de la aplicación (frecuencia), requisitos y puntos críticos. (12) Tiempo de usabilidad de usuarios (13) Datos importante para los usuarios Comportamiento de las personas (personas y escenarios, expert review, análisis heurístico) 2 Análisis y gráficos de los resultados Móvil - Pruebas de usabilidad 12
  13. 13. Arquitectura de la información (diseño de contenidos, mapas de navegación) 3 CLIMA APP Fecha Temperatura País Temperatura Ubicación Pronóstico del Día Presión Presión detectar ubicación Pronóstico de la Semana no usar GPS selección ubicación intervalo de actualización actual actual actual actual actual actual cantidad cantidad dirección dirección visibildad visibildad nivel UV nivel UV unidad de temperaturac° si si escribir mph m/s F° no no km/h beaufort dd-mm-año pequeño negro mm-dd-año mediano blanco año-mm-dd grande 15 min 1 hora knot 30 min 3 hora formato de fecha español proveedor máxima/mínima máxima/mínima mayor/menor mayor/menor mayor/menor mayor/menor hora del día hora del día velocidad velocidad amanece amanece ocaso ocaso unidad de velocidad de viento color de texto inglés tamaño de texto francés etc ... Lugar Precipitación Región Precipitación Acutalización Temperatura Viento Ciudad búsqueda Viento Unidad de Medición Sensasión Térmica Sol Latitud / longitud Sol Pronóstico Min y Max Humedad Humedad Idioma HOME Mi Ubicación CONFIGURACIÓN DETALLES Tiempo local MAPA Busca una ciudad pantalla 1 mapa seleccionar tag seleccionar tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag tag seleccionar tag seleccionar tag seleccionar tag seleccionar tagbotón botón botón botón botón botón botón botón botón botón botón botón botón botón botón botón botón botón botón Ciudad botón botón botón tag tag pantalla 2pantalla 5 pantalla 3pasar a pasar apasar a Temperatura Presión actual actual actual cantidad dirección visibildad nivel UV máxima/mínima mayor/menor mayor/menor hora del día velocidad amanece ocaso Precipitación Viento Sol Humedad tag tag tag tag tag tag SELECCIÓN Mis Ciudades pantalla 2 Hora de Actualización agregar (14) Mapa de navegación para aplicación de clima en móviles y/o smartphones Mapa de Navegación Móvil - Aplicación de Clima 13
  14. 14. Creación y aplicación de wireframes navegables programas utilizados html, fireworks y silverback Diseño de la Interacción (wireframes navegables) 4 Wireframes Navegables Móvil - Primera versión 14
  15. 15. Diseño de la Interacción (wireframes navegables) 4 1 2 3 4 5 6 7 8 9 10 11 12 13 SÍ N/S NO ¿La aplicación entrega la información del tiempo que estoy buscando? ¿La aplicación habla el mismo lenguaje que sus usuarios? ¿Emplea un lenguaje claro y conciso? Los rótulos, ¿son significativos? ¿Usa rótulos estándar? ¿Es predecible la estructura y navegación? ¿Saca provecho del espacio y distribuye en él la información de manera adecuada? 1- 2- 3- 4- 5- 6- 7- ¿Se ha evitado la sobrecarga informativa? ¿Existen zonas en "blanco" entre los objetos informativos de la página para poder descansar la vista? ¿Mantiene una coherencia espacial y visual en cuanto a estructuras según las difentes "pestañas" por las cuales el usuario navega? ¿Se hace uso de elementos visuales, como gráficos, fotografías o íconos para ayudarme a comprender más fácilmente la información que me están entregando? ¿El tipo de fuente, efectos tipográficos, ancho de línea y alineación emplea- dos facilitan la lectura? ¿Tiene el usuario todo el control sobre el interfaz? 8- 9- 10- 11- 12- 13- Persona 1 Persona 2 Persona 3 Persona 4 Persona 5 (15) Análisis y gráfico de la evaluación Heurística realizada con los wireframes navegables Análisis Heurístico Móvil - Aplicación a wireframes navegables 15
  16. 16. Diseño de la Interacción (wireframes navegables) 4 Wireframes Navegables Móvil - Segunda versión (16) Re- diseño de wireframes navegables; Cambios basados en los datos obtenidos del análisis heurístico (expert review) 16
  17. 17. Diseño de la Interfaz (tipografía, cromática, iconografía, maquetación) 5 (17) Diseño y construcción de la interfaz, Para la aplicación móvil: Clima Diseño de la Interfaz Móvil - Versiones 17
  18. 18. Diseño de la Interfaz (tipografía, cromática, iconografía, maquetación) 5 (18) Diseño y construcción de la interfaz, Para la aplicación móvil: Clima Diseño Final Aplicación Móvil: Your Weather 18
  19. 19. Diseño Final Aplicación Móvil: Your Weather Diseño de la Interfaz (tipografía, cromática, iconografía, maquetación) 5 (18) Diseño y construcción de la interfaz, Para la aplicación móvil: Clima 19
  20. 20. Gracias 20

×