Girl Geeks - Lessons From Classic Industrial Design for a Digital World

58
LEARNINGS FROM CLASSIC INDUSTRIAL DESIGN FOR A DIGITAL WORLD Sunday, 24 November, 13

description

Presented on 19th Nov 2013. This talk explores the lessons and perspectives that I have brought with me from Industrial Design to UX.

Transcript of Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Page 1: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

LEARNINGS FROM CLASSIC INDUSTRIAL DESIGN FOR A DIGITAL WORLD

Sunday, 24 November, 13

Page 2: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

ABOUT MESunday, 24 November, 13

Page 3: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 4: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

WHAT’S THIS ABOUT

Sunday, 24 November, 13

Page 5: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 6: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 7: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

PARTNERSHIP IS POWERFUL

Sunday, 24 November, 13

Page 8: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 9: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 10: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“Left to his own devices he couldn’t build a toaster. He could just about make a

sandwich and that was it.”Douglas Adams

Sunday, 24 November, 13

Page 11: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 12: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 13: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 14: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 15: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 16: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 17: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

LESS BUT BETTER

Sunday, 24 November, 13

Page 18: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 19: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 20: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 21: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 22: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“The most important part of designing a Windows Store app is determining what the app will be

great at. In the process, you might cross off many good ideas, but saying "no" to them is crucial to

making a single scenario great.”Windows 8 Dev Centre

Sunday, 24 November, 13

Page 23: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 24: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“Quantitative data should be informed, qualified and enriched by qualitative studies

to understand intent.”Government Digital Service (UK)

Sunday, 24 November, 13

Page 25: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 26: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 27: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

PROTOTYPE + ITERATE

Sunday, 24 November, 13

Page 28: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

5,127 times if needed

Sunday, 24 November, 13

Page 29: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 30: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 31: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 32: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 33: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“Using images to show a responsive layout is like test driving a car that’s stuck in park.”

Trent Walton

Sunday, 24 November, 13

Page 34: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 35: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

TRUTH TO MATERIALS

Sunday, 24 November, 13

Page 36: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 37: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“A skeuomorph is a physical ornament or design on an object copied from a form of

the object when made from another material or by other techniques.”

Wikipedia

Sunday, 24 November, 13

Page 38: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 39: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 40: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 41: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“Content precedes design. Design in the absence of content is not design,

it’s decoration.”Jeffery Zeldman

Sunday, 24 November, 13

Page 42: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 43: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 44: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

= MIND BLOWN

Sunday, 24 November, 13

Page 45: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 46: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 47: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

BUILD FOR LONGEVITY

Sunday, 24 November, 13

Page 48: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

+ 50 years = ?

Sunday, 24 November, 13

Page 49: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 50: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 51: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 52: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

“If you can’t open it you don’t own it.”Fairphone

Sunday, 24 November, 13

Page 53: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Sunday, 24 November, 13

Page 54: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

PARTNERSHIP IS POWERFUL

LESS BUT BETTER

PROTOTYPE & ITERATE

TRUTH TO MATERIALS

BUILD FOR LONGEVITY

Sunday, 24 November, 13

Page 55: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Image Credits

Slide 2 - photo - Nick CramptonSlide 3 - Usability MattersSlide 4 - photo - Linn VizardSlide 5 – karenfron.comSlide 6 - intrinsicdesigns.blogspot.comSlide 8 – theloftonbroome.comSlide 9 – thomasthwaites.comSlide 11 – stasick.orgSlide 12- techblogr.wordpress.comSlide 14 – helsinkidesignlab.orgSlide 16 – designdb.comSlide 17 – cafekaput.blogspot.comSlide 19 – wikipedia.org/wiki/combo_television_unitSlide 20 – facebook.comSlide 21 – blog.trello.comSlide 22 - creativitypost.comSlide 23 – msdn.microsoft.com/en-us/windows/appsSlide 24 – theheadsofstate.comSlide 26 – dyson.comSlide 27 – blog.homecoturemagazine.comSlide 30 – designcouncil.org.uk

Slide 30 – unknowndomain.co.ukSlide 31 – beta.telus.comSlide 32 – kickstarter.com/projects/1839712674/uinkit-stamp-user-interface-design-toolSlide 33 - ministryofco.deSlide 35 - designmuseum.deSlide 37 - sachagrief.comSlide 39 – realmacsoftware.com/clearSlide 40 - msdn.microsoft.com/en-us/windows/appsSlide 41 – justinjackson.ca/words.htmlSlide 43 – niemanlab.orgSlide 44 – bradfrostweb.comSlide 45 - JFL42.comSlide 47 - etsy.comSlide 48 - blogs.agu.orgSlide 50 - apple.comSlide 51 - bradfrostweb.comSlide 52 - zeusjones.comSlide 53 - fairphone.comSlide 55 - greatrecovery.org.uk

Sunday, 24 November, 13

Page 57: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Resources

PARTNERSHIP IS POWERFULCreative Collaborations by Helsinki Design Lab - http://www.helsinkidesignlab.org/pages/creative-collaborationsDiscussing Design Blog - http://www.discussingdesign.com/

LESS BUT BETTERWin 8 Dev Centre - Decide What Your App is Great At - http://msdn.microsoft.com/library/windows/apps/hh465427Search Analytics for Your Site by Lou Rosenfeld - http://rosenfeldmedia.com/books/search-analytics/

PROTOTYPE + ITERATEUINK.it Stamp - http://www.kickstarter.com/projects/1839712674/uinkit-stamp-user-interface-design-toolPOP (Prototype on Paper) app - https://popapp.in/

Sunday, 24 November, 13

Page 58: Girl Geeks - Lessons From Classic Industrial Design for a Digital World

Resources

TRUTH TO MATERIALSJustin Jackson This is a Web Page - http://justinjackson.ca/words.htmlContent Strategy for Mobile by Karen McGrane - http://www.abookapart.com/products/content-strategy-for-mobile

BUILD FOR LONGEVITYThe Great Recovery Report - http://www.greatrecovery.org.uk/the-great-recovery-report/

Sunday, 24 November, 13