Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Pixel up! - Ship it Sooner

102 views

Published on

Tools help us create beautiful, usable experiences for devices. However, they can also get in the way of creativity: designers and developers sometimes spend more time thinking about process, software, and tools than making. In this talk, Catt will discuss reasons we get distracted by process and tools, why stepping away from process and tools can be helpful, as well as methods to focus more on getting things done.

Published in: Career
  • Be the first to comment

Pixel up! - Ship it Sooner

  1. 1. @cattsmall Ship it sooner How to get more done in less time Catt Small – Pixel Up!
  2. 2. @cattsmall Marie KondoMe I love mess.
  3. 3. @cattsmall@cattsmall ◇ Senior Product Designer, Etsy ◇ Co-organizer, Game Devs of Color Expo ◇ Maker of various things! A little about me:
  4. 4. @cattsmall@cattsmall To help you worry less about the how and more about the who, what, when, where, and why. The goal of today’s talk:
  5. 5. @cattsmall@cattsmall ◇ Why & when process can be helpful ◇ Why process can be unhelpful ◇ Ways to focus less on process Topics:
  6. 6. @cattsmall@cattsmall Why process can be helpful
  7. 7. @cattsmall Guidance We have a plan!
  8. 8. @cattsmall
  9. 9. @cattsmall <form action="#" method="post"> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" value="" tabindex="1" /> </div> <div> <h4>Radio Button Choice</h4> <label for="radio-choice-1">Choice 1</label> <input type="radio" name="radio-choice-1" id="radio-choice-1" tabindex="2" value="choice-1" /> <label for="radio-choice-2">Choice 2</ label> <input type="radio" name="radio-choice-2" id="radio-choice-2" tabindex="3" value="choice-2" /> </div> Efficient It just works!
  10. 10. @cattsmall Self-improvement I’m a much better designer now!
  11. 11. @cattsmall Use cases
  12. 12. @cattsmall Case 1: Lacking clarity
  13. 13. @cattsmall What the heck are we making? I don’t know what to do next...
  14. 14. @cattsmall Original scope
  15. 15. @cattsmall Case 2: Feeling frustrated
  16. 16. @cattsmall Something is wrong!
  17. 17. @cattsmall Case 3: Needing communication
  18. 18. @cattsmall I feel lost!
  19. 19. @cattsmall Structure
  20. 20. @cattsmall@cattsmall Why process can be unhelpful
  21. 21. @cattsmall A long time ago
 in a galaxy far, far away...
  22. 22. @cattsmall Baby designer Catt! I wanna be the very best!
  23. 23. @cattsmall Waterfall process Design Build LaunchReq’s.
  24. 24. @cattsmall I don’t understand why these decisions were made! Design Build LaunchReq’s.
  25. 25. @cattsmall I have a feeling that this isn’t going to turn out well. Design Build LaunchReq’s.
  26. 26. @cattsmall This design is virtually impossible to build! Design Build LaunchReq’s.
  27. 27. @cattsmall We’re too far in now! Just ship this crap! Design Build LaunchReq’s.
  28. 28. @cattsmall I can’t believe they mangled my design Design Build Launch WTF???Req’s.
  29. 29. @cattsmall It was a waste of
 time, effort, and money.
  30. 30. @cattsmall Is there a better way?
  31. 31. @cattsmall Agile :) :):) :) Standup Backlog Grooming Sprint Planning Retro Sprint Review
  32. 32. @cattsmall Lean UX :) :) :)
  33. 33. @cattsmall It didn’t work FAIL.
  34. 34. @cattsmall 50-person company :) :):) :) 200-person company :) :):) :) 1,000-person company :) :):) :)
  35. 35. @cattsmall I learned from my mistakes.
  36. 36. @cattsmall Kickoff Research & Design Sprint Dev Sprint QA & Launch
  37. 37. @cattsmall Customer What do you do? What are your goals? Well... Product Designer
  38. 38. @cattsmall It’s perfect
  39. 39. @cattsmall Built from the ground-up
  40. 40. @cattsmall Process can distract us
  41. 41. @cattsmall Distraction 1: Right vs. wrong
  42. 42. @cattsmall
  43. 43. @cattsmall
  44. 44. @cattsmall I have an opinion!!!!11!1!!! Everyone
  45. 45. @cattsmall Distraction 2: Hierarchy
  46. 46. @cattsmall
  47. 47. @cattsmall PHPJava SQL C++ASP.NET Objective C C#Ruby JS Python
  48. 48. @cattsmall SQL C++ C# JS on JS Knockout MeteorBackbone Angular ReactEmber
  49. 49. @cattsmall Distraction 3: Cookie-cutter self-help
  50. 50. @cattsmall But that doesn’t work for our team... We should try this new method!
  51. 51. @cattsmall DO IT BY THE BOOK </> </> Hard to understand Wat???
  52. 52. @cattsmall Perfectionism
  53. 53. @cattsmall Refusal to accept any standard short of perfection
  54. 54. @cattsmall The mind deflects the message of impossible expectations and literally pushes it into the body. Meredith Arthur, “The Epidemic of Perfectionism”
  55. 55. @cattsmall Anxiety A feeling of worry, nervousness, or unease, typically about an imminent event or something with an uncertain outcome.
  56. 56. @cattsmall “Impostor syndrome”
  57. 57. @cattsmall Failure Anxiety Perfectionism
  58. 58. @cattsmall What this leads to
  59. 59. @cattsmall Problem 1: Power shifts & vacuums
  60. 60. @cattsmall But none of us know how it works... This is the best framework!
  61. 61. @cattsmall
  62. 62. @cattsmall Problem 2: Burnout
  63. 63. @cattsmall Physical or mental collapse caused by overwork or stress
  64. 64. @cattsmall Work Think about what to improve
  65. 65. @cattsmall It is the harsh self-evaluative processes central to perfectionistic concerns that are understood to fuel the perfectionism- burnout relationship Andrew P. Hill & Thomas Curran, “Multidimensional Perfectionism and Burnout”
  66. 66. @cattsmall@cattsmall How to refocus
  67. 67. @cattsmall Method 1: Center yourself
  68. 68. @cattsmall You’re doing a good job
  69. 69. @cattsmall Method 2: Define objectives
  70. 70. @cattsmall I think we should use– What is our goal?
  71. 71. @cattsmall I still don’t get what we’re doing! Yeah! Me neither. How about we step back?
  72. 72. @cattsmall Method 3: Make your own process
  73. 73. @cattsmall Ideate Iterate Learn Design BuildCelebrate Launch Test
  74. 74. @cattsmall Consider your context Company size Team composition
  75. 75. @cattsmall Create a deadline Start Finish!
  76. 76. @cattsmall Define who, what, when, where, why Define how
  77. 77. @cattsmall Things to remember
  78. 78. @cattsmall Lesson 1: Communicate upfront
  79. 79. @cattsmall How do you like to work?
  80. 80. @cattsmall Lesson 2: Ignore trendy hotness
  81. 81. @cattsmall “Fire Burning” by matthewvogel1234 on DeviantArt (lol)
  82. 82. @cattsmall React worked well for them, but Ember does the job for us!
  83. 83. @cattsmall Lesson 3: Share knowledge
  84. 84. @cattsmall //random integer method.
 Lorem.prototype.randomInt = function (min, max) {
 return Math.floor(Math.random() * (max - min + 1)) + min;
 };
 //text creator method with parameters: how many, what
 Lorem.prototype.createText = function(count, type) {
 switch (type) {
 //paragraphs are loads of sentences.
 case Lorem.TYPE.PARAGRAPH:
 var paragraphs = new Array;
 for (var i = 0; i < count; i++) {
 var paragraphLength = Let’s break down how this function works.
  85. 85. @cattsmall Let’s do a sketching session!
  86. 86. @cattsmall Lesson 4: Be flexible
  87. 87. @cattsmall CHILL OUT WE DIDN’T GO BY THE PROCESS OH MY GLOBBBB
  88. 88. @cattsmall That’s not what the book says, but it works for us!
  89. 89. @cattsmall We’re all gross meaty bump lumps
  90. 90. @cattsmall Lesson 5: Celebrate wins and opportunities to learn.
  91. 91. @cattsmall NOICE!
  92. 92. @cattsmall You tried yay
  93. 93. @cattsmall@cattsmall Wrap-up
  94. 94. @cattsmall@cattsmall ◇ Process is a double-edged sword. ◇ One’s right is another’s wrong. ◇ Power shifts/vacuums can happen when one person advocates for a new process or tool. In summary:
  95. 95. @cattsmall@cattsmall ◇ Think about your context first. ◇ Always define project goals. ◇ Accept imperfection. ◇ Don’t worry about the new hotness. ◇ Share what you learn. Advice:
  96. 96. @cattsmall Celebrate what you make! We’re such an awesome team.
  97. 97. @cattsmall@cattsmall ◇ UX Team of One ◇ Overcoming Perfectionism ◇ The Burnout Society ◇ Unf*ck Your Brain ◇ Therapy Resources:
  98. 98. @cattsmall Thank you. Questions? Tweet @cattsmall Gaming event in July: gdocexpo.com

×