Developer / Designer Workflow

How developers and designers can work together effectively.

2013 San Diego UX Speakeasy Conference MOBdUP
@MOBdUP
https://www.flickr.com/photos/uxspeakeasy/sets/72157634861244101

Transcript

1. Developer / Designer Workflow ... and how not to kill each other
2. Asa Williams Technical Lead @ @asawilliams
4. Designer
5. Developer
6. Client
7. What is your value to the Client? Question:
8. Results Answer: Time Cost Quality
9. Y our contribution is larger than your individual tasks
10. Make Something Real
11. Story Time
12. Easy + $$$$$ = Easy Money
13. WRONG!
14. Designs were Finished
15. Implementation Questions
16. Designed Without Knowing T echnical Limitations
17. “B*tch don’t kill my vibe” - Kendrick Lamar
18. Explore Without Boundaries
19. “Restrictions Breed Creativity” - Anonymous
21. PSD Dump
25. Missing From Designs
26. Designer Not Available
28. The Grind
29. Punch in the Gut
30. Workflow: • Design • Client Signs Off • Handoff to Developer • Implementation <==> Design
31. Outcome: • More Money • More Time • Diminished Experience
32. Time Cost Quality
34. A Simple Fix
36. Starts at the Beginning
40. How does the relationship work?
41. Design Review with Dev Review with Client
43. Questions: • Is it Possible? • Does it fulfill the requirements? • Timeline • Pattern Reuse • Everything Covered
46. Importance / LOE
47. Atomic Design Brad Frost http://bradfrostweb.com/blog/post/atomic-web-design/
48. Why Atomic Design?
50. Handoff Transition
51. Designs and Wireframes
52. Global Style Guide
55. UX Audits
56. Feature is Completed
57. Milestone Completed
58. One Last Time
59. Victory Achieved
60. Quick Recap
61. Start and End T ogether
62. Developer in the Design Process
63. Transition Designs & Wireframes Style Guide Implementation
64. Designer in the Dev Process
66. Thanks! Asa Williams @asawilliams
67. Questions?