Your SlideShare is downloading. ×
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
Becoming a Unicorn: Going From Graphic to UX Design
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

Becoming a Unicorn: Going From Graphic to UX Design

2,353

Published on

User Experience (UX) design is exploding right now. Demand is colossal. The pay is pretty good. And the work is fun. Lots of people want to break into this field, but for those with no work experience …

User Experience (UX) design is exploding right now. Demand is colossal. The pay is pretty good. And the work is fun. Lots of people want to break into this field, but for those with no work experience in UX it's unreasonably difficult to do so. The good news is that as a visual designer, your current skills easily transfer into UX design. The better news is that should you manage to break into the field, UX designers with great graphic design skills are even more in demand! This presentation will teach you what you need to do to bridge the experience gap and land your first UX position.

0 Comments
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,353
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
36
Comments
0
Likes
12
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. BECOMING A UNICORN: GETTING INTO UX FROM VISUAL DESIGN Presented by: FRED BEECHER
  • 2. @fred_beecher :: #uxnicorns
  • 3. @fred_beecher :: #uxnicorns
  • 4. @fred_beecher :: #uxnicorns
  • 5. @fred_beecher :: #uxnicorns
  • 6. FROM VISUAL TO UX DESIGN Knowledge Layout Basic Typography Basic Color Research Methods Information Architecture Interaction Design Basic coding @fred_beecher :: #uxnicorns People Communication Human Perception Cognitive Psychology Empathy Listening Process Experimental Critique Data-based decision making Focus on problems Practice JUST DO IT Internship Choose your target Network Show your work Quck Learner Curiosity about Tech Curiosity about people Layout Thick-skinned Passionate ✔ ✔ ✔ ✔ ✔ ✔ ✔
  • 7. LEARN QUICKLY @fred_beecher :: #uxnicorns deviantart: FaJaR2
  • 8. @fred_beecher :: #uxnicorns READ
  • 9. HOMEWORK: READ BOOKS Google for “fred beecher book list” to find 6 lists on Amazon.com ® 2013 Fred Beecher Part 1: Intro to UX Part 2: User Research Part 3: Information Architecture Part 4: Interaction Design Part 5: Usability Evaluation Part 6: Business & Leadership 9 https://dl.dropboxusercontent.com/u/1554387/Unicorn_Homework.pdf
  • 10. LEARN TO CODE @fred_beecher :: #uxnicorns ® 1999 Warner Bros. Entertainment Inc.
  • 11. HOMEWORK: LEARN TO CODE https://www.coursera.org ® 2013 Fred Beecher http://www.twincitiescodecamp.com/ http://www.amazon.com/ http://www.apple.com/education/ itunes-u/ http://www.codecademy.com/ https://p2pu.org/en/schools/school-of- webcraft/ http://code.google.com/edu/ courses.html http://www.khanacademy.org/cs http://ocw.mit.edu/index.htm http://lynda.com/ http://livetyping.capcloud.com 11
  • 12. KNOWLEDGE: CASEY K. @fred_beecher :: #uxnicorns ex-product designer self-taught web coder Read tons of books *STILL* reads tons of books!!!
  • 13. FROM VISUAL TO UX DESIGN Knowledge Layout Basic Typography Basic Color Research Methods Information Architecture Interaction Design Basic coding @fred_beecher :: #uxnicorns People Communication Human Perception Cognitive Psychology Empathy Listening Process Experimental Critique Data-based decision making Focus on problems Practice JUST DO IT Internship Choose your target Network Show your work Quck Learner Curiosity about Tech Curiosity about people Layout Thick-skinned Passionate ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
  • 14. BE NOSY @fred_beecher :: #uxnicorns
  • 15. HAVE EMPATHY @fred_beecher :: #uxnicorns
  • 16. @fred_beecher :: #uxnicorns LEARN PSYCHOLOGY
  • 17. LISTEN! @fred_beecher :: #uxnicorns
  • 18. COMMUNICATE @fred_beecher :: #uxnicorns flickr: splorp
  • 19. HOMEWORK: LISTENING Interview someone you work with who you don’t know well. Really listen to them. Get them to go deeper into the interesting things that come up. Ask them this one question and keep them talking for as long as possible. Question: How did you get into your career? ® 2013 Fred Beecher 19
  • 20. PEOPLE: MIKE S. computer-computer @fred_beecher :: #uxnicorns communication Epiphany... computer-human communication! raised by scientists... “Why?”
  • 21. FROM VISUAL TO UX DESIGN Knowledge Layout Basic Typography Basic Color Research Methods Information Architecture Interaction Design Basic coding @fred_beecher :: #uxnicorns People Communication Human Perception Cognitive Psychology Empathy Listening Process Experimental Critique Data-based decision making Focus on problems Practice JUST DO IT Internship Choose your target Network Show your work Quck Learner Curiosity about Tech Curiosity about people Layout Thick-skinned Passionate ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
  • 22. @fred_beecher :: #uxnicorns FOCUS ON THE PROBLEM ®1985 Paramount Pictures, Inc
  • 23. DATA-INFORMED DESIGN DECISIONS @fred_beecher :: #uxnicorns source: Pehr Hovey
  • 24. SKETCHING @fred_beecher :: #uxnicorns flickr: carolinabio
  • 25. HOMEWORK: GOING COMMANDO UX designers help clients achieve their business goals by helping users achieve their goals. They need to do research to figure these things out. They go into the design process without briefs. They rely on business & user goals to make decisions. To get a job as a UX designer, you must show you can think that way. Identify and execute a “fake” project if you must. It will help if the project you identify is with a system you & your friends use frequently (but NOT a social network). IDENTIFY THE OPPORTUNITY: For example: Needs not being served, needs being served poorly, new technology that can solve an old problem, etc. ® 2013 Fred Beecher 25 DETERMINE BUSINESS GOALS Usually these are goals that help the company: Make more money, spend less money, avoid litigation, or build more intangible value.
  • 26. HOMEWORK: USER ANALYSIS AUDIENCE 1 AUDIENCE 2 AUDIENCE 3 ® 2013 Fred Beecher 26 Goals Behaviors Context Goals Behaviors Context Goals Behaviors Context
  • 27. PROCESS: IVAN M. graphic @fred_beecher :: #uxnicorns design internshipwent all interactive 2 agencies, 10 years frustrated w/arbitrary design decisions frustrated w/devs having to fill in the gaps changed things so they built blueprints up front
  • 28. FROM VISUAL TO UX DESIGN Knowledge Layout Basic Typography Basic Color Research Methods Information Architecture Interaction Design Basic coding @fred_beecher :: #uxnicorns People Communication Human Perception Cognitive Psychology Empathy Listening Process Experimental Critique Data-based decision making Focus on problems Practice JUST DO IT Internship Choose your target Network Show your work Quck Learner Curiosity about Tech Curiosity about people Layout Thick-skinned Passionate ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
  • 29. JUST DOOO EEET @fred_beecher :: #uxnicorns
  • 30. NO UX PRACTICE • Don’t just jump into PhotoShop • Ask clients what they’re trying to achieve • Ask them who they think their users are • Make design decisions based on that input • Sketch first! @fred_beecher :: #uxnicorns source: natural japan
  • 31. @fred_beecher :: #uxnicorns ®1966 20th Century Fox UX PRACTICE • Look at sample documentation • Collaborate with UX designers • Ask UX designers why they’re doing what they’re doing • Make a UX designer mentor you!
  • 32. IN SCHOOL • Internship • More internship • Somewhere with a UX practice • Get involved in UX projects • Make a UX designer mentor you! @fred_beecher :: #uxnicorns ®1978 Universal Pictures, Inc
  • 33. PRACTICE: JAKE W. Studied @fred_beecher :: #uxnicorns graphic design switched to coding interned with his professorsLOTS of different kinds of work highly experimental Process
  • 34. AD AGENCY @fred_beecher :: #uxnicorns INTERACTIVE CORPORATE STARTUP
  • 35. AD AGENCY Collab w/ really creative people Sometimes, little to no UX practice hugely varied work booze @fred_beecher :: #uxnicorns !!! LITTLE TO NO UX PRACTICE breadth over depthmarket research isn’t user research culture of overwork
  • 36. INTERACTIVE SHOP Developers!! Experienced UX designers as mentors collaborative environment hugely varied workbooze !!! @fred_beecher :: #uxnicorns breadth over Depth sometimes the booze runs out!
  • 37. CORPORATE experienced UX designers as mentors Evolve & improve a product’s UX over time... @fred_beecher :: #uxnicorns breadth over DepthINCREMENTAL PROBLEMS CUBICLES!
  • 38. @fred_beecher :: #uxnicorns STARTUP instant UX Director! you own the experience collaborative environment Evolve & improve a product’s UX over time... total chaos most of the time culture of overwork no time for mentoring Job security!? Pfft.
  • 39. NETWORK @fred_beecher :: #uxnicorns
  • 40. SHOW YOUR WORK @fred_beecher :: #uxnicorns source: the paper wall
  • 41. HOMEWORK: SHOW/DESCRIBE THE PROBLEM. ® 2013 Fred Beecher 41
  • 42. HOMEWORK: DESCRIBE HOW YOU APPROACHED SOLVING THE PROBLEM. ® 2013 Fred Beecher 42
  • 43. HOMEWORK: SHOW YOUR SOLUTION TO THE PROBLEM. ® 2013 Fred Beecher 43
  • 44. FROM VISUAL TO UX DESIGN Knowledge Layout Basic Typography Basic Color Research Methods Information Architecture Interaction Design Basic coding @fred_beecher :: #uxnicorns People Communication Human Perception Cognitive Psychology Empathy Listening Process Experimental Critique Data-based decision making Focus on problems Practice JUST DO IT Internship Choose your target Network Show your work Quck Learner Curiosity about Tech Curiosity about people Layout Thick-skinned Passionate ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔
  • 45. READ A TON LEARN ABOUT PEOPLE MAKE DATA-BASED DECISIONS CHOOSE YOUR STARTING POINT SHOW YOUR WORK @fred_beecher :: #uxnicorns
  • 46. Fred Beecher fbeecher@nerdery.com @fred_beecher http://nerdery.com/people/#fb http://slideshare.net/fred_beecher @fred_beecher :: #uxnicorns

×