Sketching

750 views

Published on

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
750
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Sketching

  1. 1. TONA MONJO Sketching
  2. 2. El proceso de prototipado sitemap 2 flowchart sketches wireframes mockups prototipo TONA MONJO Sketching
  3. 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. 4. Herramientas: papel http://jesseddy.tumblr.com/post/275410929/wireframes-ux-ia-sketches-by-anthony-armendariz 4 TONA MONJO Sketching
  5. 5. Herramientas: whiteboard http://genelu.com/2012/10/public-art-fund-redesign/ 5 TONA MONJO Sketching
  6. 6. Herramientas: sketchbook http://appsketchbook.com/pages/ux-sketchbook 6 http://uxstickynotes.com/#iphone TONA MONJO Sketching
  7. 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. 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. 9. Proceso de sketching Trabajar por capas http://www.youtube.com/watch?feature=player_embedded&v=TuQbzTwYHTA#! 9 TONA MONJO Sketching
  10. 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. 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. 12. Presentar los sketches En una pared o pizarra http://www.flickr.com/photos/rosenfeldmedia/3977544675/in/set-72157622384497663 12 TONA MONJO Sketching
  13. 13. Presentar los sketches Como storyboard http://www.flickr.com/photos/rosenfeldmedia/3977544675/in/set-72157622384497663 13 TONA MONJO Sketching
  14. 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. 15. Presentar los sketches En vídeo http://www.youtube.com/watch?v=GrV2SZuRPv0 15 TONA MONJO Sketching
  16. 16. Presentar los sketches Como prototipo interactivo http://popapp.in/ 16 TONA MONJO Sketching
  17. 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

×