Diferencia entre revisiones de «Examen LC3 2013: Aplicación de Calendario»

De Casiopea
Sin resumen de edición
Sin resumen de edición
Línea 262: Línea 262:
image:Yahoo1.PNG| 1. Pantalla de Inicio
image:Yahoo1.PNG| 1. Pantalla de Inicio
image:Yahoo2.PNG| 2. Calendario del Mes
image:Yahoo2.PNG| 2. Calendario del Mes
image:FANASTICAL_3.PNG| 3. Día Siguiente
image:Yahoo3.PNG| 3. Día Siguiente
image:Yahoo6.PNG| 4. Agregar Evento
image:Yahoo6.PNG| 4. Agregar Evento
image:Yahoo5.PNG| 4. Agregar Evento
image:Yahoo5.PNG| 4. Agregar Evento

Revisión del 21:11 24 ago 2013


TítuloExamen LC3 2013: Aplicación de Calendario
Tipo de ProyectoProyecto de Curso
Palabras Claveaplicación, móvil, diseño de interfaz, examen
Período2013-2013
AsignaturaLenguaje Computacional 3,
Del CursoLC3 2013,
CarrerasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Camila Valenzuela, Josefina Borja, Javiera Rojas, Franco Baldassare, Caterina Da Silva
ProfesorJorge Barahona


Objetivos

General

  • Crear una aplicación que tenga la capacidad de ordenar las actividades de las personas.

Específicos

  • Que tenga la capacidad de ordenar el tiempo en base a meses, semanas, días y horas.
  • Poder complementar los eventos con datos específicos como el clima, georreferenciación, contactos, etc.
  • Poder compartir la actividad con otro usuario que tenga la aplicación.

Benchmark y Análisis FODA

Para comenzar a plantear un proyecto de cualquier tipo, deben analizarse trabajos que se hayan hecho antes con el mismo objetivo. Hacemos una selección de algunas de las aplicaciones de Calendario y estudiamos sus contenidos e interacciones, además de realizar un Análisis FODA. Esta es una metodología de estudio de proyectos, la cual distingue sus características internas (Debilidades y Fortalezas) y su situación externa (Amenazas y Oportunidades).

iCal

iCal es una aplicación de calendario personal hecha por Apple para los computadores con sistema operativo Mac OS X. Almacena seguimiento de eventos y citas, permite múltiples vistas de calendario (como calendarios "domésticos", de "oficina" y "para niños") para identificar rápidamente conflictos de horarios y tiempo libre. Está integrado con MobileMe, por lo que los calendarios pueden ser compartidos por Internet. Se puede 'suscribir' a otros calendarios para mantener el contacto con amigos. Además, permite la recepción de notificaciones de próximos eventos tanto en la pantalla, por correo electrónico, SMS o buscapersonas.

Los calendarios personales, así como los que se está suscrito, aparecen en la lista de calendarios de iCal. Tiene tres modos de ver el calendario: Día, Semana y Mes.



Análisis FODA

Fortalezas Oportunidades Debilidades Amenazas

Calendario (Android)

El calendario Android ofrece una manera práctica de llevar un registro de las eventos que el usuario puede necesitar que se le recuerde, ya que puede establecer recordatorios que le avisará a través del teléfono o de su cuenta de correo electrónico. El calendario de Android es bastante fácil de usar y funciona igual que muchos programas de calendario. La aplicación de calendario debe ser similar para la mayoría de las versiones del sistema operativo Android.

Puede visualizar el calendario en días, semanas y meses. Las tareas programadas se muestran con puntos en el mes. Si decide semanal o diaria se ve más detalle y será más fácil ver lo que se ha programado.

Para crear un nuevo evento hay que mantener apretado un momento en el día en que desea y se le despliegan algunas opciones. Al seleccione la opción que dice Nuevo evento, se pueden completar los detalles del evento, incluyendo cosas como el nombre, la fecha, la hora, la duración y la ubicación. También tiene la opción de agregar a otros calendarios Android si es que se tiene más de un calendario. Incluso hay una opción para que sea un evento se repita si es necesario. Por último, puede programar recordatorios o varios recordatorios. Si se desea ver los elementos que se han programado de una sola vez, se pueden ver pulsando el botón de menú y luego elegir Agenda.

Análisis FODA

Fortalezas Oportunidades Debilidades Amenazas

Eventos en Facebook


Análisis FODA

Fortalezas Oportunidades Debilidades Amenazas

Week Calendar

