NewBie 
newbie-to-rockstar designer’s how-tonewbie [ньюби] новичок, начинающий, нубrockstar [рокстар]рок-звезда, профессио...
NewBie newbie-to-rockstar designer’s how-to•  Design evolution •  Design Rockstar who?•  Learn: Responsive design, Mobile ...
frog designwargamingusability labeastlabsumhbigmir.netkorrespondent.netslajd.nethavas kyivstarprodigistreet workout dojrze...
Design Evolutionfrom marketing tool to the business driver
L	  
L	  
L	  
L	  
Design RockstarWho?
L	  Best Artists Steal!
L	  
L	  
L	  
5-years-must skill base: Expertise     Level (1-5)Design theory    4+  Information architecture   5Web & Mobile architectu...
5-years-real skill base: Expertise     Level (1-5)Design theory    2-  Information architecture   3-Web & Mobile architect...
Responsive designWTF RWD anyone?
Responsive designis a web design approach aimed at crafting sites toprovide an optimal viewing experience—easyreading and ...
Responsive designGot world-famous:When: 2010
Responsive designGot world-famous:When: 2010 Product: iPad
Responsive designGot world-famous:When: 2010 Product: iPad Where: Native apps
Responsive designGot world-famous:When: 2010 Product: iPad Where: Native appsWhy: Desktop-Mobile bridge
Mobile Firstapproach
Small Mobile Firstapproachdesign
ContentSmall Mobile Firstapproachdesign
Img src: http://bradfrostweb.com/blog/mobile/the-many-faces-of-mobile-first/
Mobile First products: Product     CompanyiPhone, iPad, iPod, iOS   Apple Android, Chrome OS, iOS traffic GoogleFacebook Ho...
Luke Wroblewski – Mobile First pdf
Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easines...
Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easines...
Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easines...
Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easines...
Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easines...
* Design processfor them all
Iterative designis cyclic process of prototyping, testing, analyzing & refining a product or process
L	  use iterativeDraft Prototyping !Turn your customer & value hypothesisto several product concepts
L	  run parallel User Tests!Get fast & cheap test resultsof the hypothesis end
thnx!Max Tkachuktwitter: @paz0rwww.macpaw.comwww.trendkilldesigners.comby Max Tkachuk for ProfsoUX, May ‘13
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Upcoming SlideShare
Loading in …5
×

Максим Ткачук - «Маленькие советы дизайнерам»

1,141 views

Published on

http://2013.profsoux.ru/papers/46/

Published in: Business, Technology

Максим Ткачук - «Маленькие советы дизайнерам»

  1. 1. NewBie 
newbie-to-rockstar designer’s how-tonewbie [ньюби] новичок, начинающий, нубrockstar [рокстар]рок-звезда, профессионалby Max Tkachuk for ProfsoUX, May ‘13
  2. 2. NewBie newbie-to-rockstar designer’s how-to•  Design evolution •  Design Rockstar who?•  Learn: Responsive design, Mobile First•  How-to small advicesby Max Tkachuk for ProfsoUX, May ‘13
  3. 3. frog designwargamingusability labeastlabsumhbigmir.netkorrespondent.netslajd.nethavas kyivstarprodigistreet workout dojrzewamy.pl laeto.rufindguru.merabota.uaMax Tkachuk "Product design bro at MacPaw"designer at Trendkill designers twitter: @paz0r 
""
  4. 4. Design Evolutionfrom marketing tool to the business driver
  5. 5. L  
  6. 6. L  
  7. 7. L  
  8. 8. L  
  9. 9. Design RockstarWho?
  10. 10. L  Best Artists Steal!
  11. 11. L  
  12. 12. L  
  13. 13. L  
  14. 14. 5-years-must skill base: Expertise Level (1-5)Design theory 4+ Information architecture 5Web & Mobile architecture 4+ Interface design 5+Interaction design 4+ Visual design 3-4 Front-end 3-4Lean, Product design, UXD, Ress etc
  15. 15. 5-years-real skill base: Expertise Level (1-5)Design theory 2- Information architecture 3-Web & Mobile architecture 3+Interface design 3+ Interaction design 3+ Visual design 3-5 Front-end 2-4Boatload of shit, Flat design, Skeumorphism, Paralax
  16. 16. Responsive designWTF RWD anyone?
  17. 17. Responsive designis a web design approach aimed at crafting sites toprovide an optimal viewing experience—easyreading and navigation with a minimum of resizing,panning, and scrolling—across a wide range ofdevices
  18. 18. Responsive designGot world-famous:When: 2010
  19. 19. Responsive designGot world-famous:When: 2010 Product: iPad
  20. 20. Responsive designGot world-famous:When: 2010 Product: iPad Where: Native apps
  21. 21. Responsive designGot world-famous:When: 2010 Product: iPad Where: Native appsWhy: Desktop-Mobile bridge
  22. 22. Mobile Firstapproach
  23. 23. Small Mobile Firstapproachdesign
  24. 24. ContentSmall Mobile Firstapproachdesign
  25. 25. Img src: http://bradfrostweb.com/blog/mobile/the-many-faces-of-mobile-first/
  26. 26. Mobile First products: Product CompanyiPhone, iPad, iPod, iOS Apple Android, Chrome OS, iOS traffic GoogleFacebook Home, iOS traffic Facebook Kindle Fire, Kindle Apps Amazon Windows Phone, Windows 8 Microsoft Mobile app TwitterMobile app Instagram iOS games, Foursquare, Evernote, Flipboard, Yelp, Vine, Square, Shazam
  27. 27. Luke Wroblewski – Mobile First pdf
  28. 28. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  29. 29. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  30. 30. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  31. 31. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  32. 32. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  33. 33. Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easiness, not Simplicity. Complexity is OK (1/37 rule)No orgasm on b/w dynamic proto, no orgasm at allFeel the software. It lives, it smells, it has the character
  34. 34. Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easiness, not Simplicity. Complexity is OK (1/37 rule)No orgasm on b/w dynamic proto, no orgasm at allFeel the software. It lives, it smells, it has the character
  35. 35. Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easiness, not Simplicity. Complexity is OK (1/37 rule)No orgasm on b/w dynamic proto, no orgasm at allFeel the software. It lives, it smells, it has the character
  36. 36. Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easiness, not Simplicity. Complexity is OK (1/37 rule)No orgasm on b/w dynamic proto, no orgasm at allFeel the software. It lives, it smells, it has the character
  37. 37. Advices for middles: Functionality decomposition. Go beyond patternsScale up/down shake-up helps set feature scope Easiness, not Simplicity. Complexity is OK (1/37 rule)No orgasm on b/w dynamic proto, no orgasm at allFeel the software. It lives, it smells, it has the character
  38. 38. * Design processfor them all
  39. 39. Iterative designis cyclic process of prototyping, testing, analyzing & refining a product or process
  40. 40. L  use iterativeDraft Prototyping !Turn your customer & value hypothesisto several product concepts
  41. 41. L  run parallel User Tests!Get fast & cheap test resultsof the hypothesis end
  42. 42. thnx!Max Tkachuktwitter: @paz0rwww.macpaw.comwww.trendkilldesigners.comby Max Tkachuk for ProfsoUX, May ‘13

×