FITC 2016 - Just Make Stuff!

@cattsmall@cattsmall
Just Make Stuff!
FITC 2016 – Catt Small

● Product Designer, SoundCloud
● Co-founder, Brooklyn Gamery
● Co-founder, Code Liberation
● Maker of various things!
A little about me:

To help you worry less about the how
and more about the who, what,
when, where, and why.
The goal of today’s talk:

● Why this subject matters
● What process is good for
● Why process can be unhelpful
● How to focus less on process
● When process is okay
Topics:

Why this
talk matters

A long time ago
in a galaxy far, far away...

Baby designer Catt!
I wanna be the
very best!

Waterfall
:(
:(
:(

New methodologies!
:)
:):)
:)

Lean UX
Make
Check
Think

Agile
Ship
ShipShip
Ship
Standup
Backlog
Grooming
Sprint
Planning
Retro
Sprint
Review

One-size-fits-all
50-person company
:)
:):)
:)
200-person company
:)
:):)
:)
1,000-person company
:)
:):)
:)

It didn’t work
FAIL.

To each their own.

Why processes &
tools can be good

When it works, it works

Guidance
We have a
plan!

<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!

Self-improvement
I’m a much
better designer
now!

Why they can be
unhelpful

When it doesn’t work,
it doesn’t work

Lots of hierarchy
PHPJava SQL C++ASP.NET
Objective
C
C#Ruby JS
Python
JS
Knockout MeteorBackbone
Angular ReactEmber

Real vs. fake
I’m a real
programmer!
export class Just<A> extends Maybe<A> {
constructor(public value: A) { super(); };
export class Nothing<A> extends Maybe<A> {
constructor() { super(); };
fold<R>(match) { return match.nothing; }
export function of<A>(value: A): Maybe<A> {
return new Just(value);
export function zero<A>(): Nothing<A> {
return new Nothing();
export function map<A, B>(fn: (a: A) => B): (m: Maybe<A>) => Maybe<B> {
return function morphism(ma) {
return ma.fold({
just: (a) => { return new Just(fn(a)) },
export function bind<A, B>(fn: (a: A) => Maybe<B>): (m: Maybe<A>) => Maybe<B>
return function morphism(ma) {
return ma.fold({
</> </>

Right vs. wrong
Sketch Photoshop

No room for variables
But that doesn’
t work for our
team...
We should try this
new method!

But none of
us know how
it works...
Power shifts & vacuums
This is the best
framework!

No time to celebrate
Work
Think
about
what to
improve

How to refocus

Accept imperfection.

Stop unhelpful discussions
I think we should use–
Slow down.

Consider your context
Company size Team composition

The how will arise from the what.

Ask yourself questions
● Are you feeling frustrated?
● Does it benefit you enough to continue?
● Where can you deviate?

Make your own process
Ideate
Iterate
Learn Design
BuildCelebrate
Launch Test

Pat yourself on the back
NOICE!

If things get too loose, rein it in!

Confused
What the heck are
we making?

Frustrated
I can’t take it
anymore!

Unsure
I don’t know what
to do next...

Lacking communication
What’s going on?!

Sprinkle that process on top!

Don’t let it get out of hand.

Define objectives upfront
I think we should use–
What is our goal?

W’s first
Define
who, what, when, where, why
Define
how

Be flexible
That’s not what the
book says, but it
works for us!

Ignore trendy hotness
React worked well
for them, but Ember
does the job for us!

//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 =
Share knowledge
Let’s break down how
this function works.

#celebrate!
We’re such an
awesome team.

● Process is a double-edged sword.
● A person’s right is another’s wrong.
● Power shifts/vacuums can happen
when one person advocates for a
new process or tool.
In summary:

● Think about your context first.
● Always define project goals.
● Accept imperfection.
● Don’t worry about the new hotness.
● Celebrate what you make.
Advice:

Go out there &
make cool stuff!

Thank you.
Questions?
Tweet @cattsmall
Email catt@cattsmall.com

FITC 2016 - Just Make Stuff!

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (14)

Similar a FITC 2016 - Just Make Stuff!

Similar a FITC 2016 - Just Make Stuff! (20)

Más de Catt Small

Más de Catt Small (9)

Último

Último (20)

FITC 2016 - Just Make Stuff!