• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Максим Ткачук - «Маленькие советы дизайнерам»
 

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

on

  • 914 views

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

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

Statistics

Views

Total Views
914
Views on SlideShare
421
Embed Views
493

Actions

Likes
2
Downloads
4
Comments
0

2 Embeds 493

http://2013.profsoux.ru 488
https://twitter.com 5

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • NewBie 
newbie-to-rockstar designer’s how-tonewbie [ньюби] новичок, начинающий, нубrockstar [рокстар]рок-звезда, профессионалby Max Tkachuk for ProfsoUX, May ‘13
    • 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
    • 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 
""
    • 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 architecture 4+ Interface design 5+Interaction design 4+ Visual design 3-4 Front-end 3-4Lean, Product design, UXD, Ress etc
    • 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
    • Responsive designWTF RWD anyone?
    • 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
    • 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 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
    • 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 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
    • 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
    • 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
    • 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
    • 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
    • * 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