Clase3: Wireframes

download Clase3: Wireframes

of 24

  • date post

    30-Jun-2015
  • Category

    Design

  • view

    9.089
  • download

    2

Embed Size (px)

description

Tercera clase del taller de Arquitectura de la Información y Usabilidad del Diplomado en Técnicas de Diseño para Sitios Web de la Universidad del Pacífico.

Transcript of Clase3: Wireframes

  • 1. EN LA CLASE PASADA...Usabilidad y Experiencia de usuario.

2. 1.- MENOS ES MS 3. 2.- EL SECRETO ESTA EN OBSERVARA NUESTROS USUARIOS 4. 3.- LAS EXPERIENCIAS ESTNCAMBIANDO 5. GOOGLE GLASS 6. CLASE3: WIREFRAMESComo diseamos la informacin. 7. QU ES DISEO DE INFORMACIN? 8. DISEO DE INFORMACINPriorizacin y presentacin de los contenidos queposeer un sitio web.Esta orientada a cumplir los objetivos y tareas quepodr realizar un usuario. El centro esta en LOS CONTENIDOS. 9. CMO SE PRESENTA EL DISEO DEINFORMACIN? 10. WIREFRAMES 11. QU SON LOS WIREFRAMES? 12. WIKIPEDIA NOS DICE:"Esquema del diseo depgina u ordenamiento delcontenido del sitio web,incluyendo elementos dela interfaz y sistemas denavegacin, y cmofuncionan en conjunto." 13. Plasmarlos resultados de nuestra investigacin posterior en donde identicamos usuarios, denimos un rbol de contenidos y buscamos buenas prcticas. Ordenamientoy jerarquizacin de los contenidos segn la importancia de nuestros arquetipos. Planteamiento visual y funcional de como se vera nuestro sitio en pantalla 14. Diseo de Interfaz Son el paso intermedio entre la arquitectura de informacin y el diseo de interfaz.Wireframes Esun diseo ms racional, a diferencia del de interfaces que es ms emocional. Arquitectura de la informacin 15. PARA QU SON LOS WIREFRAMES? 16. PARA QU SON LOS WIREFRAMES? Visualizaruna conceptualizacin de la disposicin de los contenidos. Visualizar como serian los ujos de interaccin de un sitio web. Para comenzar a denir las primeras interaccin que poseer la plataforma. . 17. PARA QU SON LOS WIREFRAMES? Son el punto para discutir entre los distintos actores que estn en el proyecto. Estos pueden ser arquitectos de informacin, diseadores, desarrolladores y clientes cuando sea el caso. 18. CMO PUEDEN SER LOSWIREFRAMES? 19. Sencillosde entender y evitamos distracciones en temas que en estaetapa no son de importancia como colores o uso de fotografas.