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. Sinemb...
SKETCHESLa intención del sketch es separar el diseño del proceso decreación.El ejercicio de sketching es flexible y permit...
SKETCHESTus sketches deben ser:•   Rápidos•   Bajo demanda•   Baratos, con el material que tengas a la mano.•   Desechable...
WIREFRAMESUn wireframe es una guía visual que sugiere cierta estructuraal sitio, así como la relación entre unas páginas y...
PROTOTIPOSLos diseños no son finales, pero contienen el grupo de ideasque queremos lograr. Al hacer prototipos comenzamos ...
PROTOTIPOSNuestros prototipos deben ser:• Rápidos, que sólo requieran un esfuerzo mínimo de  desarrollo• Baratos• Claros y...
WORKFLOW
Upcoming SlideShare
Loading in...5
×

Sketches, wireframes y prototipos

598

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
598
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Sketches, wireframes y prototipos"

  1. 1. SKETCHES, WIREFRAMES YPROTOTIPOSABRIL 2012
  2. 2. 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.
  3. 3. 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.
  4. 4. 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
  5. 5. 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
  6. 6. 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.
  7. 7. 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.
  8. 8. WORKFLOW
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×