Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
@cattsmall
Ship it sooner
How to get more done in less time
Catt Small – Pixel Up!
@cattsmall
Marie KondoMe
I love mess.
@cattsmall@cattsmall
◇ Senior Product Designer, Etsy
◇ Co-organizer, Game Devs of
Color Expo
◇ Maker of various things!
A ...
@cattsmall@cattsmall
To help you worry less about the how
and more about the who, what,
when, where, and why.
The goal of ...
@cattsmall@cattsmall
◇ Why & when process can be helpful
◇ Why process can be unhelpful
◇ Ways to focus less on process
To...
@cattsmall@cattsmall
Why process can be
helpful
@cattsmall
Guidance
We have a
plan!
@cattsmall
@cattsmall
<form action="#" method="post">
<div>
<label for="name">Text Input:</label>
<input type="text" name="name" id="...
@cattsmall
Self-improvement
I’m a much better
designer now!
@cattsmall
Use cases
@cattsmall
Case 1:
Lacking clarity
@cattsmall
What the heck are we
making?
I don’t know what
to do next...
@cattsmall
Original
scope
@cattsmall
Case 2:
Feeling frustrated
@cattsmall
Something is wrong!
@cattsmall
Case 3:
Needing communication
@cattsmall
I feel lost!
@cattsmall
Structure
@cattsmall@cattsmall
Why process can be
unhelpful
@cattsmall
A long time ago

in a galaxy far, far away...
@cattsmall
Baby designer Catt!
I wanna be the
very best!
@cattsmall
Waterfall process
Design Build LaunchReq’s.
@cattsmall
I don’t understand why these
decisions were made!
Design Build LaunchReq’s.
@cattsmall
I have a feeling that this
isn’t going to turn out well.
Design Build LaunchReq’s.
@cattsmall
This design is virtually
impossible to build!
Design Build LaunchReq’s.
@cattsmall
We’re too far in now!
Just ship this crap!
Design Build LaunchReq’s.
@cattsmall
I can’t believe they
mangled my design
Design Build Launch WTF???Req’s.
@cattsmall
It was a waste of

time, effort, and money.
@cattsmall
Is there a
better way?
@cattsmall
Agile
:)
:):)
:)
Standup
Backlog
Grooming
Sprint
Planning
Retro
Sprint
Review
@cattsmall
Lean UX
:)
:)
:)
@cattsmall
It didn’t work
FAIL.
@cattsmall
50-person company
:)
:):)
:)
200-person company
:)
:):)
:)
1,000-person company
:)
:):)
:)
@cattsmall
I learned from my mistakes.
@cattsmall
Kickoff
Research
& Design
Sprint
Dev
Sprint
QA &
Launch
@cattsmall
Customer
What do you do?
What are your goals?
Well...
Product
Designer
@cattsmall
It’s perfect
@cattsmall
Built from the ground-up
@cattsmall
Process can distract us
@cattsmall
Distraction 1:
Right vs. wrong
@cattsmall
@cattsmall
@cattsmall
I have an opinion!!!!11!1!!!
Everyone
@cattsmall
Distraction 2:
Hierarchy
@cattsmall
@cattsmall
PHPJava SQL C++ASP.NET
Objective
C
C#Ruby JS
Python
@cattsmall
SQL C++
C# JS
on
JS
Knockout MeteorBackbone
Angular ReactEmber
@cattsmall
Distraction 3:
Cookie-cutter self-help
@cattsmall
But that
doesn’t work
for our team...
We should try this
new method!
@cattsmall
DO IT BY THE
BOOK
</> </>
Hard to understand
Wat???
@cattsmall
Perfectionism
@cattsmall
Refusal to accept
any standard short of
perfection
@cattsmall
The mind deflects the message of
impossible expectations and literally
pushes it into the body.
Meredith Arthur...
@cattsmall
Anxiety
A feeling of worry, nervousness, or unease,
typically about an imminent event or
something with an unce...
@cattsmall
“Impostor syndrome”
@cattsmall
Failure
Anxiety
Perfectionism
@cattsmall
What this leads to
@cattsmall
Problem 1:
Power shifts & vacuums
@cattsmall
But none of
us know how
it works...
This is the best
framework!
@cattsmall
@cattsmall
Problem 2:
Burnout
@cattsmall
Physical or mental collapse
caused by overwork or stress
@cattsmall
Work
Think
about
what to
improve
@cattsmall
It is the harsh self-evaluative processes
central to perfectionistic concerns that are
understood to fuel the p...
@cattsmall@cattsmall
How to refocus
@cattsmall
Method 1:
Center yourself
@cattsmall
You’re doing a good job
@cattsmall
Method 2:
Define objectives
@cattsmall
I think we should use–
What is our goal?
@cattsmall
I still don’t get
what we’re doing!
Yeah! Me neither.
How about we
step back?
@cattsmall
Method 3:
Make your own process
@cattsmall
Ideate
Iterate
Learn Design
BuildCelebrate
Launch Test
@cattsmall
Consider your context
Company size Team composition
@cattsmall
Create a deadline
Start Finish!
@cattsmall
Define
who, what, when, where, why
Define
how
@cattsmall
Things to remember
@cattsmall
Lesson 1:
Communicate upfront
@cattsmall
How do you like to work?
@cattsmall
Lesson 2:
Ignore trendy hotness
@cattsmall
“Fire Burning” by matthewvogel1234 on DeviantArt (lol)
@cattsmall
React worked well for
them, but Ember does
the job for us!
@cattsmall
Lesson 3:
Share knowledge
@cattsmall
//random integer method.

Lorem.prototype.randomInt = function (min, max) {

return Math.floor(Math.random() * ...
@cattsmall
Let’s do a
sketching
session!
@cattsmall
Lesson 4:
Be flexible
@cattsmall
CHILL OUT
WE DIDN’T GO BY
THE PROCESS OH
MY GLOBBBB
@cattsmall
That’s not what the
book says, but it
works for us!
@cattsmall
We’re all
gross meaty
bump lumps
@cattsmall
Lesson 5:
Celebrate wins and
opportunities to learn.
@cattsmall
NOICE!
@cattsmall
You tried
yay
@cattsmall@cattsmall
Wrap-up
@cattsmall@cattsmall
◇ Process is a double-edged sword.
◇ One’s right is another’s wrong.
◇ Power shifts/vacuums can happe...
@cattsmall@cattsmall
◇ Think about your context first.
◇ Always define project goals.
◇ Accept imperfection.
◇ Don’t worry...
@cattsmall
Celebrate what you make!
We’re such an
awesome team.
@cattsmall@cattsmall
◇ UX Team of One
◇ Overcoming Perfectionism
◇ The Burnout Society
◇ Unf*ck Your Brain
◇ Therapy
Resou...
@cattsmall
Thank you.
Questions?
Tweet @cattsmall
Gaming event in July: gdocexpo.com
Próxima SlideShare
Cargando en…5
×

Pixel up! - Ship it Sooner

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.

  • Sé el primero en comentar

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

×