Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
CREATING WITH CLIENTS
Slide 2
Slide 2 text
YOU IDIOT ARE AN
Slide 3
Slide 3 text
SKYLER RAY TAYLOR @SkylerRayTaylor /SkylerRayTaylor www.skyler.me
Slide 4
Slide 4 text
Bitovi simplifies JavaScript development and UX design. www.bitovi.com
Slide 5
Slide 5 text
CLIENTS, RIGHT?
Slide 6
Slide 6 text
CREATING WITH CLIENTS
Slide 7
Slide 7 text
PLATE TECTONICS
Slide 8
Slide 8 text
Like the collisions of shifting tectonic plates, opposing forces can destroy the collaboration between clients & designers.
Slide 9
Slide 9 text
WET CLAY
Slide 10
Slide 10 text
What if we approached design collaboratively, creating our work in the open alongside our clients?
Slide 11
Slide 11 text
From: THEOATMEAL.COM
Slide 12
Slide 12 text
From: 1990
Slide 13
Slide 13 text
The client/consultant relationship should be collaborative, with the project being viewed as wet clay - moldable and in motion.
Slide 14
Slide 14 text
VS DESCRIPTION PRESCRIPTION
Slide 15
Slide 15 text
THE ONLY PRESCRIPTION!
Slide 16
Slide 16 text
THE ROOM I WANT TO BE IN WHERE IT HAPPENS
Slide 17
Slide 17 text
EXAMPLE SCHEDULE
Slide 18
Slide 18 text
REALISTIC SCHEDULE
Slide 19
Slide 19 text
The goal of the week is to start with nothing, then, by the end of the week, have approved designs we prepared together.
Slide 20
Slide 20 text
PREPARE Sprint One: FORM Sprint Two: HARDEN Sprint Three: FIRE & GLAZE Sprint Four:
Slide 21
Slide 21 text
PREPARING THE CLAY Sprint One: Deliverable: Clearly Outlined Project Goals
Slide 22
Slide 22 text
AGREE ON SPECIFIC, MEASURABLE GOALS
Slide 23
Slide 23 text
Sprint one is over when you have specific and measurable project goals.
Slide 24
Slide 24 text
FORMING THE SHAPE Sprint Two: Deliverable: User Flows & Sketched Screens
Slide 25
Slide 25 text
COLLABORATIVE WIREFRAMES
Slide 26
Slide 26 text
USER FLOW SKETCH
Slide 27
Slide 27 text
Sprint two is over when you have sketched rough drafts of the final product.
Slide 28
Slide 28 text
LET THE CLAY HARDEN Sprint Three: Deliverable: Low Fidelity Wireframes/Prototypes
Slide 29
Slide 29 text
CLEANER WIREFRAMES
Slide 30
Slide 30 text
ITERATE TO GET HIGHER LEVELS OF FIDELITY
Slide 31
Slide 31 text
Sprint three is over when you have low fidelity wireframes and prototypes.
Slide 32
Slide 32 text
FIRE & GLAZE Sprint Four & Beyond: Deliverable: High Fidelity Finals
Slide 33
Slide 33 text
LENS FLARES & DROP SHADOWS
Slide 34
Slide 34 text
Sprint four is over when you have high fidelity approved final designs.
Slide 35
Slide 35 text
PREPARE Sprint One: FORM Sprint Two: HARDEN Sprint Three: FIRE & GLAZE Sprint Four:
Slide 36
Slide 36 text
SPRINT ONE: SPRINT TWO: SPRINT THREE: SPRINT FOUR: Clearly Outlined Project Goals User Flows & Sketched Screens Wireframes/Prototypes High Fidelity Finals
Slide 37
Slide 37 text
DEMI MOORE LET ME BE YOUR
Slide 38
Slide 38 text
CREATING WITH CLIENTS