CAPITULO IV
EL PRODUCTO
Este capítulo muestra la elaboración del producto final, la cual se llevara a cabo debido a una serie de contenidos seleccionados y una metodología de diseño aplicada a esta investigación que es precisada por una serie de determinantes, con el objetivo de concretar la investigación de una manera organizada y efectiva.
La metodología aplicada para la elaboración del producto está formulada por seis etapas: análisis, síntesis, evaluación, decisión, optimización e implementación. Programada por (Asimow, 1962).
A continuación se presenta como se aplicaron las fases metodológicas y como se respondió a cada una de las determinantes programadas para llevar a cabo la realización de este producto de una manera exitosa.
1. DESARROLLO DEL PRODUCTO
A continuación se presentara la planificación de actividades
1.1 PLANIFICACIÓN Y PROGRAMACIÓN DE ACTIVIDADES.
Un producto multimedia requiere de una serie de acciones dependientes entre sí, por lo tanto se pretende una planificación u
46
organización para llevar un orden lógico y efectivo en la elaboración de dicho producto.
- Selección del material. (contenidos del tema).
- Distribución del contenido por pantallas.
- Establecer un mapa de navegación (lineal, árbol, mixto).
- Diseñar el concepto e identidad gráfica.
• Diseño de formas y elementos identificadores.
• Seleccionar la paleta cromática a utilizar.
- Creación de la interfaz gráfica de usuario.
• Pantallas.
• Botones.
• Textos.
• Gráficos.
- Animaciones.
- Correcciones y evaluación.
2. SELECCIÓN DE CONTENIDO
La selección del contenido se realizó de acuerdo a los objetivos por los cuales se propuso diseñar un producto multimedia educativo para padres con niños hiperactivos, aplicando el proceso de enseñanza – aprendizaje,
con el fin de informar y educar a los padres acerca de este trastorno de conducta.
El contenido del multimedia estará basado en explicación del síndrome de hiperactividad conocido como TDAH (Trastorno por Déficit de Atención con Hiperactividad).
Donde se da a conocer que es, cuales son las características que posee un niño con hiperactividad, las causas de este tipo de conducta y las consecuencias que puede tener en el desarrollo del entorno en el que el niño se desenvuelve.
3. DISTRIBUCIÓN DE LOS ELEMENTOS POR PANTALLAS
De acuerdo con la información recopilada, se establecen 5 puntos principales cada uno de ellos subdivididos para jerarquizar y mostrar de una manera más ordenada la información.
1- Historia.
2- Características.
• Causas
• Consecuencias.
3- Tratamiento.
• Medico.
• Pedagógico.
4- Consejos.
• Actividades recomendadas
• Actividades no recomendadas 4. MAPA DE NAVEGACIÓN
Se presenta un mapa de navegación tipo mixto con un esquema detallado de las opciones que va a tener el usuario en cada parte del multimedia, hacia donde se puede dirigir, saber cuántas pantallas faltan por navegar.etc. Este sistema es uno lo mas recomendado para la realización de sitios web o elementos multimedia ya que esta estructura aprovecha las ventajas del mapa de navegación tipo árbol y red, las páginas están estructuradas en niveles como el árbol, pero dentro de cada nivel se organizan como lineal, de forma que podemos recorrer todas las páginas del nivel sin tener que salir de él.
5. CONCEPTO E IDENTIDAD GRÁFICA
El concepto grafico parte de la investigación del contenido para el multimedia, de donde se tomaron características específicas como:
1- Que es la hiperactividad
2- El comportamiento que posee el niño hiperactivo 3- Las actividades que puede realizar
- IDENTIFICADOR
Una de las cosas más activas que existe, es el sol, por eso se tomo la idea de representar la característica numero 2 (el comportamiento del niño hiperactivo). El sol esta sostenido por una mano, esta mano representa al padre que tranquiliza la actividad del niño (representado por el sol).
• PROCESO DE DISEÑO
Isotipo elegido
Tipografía elegida Prueba de color
Identificador
6. CREACION DE LA INTERFAZ GRÁFICA
*La botonera principal está ubicada en la parte superior de la pantalla.
*El logotipo está ubicado en la parte inferior izquierda.
* En el centro se encuentra un slideshow con imágenes de casos de hiperactividad.
*La botonera principal conformada por 5 botones, se encuentra en el centro de forma rectangular, cada boton muestra una imagen referente al nombre de cada pantalla.
*En la parte inferior izquierda se muestra el identificador.
*El identificador se encuentra ubicado en la parte superior izquierda.
*Seguido del identificador la botonera principal, 5 botones, 5 secciones principales, con menú desplegable.
* Presenta un cuadro donde estará diagramado el texto junto con las imágenes que lo acompañan.
- DISEÑO DE PANTALLA En este paso se muestra el proceso de diseño de la pantalla principal del multimedia.
En esta propuesta se recrea un cuarto de juego donde se utilizan las actividades recomendadas para el niño, juegos didácticos, destreza. El identificador creado para el multimedia se encuentra en la parte superior izquierda de la pantalla en el centro una hoja donde estará diagramada la información, a la derecha un estante donde estará ubicado la botonera principal cada botón estará representado por una imagen alusiva a cada sección establecida según la selección de contenido: Historia, Características, Tratamiento, Consejos.
PROPUESTA DE DISEÑO ELEGIDA
Home y Sección Historia En la pantalla dos, sección de historia, se muestra una subdivisión, representadas por pestañas que son las ubicadas en la parte izquierda
1 2
detrás de la hoja como identificador al usuario para saber donde se encuentra ubicado.
- BOTONES
Esta imagen muestra el proceso de diseño de los botones principales ubicados dentro del estante, boceto realizado a mano, digitalización del estante y elementos gráficos que representan las secciones.
En la sección de historia a la derecha, se muestran botones de una subdivisión, representadas por pestañas que son las ubicadas en la parte izquierda detrás de la hoja para que el usuario pueda saber donde se encuentra ubicado y el numero de pantallas que hay dentro de la sección, descartando la propuesta de un scroll.
- TEXTO
La tipografía utilizada para el multimedia es de tipo (Verdana), ya que es una de las más recomendadas a la hora de realizar sitios web o productos multimedia debido a que es una tipografía sin serif de fácil lectura.
El texto esta diagramado en la hoja ubicada en el centro de la pantalla, de acuerdo a la información y elementos que lo acompañen.