El documento aborda la creación de prototipos y wireframes, destacando la importancia de representar la arquitectura del sitio y facilitar decisiones sobre la jerarquía y accesibilidad de componentes. Diferencia entre tipos de fidelidad de wireframes (baja, media y alta) y menciona que estos no reemplazan al diseño visual definitivo. Se sugiere que el diseño visual será ejecutado por diseñadores gráficos e ingenieros en sistemas, y los wireframes deben enfocarse en la estructura y funcionalidad del sitio.

1. PROTOTIPOS Y WIREFRAMES LUIS CARLOS ACEVES G.

2. 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

3. 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

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

5. 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

6. 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

7. TIPOS Fidelidad baja PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

8. 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

9. TIPOS Fidelidad media PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

10. 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

11. TIPOS Fidelidad alta PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR

12. 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