• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Diseño de wireframes
 

Diseño de wireframes

on

  • 4,222 views

Prototipos y wireframes como formas de representar la arquitectura de información, diseño de información, diseño visual.

Prototipos y wireframes como formas de representar la arquitectura de información, diseño de información, diseño visual.

Statistics

Views

Total Views
4,222
Views on SlideShare
4,173
Embed Views
49

Actions

Likes
6
Downloads
0
Comments
0

5 Embeds 49

http://cursos.udem.edu.mx 22
http://usabilizate.blogspot.com 14
http://www.slideshare.net 11
http://cursos.udem.edu.mx:80 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

    Diseño de wireframes Diseño de wireframes Presentation Transcript

    • 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
    • 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
    • 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
    • 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
    • TIPOS
      • Fidelidad
      • baja
      PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR
    • 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
    • TIPOS
      • Fidelidad
      • media
      PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR
    • 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
    • TIPOS
      • Fidelidad
      • alta
      PROHIBIDO UTILIZARSE O COPIARSE SIN PERMISO DEL AUTOR
    • 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