• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Clase3: Wireframes
 

Clase3: Wireframes

on

  • 7,929 views

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.

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.

Statistics

Views

Total Views
7,929
Views on SlideShare
786
Embed Views
7,143

Actions

Likes
1
Downloads
30
Comments
0

3 Embeds 7,143

http://moodle.uveritas.ac.cr 7134
http://moodlen.veritas.cr 5
http://moodleold.uveritas.ac.cr 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Clase3: Wireframes Clase3: Wireframes Presentation Transcript

    • EN LA CLASE PASADA... Usabilidad y Experiencia de usuario.
    • 1.- MENOS ES MÁS
    • 2.- EL SECRETO ESTA EN OBSERVAR A NUESTROS USUARIOS
    • 3.- LAS EXPERIENCIAS ESTÁN CAMBIANDO
    • GOOGLE GLASS
    • CLASE3: WIREFRAMES Como diseñamos la información.
    • ¿QUÉ ES DISEÑO DE INFORMACIÓN?
    • DISEÑO DE INFORMACIÓNPriorización y presentación 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.
    • ¿CÓMO SE PRESENTA EL DISEÑO DE INFORMACIÓN?
    • WIREFRAMES
    • ¿QUÉ SON LOS WIREFRAMES?
    • WIKIPEDIA NOS DICE:"Esquema del diseño depágina u ordenamiento delcontenido del sitio web,incluyendo elementos dela interfaz y sistemas denavegación, y cómofuncionan en conjunto."
    • • Plasmarlos resultados de nuestra investigación posterior en donde identificamos usuarios, definimos un árbol de contenidos y buscamos buenas prácticas.• Ordenamiento y jerarquización de los contenidos según la importancia de nuestros arquetipos.• Planteamiento visual y funcional de como se vera nuestro sitio en pantalla
    • Diseño de Interfaz• Son el paso intermedio entre la arquitectura de información y el diseño de interfaz. Wireframes• Esun diseño más racional, a diferencia del de interfaces que es más emocional. Arquitectura de la información
    • ¿PARA QUÉ SON LOS WIREFRAMES?
    • ¿PARA QUÉ SON LOS WIREFRAMES?• Visualizar una conceptualización de la disposición de los contenidos.• Visualizar como serian los flujos de interacción de un sitio web.• Para comenzar a definir las primeras interacción que poseerá la plataforma. .
    • ¿PARA QUÉ SON LOS WIREFRAMES?• Son el punto para discutir entre los distintos actores que están en el proyecto. Estos pueden ser arquitectos de información, diseñadores, desarrolladores y clientes cuando sea el caso.
    • ¿CÓMO PUEDEN SER LOS WIREFRAMES?
    • • Sencillos de entender y evitamos distracciones en temas que en esta etapa no son de importancia como colores o uso de fotografías.