Your SlideShare is downloading. ×
0
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Максим Ткачук - «Маленькие советы дизайнерам»
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

767

Published on

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

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

Published in: Business, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
767
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. NewBie 
newbie-to-rockstar designer’s how-tonewbie [ньюби] новичок, начинающий, нубrockstar [рокстар]рок-звезда, профессионалby Max Tkachuk for ProfsoUX, May ‘13
  • 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. 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. Design Evolutionfrom marketing tool to the business driver
  • 5. L  
  • 6. L  
  • 7. L  
  • 8. L  
  • 9. Design RockstarWho?
  • 10. L  Best Artists Steal!
  • 11. L  
  • 12. L  
  • 13. L  
  • 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. 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. Responsive designWTF RWD anyone?
  • 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. Responsive designGot world-famous:When: 2010
  • 19. Responsive designGot world-famous:When: 2010 Product: iPad
  • 20. Responsive designGot world-famous:When: 2010 Product: iPad Where: Native apps
  • 21. Responsive designGot world-famous:When: 2010 Product: iPad Where: Native appsWhy: Desktop-Mobile bridge
  • 22. Mobile Firstapproach
  • 23. Small Mobile Firstapproachdesign
  • 24. ContentSmall Mobile Firstapproachdesign
  • 25. Img src: http://bradfrostweb.com/blog/mobile/the-many-faces-of-mobile-first/
  • 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. Luke Wroblewski – Mobile First pdf
  • 28. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  • 29. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  • 30. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  • 31. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  • 32. Advices for newbies: Focus on workOverwork x2 T-shape yourselfTake risksUninstall Photoshop
  • 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. 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. 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. 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. 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. * Design processfor them all
  • 39. Iterative designis cyclic process of prototyping, testing, analyzing & refining a product or process
  • 40. L  use iterativeDraft Prototyping !Turn your customer & value hypothesisto several product concepts
  • 41. L  run parallel User Tests!Get fast & cheap test resultsof the hypothesis end
  • 42. thnx!Max Tkachuktwitter: @paz0rwww.macpaw.comwww.trendkilldesigners.comby Max Tkachuk for ProfsoUX, May ‘13

×