Esta aplicación de calendario se basa en ser muy completa y sencilla de usar. Su logo hace énfasis al tradicional calendario de hojas en el cual se arrancan, por otro lado tiene un diseño amable, redondeado y con colores agradables.

Lo primero que se muestra es una barra superior donde se encuentra el menú desplegable, un icono de “store”, la numeraciòn de la semana del año, mes y año y un símbolo “add”. Forma: Botón Menú, botón tienda, Fecha (semana #-mes- año), botón pluss.

Menú: El menú presenta un menú superior de color rojo con un contraste de fondo gris oscuro y letras blancas, con el botón atrás, la sección elegida y el boton de cierre (x). El despliegue de contenidos siempre se muestra en forma de lista.

Ofrece el servicio de seleccionar alguna clase de topic como:holidays, nature, sport, o weather: luego debes seleccionar el país específico y aparece alguna clase de calendario del lugar.

Botón (+) Plus: Se abre una ventana con el menú superio rojo, “añadir evento” en letras blancas, un submenú horizontal paralelo al primero, con dos botones: “x cancelar” y “Hecho”. Luego te entregan una plantilla de relleno con Título, lugar, empieza, termina,repetir, calendario, invitar, alerta, color personalizado, disponibilidad y notas.

Calendario El calendario se muestra por una semana a primera vista cruzándose con las horas del día (cifras cerradas). Además se hace una clasificación de colores en las celdas: blancas durantes las horas que se consideran día, celeste claro para las que se consideran de noche o madrugada y celeste oscuro para el día en que se encuentra uno.

Interacción con el usuario Se basa en un sistema de arrastre de actividades: estas no son dependientes del día ni la hora en que se programaron sino que con el dedo puedes re modificar sin necesidad de entrar al cuadro de programar el evento, los datos como hora y fecha.

Por otro lado la interacción no se queda solamente dentro de tu calendario, esta aplicación busca complementarla con otros usuarios que la usen, de esta manera se puede compartir el evento de manera sencilla agregando el e-mail de la otra persona.

Para mayor personalización del interfaz, te da la opción de poder seleccionar el color tanto de la aplicación en sí como de las actividades programadas de tal manera que puedas crear relaciones de tipos de tarea por color, o bien por simple gusto.

Arquitectura de Información

En sí tiene un orden muy claro.sin embargo hay términos que no se relacionan a nada produciendo lagunas, en la que el usuario no saben para que es la opción. Así mismo hay accesos que están restringidos ya que hay que pagar y no te puedes dar por enterado para qué sirven. Ejemplo: Local (my calendar),sports, wather, nature, holidays, tuitea tu amor.(cada color es un nivel diferente)

Arquitectura de información


Análisis FODA

Fortaleza

  • Es un calendario ordenado en 7 días de la semana.
  • Es simple de utilizar.
  • El arrastre de los botones hace más rápido el acceso a que sean modificados.

Oportunidades

  • Da la posibilidad de relacionarse con otras personas, a través de las invitaciones a compartir dichos eventos.
  • Es perfecto para moverse dentro del contexto de empresas y de la vida de jóvenes universitarios.

Debilidades

  • Tiene problemas en el momento de invitar a compartir un evento ya que la tipografía no se marca.
  • No se pueden aprovechar al máximo sus aplicaciones por falta de claridad

Amenazas

  • Si otro calendario es diseñado mejorando la capacidad de compartir la información, puede ser desplazado de los favoritos.

Any.Do Cal

Arquitectura de la Información

Mapa de Contenidos Any.do CAL

Pantallas

  1. Pantalla de Inicio:
    1. Al entrar a la aplicación la primera pantalla muestra el día "Hoy", con el mes y el año en el que estamos.
    2. Bajo esto se encuentra una barra con las fechas y días de la semana en la que nos encontramos y se marca la fecha de "hoy".
    3. Bajo la barra de la semana se encuentra el listado de tareas del día. Cada tarea contiene (de izquierda a derecha) la hora de inicio, el nombre y un punto de color que indica a qué calendario pertenece, ya que se pueden visualizar varios calendarios a la vez (trabajo, personal, cumpleaños, etc).
    4. En la esquina superior derecha se encuentran los íconos de "configuración" y "agregar nuevo evento".
  2. Calendario del Mes:
    1. Al deslizar hacia abajo la barra con las fechas de la semana se despliega el calendario correspondiente al mes.
    2. Para avanzar o retroceder entre un mes y otro se debe deslizar el calendario hacia la izquierda o la derecha respectivamente.
    3. El día "hoy" destaca en color rojo y podemos apretar las distintas fechas y ver los eventos que correspondan a esos días.
    4. Los eventos se visulaizan bajo el calendario.
  3. Día Siguiente:
    1. Al deslizar hacia la irquierda la pantalla inicial se puede avanzar por los días.
    2. El día siguente es nombrado no por la fecha sino como "mañana" ("tomorrow").
  4. Agregar Evento:
    1. Para agregar un nuevo evento debemos apretar sobre el símbolo "+" que se encuentra en la esquina superior derecha de la pantalla.
    2. Al hacer esto aparece una nueva pantalla en la que podemos poner un nombre al evento, agregar la hora de inicio y la hora de término o marcar que el evento ocupará todo el día.
  5. Cambiar Hora:
    1. Por defecto, las opciones de hora se basan en la hora que es al momento de crear el evento. Éste tendría una duración de 1 hr.
    2. Cuando ya hemos agregado el nombre y pasamos a modificar la hora aparece un botón verde en la pantalla de "añadir".
  6. Editar Evento:
    1. Luego de "añadir" el evento opcionalmente podemos agregar más información. En esta pantalla aparece el la fecha, el nombre y la hora del evento que hemos creado y bajo este aparecen los íconos de "personas", "lugar", "nota", "recordatorio", "repetir" y "eliminar".
  7. Agregar Personas:
    1. Al ingresar a la opción para añadir personas al evento ya estamos agregados como "yo" y la aplicación nos pregunta "quién más?"
  8. Agregar Lugar:
    1. La opción del lugar nos pregunta "dónde?" y por defecto encontramos unos botones de lugares como "casa", "trabajo", "restaurant", etc.
  9. Agregar Nota:
    1. La opción nota nos lleva a una pantalla con un recuadro para escribir más amplio que los anteriores, proponiendo un espacio para "párrafos" más que para "listado" o elementos individuales como esran los casos anteriores.
  10. Recordar Evento:
    1. Esta opción nos dice "recuérdame antes del evento" y, a diferencia de las demás, tiene a su lado una "x" para eliminar el recordatorio.
    2. Hay varios botones para elegir el tiempo del recordatorio ("15 min antes", "una hr antes", etc).
    3. El último botón nos permite personalizar el tiempo.
  11. Repetir Evento:
    1. Esta pantalla es similar a la de “recordar evento”, pero las opciones que aquí se muestran son “no repetir”, “repetir a diario”, “repetir semanalmente”, “repetir cada dos semanas” etc.
  12. Eliminar Evento:
    1. Aquí se muestran los botones “cancelar” y “eliminar”, este último destacado en color rojo.
    2. A diferencia de la pantalla de la opción de “recordar evento” en que la opción de “cancelar” se encontraba en una “x” al lado del texto, en este caso la acción “cancelar” se encuentra en un botón.
  13. Configuración: Dentro de la configuración podemos modificar los siguientes ítems:
    1. Visible Calendars: Podemos elegir los calendarios que queremos que sean visibles en la aplicación (trabajo, personal, cumpleaños, etc.)
    2. Default Calendar: Elegimos el calendario predeterminado.
    3. Default Reminders: Elegimos los recordatorios predeterminados (15 min antes, 1 hr antes, 2 hr antes, etc.)
    4. Week Start: Podemos escoger si la semana comienza un día lunes o un domingo.
    5. Feedback: Aquí tenemos la opción de puntuar la aplicación, compartirla, aportar ideas, etc.
    6. Photo Theme: Podemos elegir las fotos que queremos que se vean de fondo en nuestro recorrido por la aplicación. Esto la hace más personalizable.
    7. App Icon Badge: Podemos elegir que el ícono de notificación de la app que aparece en la esquina del ícono para entrar a esta nos muestre el la fecha en la que estamos o las invitaciones que tenemos pendientes. O podemos simplemente suprimirlo.
    8. Conect with Any.DO: Es compatible y se puede conectar con esta aplicación de gestión de tareas (to do list) creada por los mismos desarrolladores.
  14. Evento: (Imágenes 14, 15 y 16)
    1. Cuando entramos a algún evento la pantalla nos muestra secciones con la información que este contiene y al final los íconos para agregar más información.
    2. La parte superior nos muestra la fecha, el nombre y las hora en que se realizará el evento.
    3. En segundo lugar se muestra una sección con las personas que participarán en el evento y opciones para agregar a más gente.
    4. La tercera sección muestra el nombre y un mapa del lugar en que se realizará el evento. Al lado se encuentra el ícono de geolocalización “Navigate”.
    5. Posteriormente se muestra la “nota” de información complementaria del evento. Las secciones tienen un espacio definido, por lo que si la nota es más extensa que este espacio hay que ingresar a la sección para verla completa.
    6. Si no hay más información, abajo están los íconos para agregarla.

Análisis FODA

Fortalezas

  1. Es intuitivo y fácil de usar.
  2. Se pueden compartir eventos con distintas personas y a traves de distintos medios (facebook, correo electrónico)
  3. Se pudee sincronizar con una aplicación de tareas ("Any.DO")
  4. Es perzonalizable por medio de fotografías, lo que permite a la persona apropiarse de la aplicación.
  5. Muestra en tiempo libre (free time) que hay entre una actividad y otra.

Oportunidades

  1. Ampliarse al mercado de otros sistemas operativos ya que actualmente solo está disponible para IOS.

Debilidades

  1. Se puede visualizar el calendario por meses, pero no por años, por lo que para ir a un mes lejano debo avanzar uno a uno por todos los meses.

Amenazas

Yahoo Weather

Fantastical

Fantastical, es una aplicación de gestión de calendario. Escribe en Fantastical que tienes una "Cena con Juan el viernes a la 8 de la tarde" y el evento se creará automáticamente. O escribe que necesitas "Comprar pan el martes" y Fantastical creará un recordatorio con esa fecha límite. La creación de eventos y recordatorios mediante texto, el eficiente calendario y una lista simplificada al máximo harán de este el mejor calendario que usarás. Mantén todo bajo control con funciones como la sincronización CalDAV, las alarmas automáticas para nuevos eventos, el soporte para recordatorios de OS X y iOS y la búsqueda instantánea.

Seleccionada como lo Mejor de la Mac App Store y ganadora del Macworld's Editors' Choice en 2011

1. La forma más fácil de crear nuevos eventos y recordatorios

- Abre Fantastical con un sólo click o combinación de teclas - Escribe la información de tu evento y recordatorio y pulsa intro

2. Mantén tu día bajo control

  • La lista de eventos y recordatorios y el calendario te permiten localizar y planificar fácilmente todos tus eventos
  • Los eventos programados para hoy que ya han terminado aparecen atenuados para que te concentres en los próximos
  • Cambia el número de eventos que aparecen para mantener la lista limpia y organizada
  • Haz click en cualquier evento para ver sus detalles
  • Añade notas a eventos existentes
  • Usa la búsqueda para localizar instantáneamente tus eventos


3. Edita y elimina fácilmente

  • Elige el evento o recordatorio que quieres cambiar y toma el control con un sólo click o combinación de teclas

4. Una aplicación que se adapta al usuario

  • Funciona con tus aplicaciones favoritas: Calendario, iCal, BusyCal, Entourage y Outlook
  • Los recordatorios solo son compatibles con Calendar, iCal y BusyCal
  • Mantén tus eventos sincronizados con el soporte para CalDAV integrado. Funciona con iCloud, Google Calendar, Yahoo! Calendar y muchos otros servicios
  • Añade alarmas automáticamente a tus eventos

5.Habla tu idioma

  • Fantastical está completamente traducido al Inglés, Francés, Alemán, Italiano y Español.
  • Comienza a escribir el evento o recordatorio en cualquiera de estos idiomas y Fantastical lo entenderá automáticamente.

Pantallas


Arquitectura de la Información y Prototipado

Card Sorting

Personas y Escenarios

  1. Adulto-Joven, clase media-alta, 28 años, ejecutivo, con hartas reuniones y actividades por ordenar
  2. Madre, 40 años app, clase media-baja, actividades suyas (juntarse con las amigas, reuniones de trabajo) y de los hijos (como ir a buscarlos al colegio, cumpleaños, etc)
  3. Adulto mayor, 50+ que no son muy dados a la tecnología, pero tienen smartphone, actividades familiares, visitas al médico, clase media
  4. Adulto-joven, 20 años, clase media, fan tecnológico, actividades de la u, pruebas, carretes, cumpleaños

Viaje de Usuarios

Wireframes Colaborativos

Mapa de Contenidos

Mapa de Navegación

Wireframes de Baja Intensidad

Usabilidad

Testeo de Wireframes

Pruebas

Desarrollo

Resultados

Evaluación Heurística

Conclusión de Resultados

Diseño de Interfaz

Rediseño de Wireframes

Diseño Front

Tipografía

Paleta de Colores

Íconos

Pantallas