• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Sketches, wireframes y prototipos
 

Sketches, wireframes y prototipos

on

  • 803 views

 

Statistics

Views

Total Views
803
Views on SlideShare
803
Embed Views
0

Actions

Likes
0
Downloads
16
Comments
0

0 Embeds 0

No embeds

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

    Sketches, wireframes y prototipos Sketches, wireframes y prototipos Presentation Transcript

    • SKETCHES, WIREFRAMES YPROTOTIPOSABRIL 2012
    • DILEMAMuchos diseñadores prefieren pasar de idea a prototipo, laintención es llegar a probar la premisa más rápido. Sinembargo en el camino se pierde mucha comunicación y elproceso puede terminar siendo más tardado.Cada diseñador encuentra el workflow más efectivo.Encuentra el tuyo y trabaja en ese sentido.
    • SKETCHESLa intención del sketch es separar el diseño del proceso decreación.El ejercicio de sketching es flexible y permite ir formandouna idea de cómo queremos que sea nuestro sitio pero nointenta establecer cómo será gráficamente al estarterminado.
    • SKETCHESTus sketches deben ser:• Rápidos• Bajo demanda• Baratos, con el material que tengas a la mano.• Desechables• Abundantes, que no existan aislados• Claros y con vocabulario común• Fluidos• Con poco detalle, conceptuales• Claros al comunicar su intención• Exploraciones, más como un ejercicio de experimentación• Ambiguos, no te preocupes por el detalle
    • WIREFRAMESUn wireframe es una guía visual que sugiere cierta estructuraal sitio, así como la relación entre unas páginas y otras.Su propósito es comunicar y explorar los conceptos quesalen del proceso de sketching. Aquí se establecen losconceptos que queremos mantener durante el diseño de lainterfaz.“For me, wireframes act as a form of thinking device for thesetting and exploration of a given problem space”Will Evans, UXMAG
    • PROTOTIPOSLos diseños no son finales, pero contienen el grupo de ideasque queremos lograr. Al hacer prototipos comenzamos arefinar y ejemplificar.Con el refinamiento de los wirefames obtenemos másclaridad en los requerimientos y restricciones al proyecto. Algenerar un prototipo podemos comenzar a probar las ideasque tenemos de manera abstracta en nuestros sketches ywireframes.
    • PROTOTIPOSNuestros prototipos deben ser:• Rápidos, que sólo requieran un esfuerzo mínimo de desarrollo• Baratos• Claros y con un vocabulario común• Detallados, deben incluir contenido e interactividad.• Refinados lo apropiado, casi como la aplicación real• Validados, aunque aún requiere ajustes, un prototipo debe ser la presentación de la idea de manera práctica.
    • WORKFLOW