PROTOTIPOS Y WIREFRAMES LUIS CARLOS ACEVES G.

OBJETIVOS Conocer cómo debe verse una página desde el punto de vista de la arquitectura Representar la arquitectura del sitio, el diseño de información y el diseño visual Proveer retroalimentación para que el arquitecto de información determine si sus decisiones fueron adecuadas PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Conocer cómo debe verse una página desde el punto de vista de la arquitectura

Representar la arquitectura del sitio, el diseño de información y el diseño visual

Proveer retroalimentación para que el arquitecto de información determine si sus decisiones fueron adecuadas

DECISIONES ¿Qué componentes serán visibles y accesibles para los usuarios ¿Cómo se agruparán los componentes de contenido? ¿Cómo se ordenarán? ¿Qué componentes tendrán mayor jerarquía? PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

¿Qué componentes serán visibles y accesibles para los usuarios

¿Cómo se agruparán los componentes de contenido?

¿Cómo se ordenarán?

¿Qué componentes tendrán mayor jerarquía?

DECISIONES PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR Fuente: Information Architecture for the WWW

DISEÑO Crear wireframes únicamente para las páginas más importantes Describir un sistema visual No limitar a diseño de páginas únicamente No son un reemplazo del diseño visual real/definitivo PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Crear wireframes únicamente para las páginas más importantes

Describir un sistema visual

No limitar a diseño de páginas únicamente

No son un reemplazo del diseño visual real/definitivo

DISEÑO Puede haber ausencia de tipografías, colores y otras características visuales Los detalles serán desarrollados por: Diseñadores gráficos: parte visual Ing. en Sistemas: parte interacción PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Puede haber ausencia de tipografías, colores y otras características visuales

Los detalles serán desarrollados por:

Diseñadores gráficos: parte visual

Ing. en Sistemas: parte interacción

TIPOS Fidelidad baja PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Fidelidad

baja

TIPOS Fidelidad baja No hay elementos gráficos No hay contenido real Enfoque en: Sistema visual y retícula ( layout ) Ubicación de contenido y elementos visuales Sistemas de navegación PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Fidelidad baja

No hay elementos gráficos

No hay contenido real

Enfoque en:

Sistema visual y retícula ( layout )

Ubicación de contenido y elementos visuales

Sistemas de navegación

TIPOS Fidelidad media PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Fidelidad

media

TIPOS Fidelidad media Algunos elementos gráficos Contenido aproximado al real Enfoque en: Funcionalidades Interacción Sistemas de navegación PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Fidelidad media

Algunos elementos gráficos

Contenido aproximado al real

Enfoque en:

Funcionalidades

Interacción

Sistemas de navegación

TIPOS Fidelidad alta PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Fidelidad

alta

TIPOS Fidelidad alta Elementos gráficos Contenido real Enfoque en: Diseño visual Estándares web (HTML, CSS) Muy cercano al resultado final PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

Fidelidad alta

Elementos gráficos

Contenido real

Enfoque en:

Diseño visual

Estándares web (HTML, CSS)

Muy cercano al resultado final