1. TONA MONJO
Sketching

2. El proceso de prototipado
sitemap
2
flowchart
sketches
wireframes
mockups
prototipo
TONA MONJO
Sketching

3. Sketching
• Genera ideas de manera rápida
• Convierte las ideas en tangibles
• Mantiene el centro de atención en el problema
y en les sus soluciones, no en la tecnología
3
TONA MONJO
Sketching

4. Herramientas: papel
http://jesseddy.tumblr.com/post/275410929/wireframes-ux-ia-sketches-by-anthony-armendariz
4
TONA MONJO
Sketching

5. Herramientas: whiteboard
http://genelu.com/2012/10/public-art-fund-redesign/
5
TONA MONJO
Sketching

6. Herramientas: sketchbook
http://appsketchbook.com/pages/ux-sketchbook
6
http://uxstickynotes.com/#iphone
TONA MONJO
Sketching

7. Herramientas online
http://www.twiddla.com/
http://www.scriblink.com/
http://www.scribblar.com/
Més eines:
http://www.webdistortion.com/2011/01/22/best-online-collaborative-drawing-tools/
7
TONA MONJO
Sketching

8. Proceso de sketching
Los sketches son rápidos, frescos, no son dibujos perfectos!
• Los sketches son una expresión del proceso
de problem-solving
• Es importante que se entienda lo que se quiere comunicar
• Los sketches no tienen valor estético
8
TONA MONJO
Sketching

9. Proceso de sketching
Trabajar por capas
http://www.youtube.com/watch?feature=player_embedded&v=TuQbzTwYHTA#!
9
TONA MONJO
Sketching

10. Proceso de sketching
Describir interacciones utilizando elementos superpuestos
http://uxdesign.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/
10
TONA MONJO
Sketching

11. Proceso de sketching
Indicar cómo será utilizada la aplicación en el mundo real
http://uxdesign.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/
11
TONA MONJO
Sketching

12. Presentar los sketches
En una pared o pizarra
http://www.flickr.com/photos/rosenfeldmedia/3977544675/in/set-72157622384497663
12
TONA MONJO
Sketching

13. Presentar los sketches
Como storyboard
http://www.flickr.com/photos/rosenfeldmedia/3977544675/in/set-72157622384497663
13
TONA MONJO
Sketching

14. Presentar los sketches
Como prototipo en papel
http://www.flickr.com/photos/rosenfeldmedia/3978126963/in/
set-72157622384497663
14
http://www.metasite.lt/en/news/paper-prototyping-withpaper-iphone-vertical-tube-version-for-mobile-web/90
TONA MONJO
Sketching

15. Presentar los sketches
En vídeo
http://www.youtube.com/watch?v=GrV2SZuRPv0
15
TONA MONJO
Sketching

16. Presentar los sketches
Como prototipo interactivo
http://popapp.in/
16
TONA MONJO
Sketching

17. Més info
Prototyping: a practitioner’s guide
http://rosenfeldmedia.com/books/prototyping/
Sketching User Experiences
http://www.amazon.com/Sketching-User-Experiences-InteractiveTechnologies/dp/0123740371
The Messy Art Of UX Sketching
http://uxdesign.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/
Better Use of Paper in UX Design
http://uxmag.com/articles/better-use-of-paper-in-ux-design
17
TONA MONJO
Sketching