![Page 1: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/1.jpg)
Can’t We All Just Get Along?Design & Development Collaboration
1
![Page 2: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/2.jpg)
2
LindseyGemmillSenior UX Designer
L2G2
linzcdesigns
![Page 3: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/3.jpg)
Disclaimer: I’m not a developer.
3
![Page 4: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/4.jpg)
A broad overview of what we’ll discuss today
Outline
A broad overview of what we’ll discuss today
→ Myths→ Development in Design→ Design Hand-off→ Design in Development→ Go-Live
4
Outline
![Page 5: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/5.jpg)
The Designer Myth: Know No Code
5
![Page 6: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/6.jpg)
The Designer Myth: Know No Code
6
![Page 7: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/7.jpg)
7
From Design to DevelopmentWe should always be validating what we do with each other instead of going off on our own and selling clients on things that aren’t possible or in the scope of the project. We do this by keeping everyone informed throughout the design process. From research, to concepting and prototyping, developers and designers should be constantly co-mingling.
A promise:
![Page 8: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/8.jpg)
The Developer Myth: Know No Design
8
![Page 9: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/9.jpg)
The Developer Myth: Know No Design
9
![Page 10: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/10.jpg)
10
From Development to DesignWe’ll take time to understand your decision-making in order to adapt miscellaneous client requests quickly with minimal effort team-wide. We’ll provide constructive feedback based on scope and requirements and give alternative solutions that would work based on proposed mockups that do the best job of keeping the same look and feel initially intended.
A promise:
![Page 11: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/11.jpg)
The Collaboration Myth: One Hand-off is Enough
11
![Page 12: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/12.jpg)
The Collaboration Myth: One Hand-off is Enough
12
![Page 13: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/13.jpg)
13
For the teamDesigners will include developers in all phases of design. We should be validating and checking proposed scope issues before the client is involved. Developers should always be including design review of our builds before the client sees the deliverable. We will make sure there is enough time in the process to allow for design QA bugs and implementing the fixes.
Each team values the others’ input, and honor your commitment to delivering quality to clients.
A promise:
![Page 14: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/14.jpg)
Let’s Collaborate During Design!
14
![Page 15: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/15.jpg)
REPLACE ME WITH AN IMAGE
Goals of this Process
→ Keep design recommendations on track with development scope
→ Keep project expectations realistic for client
→ Keep everyone informed, always - minimize surprises
→ Finding bugs pre-build to avoid extended development efforts
15
![Page 16: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/16.jpg)
So How Do We Do It?
16
![Page 17: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/17.jpg)
Three Phases of Design
17
Design Research
client
Dev Feedback
Wireframe
client
Dev Feedback
Designclient
Dev Feedback
![Page 18: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/18.jpg)
Designate a Development Champion
18Image source
![Page 19: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/19.jpg)
01. Design Research
Design Research
client
Dev Feedback
→ Design team conducts competitive analysis
→ Design team reports findings to project lead and development champion
→ Team collaboratively summarizes findings
→ Cohesive feedback summarized for client presentation
19
![Page 20: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/20.jpg)
02. Wireframes
20
Wireframe
client
Dev Feedback
→ First draft of features, components, and layouts created with a low- fidelity wireframe for internal use
→ This can be a whiteboard sketch
→ Design, project lead, and development work through functionality scope
→ Summary of input adjusted in a higher-fidelity wireframe for client review
![Page 21: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/21.jpg)
“Let me check with the developers”
21
![Page 22: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/22.jpg)
03. Design Phase
22
Design
client
Dev Feedback
→ Design takes wireframes and adds styling, functionality and animation
→ Design works with development to determine scope of desired function
→ With the best course of action, design takes development feedback and iterates
→ Final results presented to client
![Page 23: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/23.jpg)
We Want All of You
Let your voice be heard!
As a designer, the most important thing for the success of the project is feedback from other members of the team.
All feedback, beyond technical implementations, are welcome in all phases of this process.
23
![Page 24: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/24.jpg)
We’ve gotta know Why are you thinking that?
24
![Page 25: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/25.jpg)
Development Team Hand-off
25
![Page 26: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/26.jpg)
26
DEVELOPER
DESIGNER
PROJECT
![Page 27: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/27.jpg)
Why An Official Hand-off?
One developer was the primary point of contact, until now.
27
Until now, we’ve had one primary point of contact from development.
Less confusion = quicker build!
Image source
![Page 28: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/28.jpg)
What Does It Look Like?
28
→ 1-2 hour meeting with development and design team
→ Design will “present” the mockups to development team
→ Set a schedule for milestones and review process during development sprints
→ Development will prioritize components / templates with design team
![Page 29: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/29.jpg)
Let’s Collaborate During Development!
29
![Page 30: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/30.jpg)
REPLACE ME WITH AN IMAGE
Goals of this Process
→ Compare aesthetics match the delivered prototype
→ Check responsive behavior of designed items
→ Check cross-browser functionality of aesthetics and animations
→ Finding bugs, reporting bugs, suggesting improvements
30
![Page 31: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/31.jpg)
So How Do We Do It?
31
![Page 32: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/32.jpg)
Development QA Workflow
Typically, development QA will preface design QA. Developers are spot-checking technicalities while designers are looking for structural and UI accuracies.
32
Front-End Development
Task
Assigned for QA
Yes
Approve for Launch
No
Bugs?
![Page 33: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/33.jpg)
Designate a Design Champion
33Image source
![Page 34: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/34.jpg)
Design QA Workflow
34
FE Task
Assigned to Design for QA
If Issues, Comment & Re-assign to
Development
No Issues Found
Move Out of Design QA
Dev QA Approval
We need to add design QA into the development process, here’s how:
![Page 35: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/35.jpg)
35
Design & Development QA should sign off on all items before seen by client.
![Page 36: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/36.jpg)
Development Bugs Affect Design
36
![Page 37: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/37.jpg)
Development QA Affects DesignWhat the process looks like when a development bug affects design.
37
Development QA
If Issues, Comment & Re-assign to
Design
No Issues Found
Ship It!
Does the Bug Require Design
Yes
No
Design
Development
![Page 38: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/38.jpg)
Functional Requirement Changes in Design QA
38
![Page 39: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/39.jpg)
Design QA Requires DevelopmentWhat the process looks like when a design QA bug needs development.
39
Ship It!
DevelopmentBug Fix?
YesDesign
QA
Does the Bug Change
Front-End?Repeat
Design/Dev QA until bug is
resolved
No
![Page 40: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/40.jpg)
Plan Accordingly!
40
![Page 41: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/41.jpg)
REPLACE ME WITH AN IMAGE
You Need Time For Design QA
QA isn’t always a quick task. Make sure you leave enough time to:
→ Check functionality→ Compare deliverable to dev
environment→ Document findings→ Provide solutions to bugs→ Mockup changes for bugs→ Review again
41
![Page 42: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/42.jpg)
Wait a minute, did you say “Re-Review”?
42
![Page 43: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/43.jpg)
One last “full-site” review before go-live
43Image source
![Page 44: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/44.jpg)
REPLACE ME WITH AN IMAGE
What are we looking for?
This is not the time to request new enhancements or new functionality.
We’re looking for:
→ Ensuring change requests have been implemented that impact the post-launch success
44
![Page 45: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/45.jpg)
Setting Expectations
45
![Page 46: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/46.jpg)
The first step, is planning accordingly.
46Image source
![Page 47: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/47.jpg)
Allocating Appropriately
47
I’m going to mention this again here, because it’s important: QA & enhancements take time!
Make design time in the development phase, and add it to the project plan.
Often times design time is not scheduled during development build-out, so let’s fix that!
![Page 48: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/48.jpg)
How Much QA is Too Much QA?There comes a point where we all feel like we’re moving in a never-ending circle. How do we know when to end it?
48
→ Design QA should compare requirements from original hand-off approved by client to development
→ Exceptions: Client Change Requests During Build
→ Design iterations should be flexible
→ Prioritize based on needs and nice-to-haves
→ Budget restrictions constrain approval process for new concepts, keep it reasonable folks!
![Page 49: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/49.jpg)
49
DEV NEEDS TIME TO FIX THE BUGS!!
Image source
![Page 50: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/50.jpg)
Developer Allocations During Design
50
The same goes for development time during the design process.
Often, there is not a developer allocated to the task until it is “their turn” for the project.
Newsflash: We need ya early!
![Page 51: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/51.jpg)
Collabs Make The Best Products
51
![Page 52: Can’t We All Just Get Along? · Senior UX Designer L2G2 linzcdesigns. Disclaimer: I’m not a developer. 3. A broad overview of what we’ll discuss today Outline →Myths →Development](https://reader034.vdocument.in/reader034/viewer/2022050203/5f56f88e2244fe695f50fcb9/html5/thumbnails/52.jpg)
Questions?