Primer Avance de ProyectoDavid Mora A01202527

Jazminne Barkshadt A00886338Daniel Ortíz Pérez A01204096

Jorge López A01203064

Interacción Humano ComputadoraProfesora: Lizethe Pérez Fuertes

INDICE

1.

2.

3.

4.

5.

6.

Propuesta del Área de Aplicación

Estado del Arte

Oportunidades de innovación

Misión y Visión

Delimitaciones del Proyecto

Diseño del concepto del sistema interactivo

PROPUESTA DEL ÁREA DE APLICACIÓN

BAILE• No se bailar• Tengo dos pies izquierdos• Me da pena…• Quisiera aprender a bailar• Motivación a aprender• Obtener

• Coordinación• Agilidad• Ritmo• Flexibilidad• Fuerza

PROPUESTA DEL ÁREA DE APLICACIÓN

¿POR QUÉ?Nos decidimos por esto proyecto porque pensamos que el baile es una de las cosas que más nos gusta o por lo menos disfrutamos ver y hacer y tenemos como meta motivar a las personas por medio de técnicas simples para que se motiven a bailar y sobre todo a divertirse en una actividad la cual es una expresión de ellos mismos y es algo que los beneficia a ellos y a otros.

ESTADO DEL ARTE

• Estudio en diversos sitios web para aprender a bailar

• Especialización en un solo estilo• Enseñan a bailar estilos latinos• Fines lucrativos• Pocos sitios web sin costo• Tutoriales en YOUTUBE

• La interacción del usuario con los otros sitios deja mucho que desear.• Pérdida de interés• Mucho texto• Poca multimedia.

OPORTUNIDADES DE INOVACIÓN

• Posibilidad de mejorar la atracción del usuario

• Mejoramiento de contenido

• Abarcar distintos estilos musicales

• No abarcar sólo música latina

• Actualizar con diferentes estilos nuevos innovación

• Base de datos más amplia

• Cero cuotas

• Lucrar vía anuncios web

• Inclusión de notas de coreografía

• Enseñar naturalmente

DELIMITACIONES DEL PROYECTO

Público meta: Jóvenes de cualquier edad

• Estilos abarcados: Varios• Posibilidad de aumentar el número de estilos• Visualización del contenido de forma gratuita

Localización o extensión geográfica: Tecnológico de Monterrey (por lo pronto)

• Hay que tener un grupo de observación: Estudiar a diversos usuarios que han utilizado el servicio y mejorarlo gracias a recomendaciones u observaciones realizadas por los usuarios.

• Posibilidad de ampliación a nivel mundial

DELIMITACIONES DEL PROYECTOEl enfoque cultural o multicultural, estará basado principalmente en la localización geográfica utilizada en el momento• Si se sobrecargan los diversos aspectos a modificar en determinado

momento, se pueden recaer en ciertos errores• Crecimiento lineal y no exponencial (al menos durante la etapa de

experimentación con los grupos de prueba)

La preparación previa con la que cuenta el proyecto, radica en el conocimiento empírico con el que cuenta cada integrante del equipo y con las investigaciones pertinentes que serán realizadas. • Investigaciones de campo• Investigaciones bibliográficas• (Metodología de la investigación)

Utilización de multimediaVideosRecursos en FLASHRecursos JAVA

DISEÑO DEL CONCEPTO INTERACTIVONombre: DANCE & GO! (Online Dancing Center)

DISEÑO DEL CONCEPTO INTERACTIVOPaleta de colores:

Escala de bermellones: #ffb400 a #ff9c00 Escala de azules: # 098de9 a # 3aa9f7 Escala de rojos: # e6052f a # ff0030 Escala grises: # 000000 a # 515151

DISEÑO DEL CONCEPTO INTERACTIVOTexturas

Esperando que el sitio interactivo y la logomarca sea HQ, se tomó como base paleta de colores sea muy sólida y con pocos degradados o strokes, de este modo se ha tomado la decisión de no utilizar texturas en la realización del logotipo.

En la elección de fondos y estilo de botones para el sistema, se tomarán en cuenta formas vectoriales recatadas que no le roben la atención a la información y multimedia expuesta en el sitio.

De esta forma se logrará un sistema limpio, sin elementos pixeleados y de alta calidad.

x

DISEÑO DEL CONCEPTO INTERACTIVOTipografías: LOGO

• FORMA VECTORIAL• NO SE DEBEN DE UTILIZAR TIPOGRAFÍAS

PREDEFINIDAS. • Utilización de fonts de internet: Para crear un

logo, hay que editarlas

• TTF: GrilledCheese BTN Toasted.

DISEÑO DEL CONCEPTO INTERACTIVOTipografías: CUERPO

Se utilizará como tipografía de cuerpo, las tipografías Century Gothic y Arial, debido a su estilo de molde y nivel de comprensión y captación rápida CENTURY GOTHIC CENTURY GOTHIC CENTURY GOTHICARIAL ARIAL ARIAL NOTA: Durante el diseño del sistema interactivo de pueden ir agregando distintos tipos de tipografía para el diseño del template completo del sitio, incluyendo menús, títulos, barras, etc.

DISEÑO DEL CONCEPTO INTERACTIVOFORMATO Y TIPO DE ALINEACIÓN

El formato del texto no se encuentra definido aún.

Primer paso: Diseñar el template en un editor de imágenes.

Se tiene que buscar el formato correcto teniendo como base principios de diseño como lo es la alineación mediante cuadrículas, layers, guías y generación de tablas como base.

Lo único que se seguiría sería la paleta de colores definida anteriormente buscando una línea de diseño correcta

DISEÑO DEL CONCEPTO INTERACTIVOFORMAS GENERALES DE INTERACCIÓN

La forma en que el usuario interactuará con el sistema, será mediante elementos claros, sólidos y cálidos a la vista, de esta manera el sistema se volverá agradable para el mercado meta.

El uso de elementos multimedia como videos, animaciones, notas de ayuda y elementos de diseño amigables hará que las personas que visiten el sitio, se vuelvan usuarios cautivos del proyecto DANCE & GO!

DISEÑO DEL CONCEPTO INTERACTIVOESCENARIOS DE USO: CASA