disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

Embed Size (px)

Citation preview

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    1/9

    DISEO DETALLADO,ELABORACIN DEPROTOTIPOS YDISEO DE

    INTERACTIVIDADRED DE TALLERES DE PRODUCCIN DIGITAL DECONTENIDO EDUCATIVO Y CULTURAL

    B

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    2/9

    Gua de Produccin Muli!edia " Ver#in $%&DAN&'

    Ea(a de Di#e)o

    DISEO DETALLADO, ELABORACIN DEPROTOTIPOS Y DISEO DE INTERACTIVIDAD

    AUTOR: ALBERTO RAMREZ MARTINELL

    En la fase de diseo detallado el productor multimedia se encargar de describir con

    detenimiento las pantallas por las que el producto estar compuesto, la estructura,

    contenido, forma y el diseo de interactividad. Con el fin de desarrollar con detalle lo

    que se describi en la etapa de diseo de alto nivel, en esta fase, el productor

    multimedia ser capaz de hacer:

    rototipos o maquetas del producto multimedia.

    !iseo de interactividad de maquetas o prototipos del producto multimedia.

    RECOMENDACIONES INICIALES

    "ntes de disear el producto multimedia a detalle se recomienda que el productor

    multimedia haya:

    Concluido los diseos instruccional y de alto nivel.

    Considerado las opiniones del e#perto en contenido con respecto a la parte visual y

    de presentacin de contenidos.

    !esarrollado una propuesta visual aceptada por el e#perto en contenido coherente

    con las definiciones de ob$etivos, audiencia y recursos.

    DISEO DETALLADO DE PRODUCTOS MULTIMEDIA

    En la etapa de !iseo !etallado de productos multimedia, el productor multimedia

    toma cada una de las pantallas especificada en la etapa de !iseo de "lto %ivel y las

    define con todo detalle.

    PROTOTIPOS

    ara realizar el prototipo del producto, el productor multimedia deber elaborar undocumento compuesto por tres niveles de descripcin: &' descripcin general de la

    pantalla( )'contenido de la pantalla( *' imagen visual de la pantalla, de cada una de las

    pantallas por incluir en el producto multimedia.

    B2

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    3/9

    Gua de Produccin Muli!edia " Ver#in $%&DAN&'

    Ea(a de Di#e)o

    El prototipo de las pantallas constituye el +plano de construccin del producto

    multimedia. En -l se debern especificar los ob$etivos, estructura, contenido y forma

    final de la pantalla correspondiente. El prototipo se puede complementar con unbosque$o de la pantalla.

    osque$o de pantalla

    PASOS PARA REALIZAR EL PROTOTIPO.

    1. Descripcin general de la pantalla.

    En este paso el productor multimedia deber proporcionar la siguiente informacin:

    %/mero de pantalla.

    01tulo de pantalla.

    Cap1tulo o seccin de la que forma parte.

    %/mero de pantalla 01tulo de pantalla 2eccin

    & ortada &

    %/mero de pantallas

    2.- Descripcin del contenido de la pantalla.

    En este paso el productor multimedia 34' deber definir la informacin mostrada en

    la siguiente tabla.

    B3

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    4/9

    Gua de Produccin Muli!edia " Ver#in $%&DAN&'

    Ea(a de Di#e)o

    0ipo de dato Elemento !escripcin

    0e#to 01tulo 5eyendas 4e#icanas

    0e#to ie de pantalla Comprensin 5ectora

    6magen 5ogotipo & 5ogotipo 2E7

    6magen 5ogotipo ) 5ogotipo 80!

    6magen 5ogotipo * 5ogotipo Creative

    Commons

    6magen 6lustracin central 4uequita

    6magen otn & 0un9uluch/

    6magen otn ) uego

    6magen otn * 4a1z

    "udio ; ;

    6magen en movimiento ; ;!escripcin de pantalla

    B4

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    5/9

    Gua de Produccin Muli!edia " Ver#in $%&DAN&'

    Ea(a de Di#e)o

    !efinicin de la imagen visual de la pantalla

    3. Definicin de la imagen visual de la pantalla.

    En este paso el productor multimedia deber definir principalmente la distribucin de

    elementos 3ret1cula' y la paleta de colores a emplear.

    DISEO DE INTERACTIVIDAD

    CONCEPTO.6nteractividad, hace referencia al dilogo

    entre el usuario y la mquina.

    !e la navegacin entre las pantallas y otros aspectos relativos a la interactividad se

    tiene la navegacin bsica como:

    antalla siguiente

    antalla anterior

    antallas espec1ficas

    otra

    B5

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    6/9

    Gua de Produccin Muli!edia " Ver#in $%&DAN&'

    Ea(a de Di#e)o

    INTERACTIVIDAD ADICIONAL:

    4en/

    2ubmen/otones que disparan eventos

    Elementos que son enlaces 3imagen, te#to'

    %/mero de pantalla %avegacin bsica 6nteractividad adicional

    & otn a leyenda &

    & otn a leyenda )

    & otn a leyenda *

    & 5ogo 3enlace' a Creative

    Commons

    & 5ogo 3enlace' a 2E7

    & 5ogo 3enlace' a 80!

    %avegacin e interactividad

    B6

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    7/9

    Nmero de Pantallas

    Nmero de pantalla Ttulo de pantalla Seccin

    Descripcin de Pantalla:

    Tipo de dato Elemento Descripcin

    Descripcin de Pantalla:

    Tipo de dato Elemento Descripcin

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    8/9

    Descripcin de Pantalla:

    Tipo de dato Elemento Descripcin

    Descripcin de Pantalla:

    Tipo de dato Elemento Descripcin

    Descripcin de Pantalla:

    Tipo de dato Elemento Descripcin

  • 8/13/2019 disen303oDetalladoElaboracionPrototiposDisen303oInteractividadV4.1

    9/9

    Navegacin e Interactividad

    Nmero de pantalla Navegacin bsica Interactividad adicional