SlideShare a Scribd company logo
1 of 45
Designer + Programmer = Masterpiece Working together productively Megan Smith & Sarah Johnston
Personality Traits
Trendy Functional Esoteric T-shirt Esoteric T-shirt Macbook Pro Brings own keyboard Coffee Addiction Skinny jeans Cargo pants
Women  / Men
How many designers and programmers do we have? Designer Programmer Other
Can you tell by your office? A Feeler’s Office
Can you tell by your office? A Thinker’s Office
Communication Styles Designer FEELER Descriptive Exploratory Enjoys feedback from others Programmer	 THINKER Terse Desire to “get to the point” Enjoys making things work
Communication Styles Designer FEELER Visionary Open-minded, spontaneous Builds relationships socially Programmer	 THINKER Methodical Prefers controlled environment Prefers to leave social out of work
Which are you? Thinker Feeler
Shared Language CSS  Reading HTML Flexible Design Techniques For Designers
Shared Language CSS Basic Photoshop slice/dice skills UI Design Basics For Programmers
Getting Started Project Goals & Requirements Wireframes CSS naming conventions CSS color palette
Division of Labor Programmer Designer Application/ Process UI Functionality and Coding Visual Research Look & Feel Design COMMUNICATION
Pulling it together Design Template/Master Pages Client Review Apply to project pieces
Communication Pitfalls Changes that affect placement or sizing of functional pieces Changes in timeline Delivery Formats
Communication Considerations Be concise Support design decisions with research or statistics Keep socialization short FOR A FEELER WORKING WITH A THINKER
Communication Considerations Set clear expectations Be patient Remember to give positive feedback Allow them to dream FOR A THINKER WORKING WITH A FEELER
Strengthening Each Other Designer can review functional process for “normal people”  Programmer can look for opportunities for design efficiencies
Working Together We compliment each other to make a masterpiece
More Information Megan Smith, Designermmsmith@agcenter.lsu.edu Sarah Johnston, Programmersjohnston@agcenter.lsu.edu LSU AgCenter
Quiz time Whatcolorareyou? ,[object Object]
Orange
Green
Gold,[object Object]
Feedback Mostly A’s = Orange Good traits: Charming Generous Fun-seeking Witty Bold Bad traits: Physical Agression Lying & Cheating Rude Drops-out
Feedback Mostly B’s = Gold Good traits: Responsible Organized Respectful Punctual Loyal Bad traits: Complaining Self-pity Fatigue Judgemental
Feedback Mostly C’s = Blue Good traits: Compassionate Spiritual Sincere Enthusiastic Personal Bad traits: Lying Withdrawn Crying, Yelling & Screaming Day Dreaming
Feedback Mostly D’s = Green Good traits: Curious Perfectionist Problem-solver Logical Calm Bad traits: Critical Sarcastic Silent Treatment Indecisive
I am a Gold Procedural, organized, responsible, concerned Working with Orange Excited, realistic, spontaneous, skillful
Approaching a New Project Designer Creative Researches competitors Organizes visually Understands user Designs  Mock-ups Presents Programmer Logical Research technologies Organizes back-end Understands functional Codes Executes and test and test Presents
Communicating People are wonderfully different Our world is much more interesting because of our differences Personality theory can help us understand others better Personality theory can help us improve our communication with others and improve the quality of our life
Fun Exercise Spaghetti & Marshmallow Towers Who wants to be in a BAD MOOD?
Questions go here.
Before the beginning of great briliance, there must be chaos. Before a brilliant person begins something great, he must look foolish to the crowd.” -I Ching
Sum it up
Quiz time 1. Describe yourself… A) Spontaneous B) Responsible C) Harmonious D) Curious
Quiz time 2. Describe yourself… A) Resourceful B) Rule-follower C) Communicative D) Knowledgeable
Quiz time 3. Describe yourself… A) Realistic B) Loyal C) Devoted D) Theoretical
Quiz time 4. Describe yourself… A) Exciting B) Orderly C) Vivacious D) Philosophical
Quiz time 5. Describe yourself… A) Daring B) Concerned C) Tender D) Determined
Quiz time 6. Describe yourself… A) Open-minded B) Conservative C) Warm D) Seeking
Quiz time 7. Having a bad day describe yourself… A) Break rules B) Worry C) Trance out D) Sarcastic
Quiz time 8. Having a bad day describe yourself… A) Rudeness B) Anxiety C) Day dreaming D) Silent treatment
Quiz time 9. Having a bad day describe yourself… A) Runs away B) Judgmental C) Withdrawn D) Uncooperative

More Related Content

Similar to Designer + Programmer = Masterpiece

Arc Ready Q2 Blended Deck
Arc Ready Q2   Blended DeckArc Ready Q2   Blended Deck
Arc Ready Q2 Blended Deck
Philip Wheat
 
Job Interview By Pair Programming
Job Interview By Pair ProgrammingJob Interview By Pair Programming
Job Interview By Pair Programming
Abel Shen
 
BIT Presentation (1).pptx gggggggggggggg
BIT Presentation (1).pptx ggggggggggggggBIT Presentation (1).pptx gggggggggggggg
BIT Presentation (1).pptx gggggggggggggg
Panjabrao Chavan
 
BIT Presentation on communication skills
BIT Presentation on communication skillsBIT Presentation on communication skills
BIT Presentation on communication skills
Panjabrao Chavan
 

Similar to Designer + Programmer = Masterpiece (20)

Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Nasdaq Pro/Design Masterclass at the Entrepreneurial CenterNasdaq Pro/Design Masterclass at the Entrepreneurial Center
Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
 
Whydesignersfail fin
Whydesignersfail finWhydesignersfail fin
Whydesignersfail fin
 
Facebook's Official Guide to Technical Program Management Candidates
Facebook's Official Guide to Technical Program Management CandidatesFacebook's Official Guide to Technical Program Management Candidates
Facebook's Official Guide to Technical Program Management Candidates
 
The elements of product success for designers and developers
The elements of product success for designers and developersThe elements of product success for designers and developers
The elements of product success for designers and developers
 
Designing & Driving UX Careers
Designing & Driving UX CareersDesigning & Driving UX Careers
Designing & Driving UX Careers
 
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
Designing and Driving UX Careers: A Framework for Empowering UX Teams (Ian Sw...
 
Arc Ready Q2 Blended Deck
Arc Ready Q2   Blended DeckArc Ready Q2   Blended Deck
Arc Ready Q2 Blended Deck
 
Ux design summit guarding against an us vs them mentality
Ux design summit   guarding against an us vs them mentalityUx design summit   guarding against an us vs them mentality
Ux design summit guarding against an us vs them mentality
 
Blind mountain climbing: design process
Blind mountain climbing: design processBlind mountain climbing: design process
Blind mountain climbing: design process
 
MDes Wk3
MDes Wk3MDes Wk3
MDes Wk3
 
GD PI Campus Recruitment, Campus Placement
GD PI Campus Recruitment, Campus PlacementGD PI Campus Recruitment, Campus Placement
GD PI Campus Recruitment, Campus Placement
 
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer CollaborationWhy Can't We All Just Get Along? Improving Designer/Developer Collaboration
Why Can't We All Just Get Along? Improving Designer/Developer Collaboration
 
Deepayan som prayas 3 10 5-13
Deepayan som prayas 3 10 5-13Deepayan som prayas 3 10 5-13
Deepayan som prayas 3 10 5-13
 
Designing with Executives (aka "Why Execs Obsess Over Icons")
Designing with Executives (aka "Why Execs Obsess Over Icons")Designing with Executives (aka "Why Execs Obsess Over Icons")
Designing with Executives (aka "Why Execs Obsess Over Icons")
 
Leading Software Development Teams
Leading Software Development TeamsLeading Software Development Teams
Leading Software Development Teams
 
Job Interview By Pair Programming
Job Interview By Pair ProgrammingJob Interview By Pair Programming
Job Interview By Pair Programming
 
RED ACADEMY: MAKE YOUR MARK
RED ACADEMY: MAKE YOUR MARKRED ACADEMY: MAKE YOUR MARK
RED ACADEMY: MAKE YOUR MARK
 
Cracking the coding interview columbia - march 23 2011
Cracking the coding interview   columbia - march 23 2011Cracking the coding interview   columbia - march 23 2011
Cracking the coding interview columbia - march 23 2011
 
BIT Presentation (1).pptx gggggggggggggg
BIT Presentation (1).pptx ggggggggggggggBIT Presentation (1).pptx gggggggggggggg
BIT Presentation (1).pptx gggggggggggggg
 
BIT Presentation on communication skills
BIT Presentation on communication skillsBIT Presentation on communication skills
BIT Presentation on communication skills
 

Recently uploaded

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Recently uploaded (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 

Designer + Programmer = Masterpiece

  • 1. Designer + Programmer = Masterpiece Working together productively Megan Smith & Sarah Johnston
  • 3. Trendy Functional Esoteric T-shirt Esoteric T-shirt Macbook Pro Brings own keyboard Coffee Addiction Skinny jeans Cargo pants
  • 4. Women / Men
  • 5. How many designers and programmers do we have? Designer Programmer Other
  • 6. Can you tell by your office? A Feeler’s Office
  • 7. Can you tell by your office? A Thinker’s Office
  • 8. Communication Styles Designer FEELER Descriptive Exploratory Enjoys feedback from others Programmer THINKER Terse Desire to “get to the point” Enjoys making things work
  • 9. Communication Styles Designer FEELER Visionary Open-minded, spontaneous Builds relationships socially Programmer THINKER Methodical Prefers controlled environment Prefers to leave social out of work
  • 10. Which are you? Thinker Feeler
  • 11. Shared Language CSS Reading HTML Flexible Design Techniques For Designers
  • 12. Shared Language CSS Basic Photoshop slice/dice skills UI Design Basics For Programmers
  • 13. Getting Started Project Goals & Requirements Wireframes CSS naming conventions CSS color palette
  • 14. Division of Labor Programmer Designer Application/ Process UI Functionality and Coding Visual Research Look & Feel Design COMMUNICATION
  • 15. Pulling it together Design Template/Master Pages Client Review Apply to project pieces
  • 16. Communication Pitfalls Changes that affect placement or sizing of functional pieces Changes in timeline Delivery Formats
  • 17. Communication Considerations Be concise Support design decisions with research or statistics Keep socialization short FOR A FEELER WORKING WITH A THINKER
  • 18. Communication Considerations Set clear expectations Be patient Remember to give positive feedback Allow them to dream FOR A THINKER WORKING WITH A FEELER
  • 19. Strengthening Each Other Designer can review functional process for “normal people” Programmer can look for opportunities for design efficiencies
  • 20. Working Together We compliment each other to make a masterpiece
  • 21. More Information Megan Smith, Designermmsmith@agcenter.lsu.edu Sarah Johnston, Programmersjohnston@agcenter.lsu.edu LSU AgCenter
  • 22.
  • 24. Green
  • 25.
  • 26. Feedback Mostly A’s = Orange Good traits: Charming Generous Fun-seeking Witty Bold Bad traits: Physical Agression Lying & Cheating Rude Drops-out
  • 27. Feedback Mostly B’s = Gold Good traits: Responsible Organized Respectful Punctual Loyal Bad traits: Complaining Self-pity Fatigue Judgemental
  • 28. Feedback Mostly C’s = Blue Good traits: Compassionate Spiritual Sincere Enthusiastic Personal Bad traits: Lying Withdrawn Crying, Yelling & Screaming Day Dreaming
  • 29. Feedback Mostly D’s = Green Good traits: Curious Perfectionist Problem-solver Logical Calm Bad traits: Critical Sarcastic Silent Treatment Indecisive
  • 30. I am a Gold Procedural, organized, responsible, concerned Working with Orange Excited, realistic, spontaneous, skillful
  • 31. Approaching a New Project Designer Creative Researches competitors Organizes visually Understands user Designs Mock-ups Presents Programmer Logical Research technologies Organizes back-end Understands functional Codes Executes and test and test Presents
  • 32. Communicating People are wonderfully different Our world is much more interesting because of our differences Personality theory can help us understand others better Personality theory can help us improve our communication with others and improve the quality of our life
  • 33. Fun Exercise Spaghetti & Marshmallow Towers Who wants to be in a BAD MOOD?
  • 35. Before the beginning of great briliance, there must be chaos. Before a brilliant person begins something great, he must look foolish to the crowd.” -I Ching
  • 37. Quiz time 1. Describe yourself… A) Spontaneous B) Responsible C) Harmonious D) Curious
  • 38. Quiz time 2. Describe yourself… A) Resourceful B) Rule-follower C) Communicative D) Knowledgeable
  • 39. Quiz time 3. Describe yourself… A) Realistic B) Loyal C) Devoted D) Theoretical
  • 40. Quiz time 4. Describe yourself… A) Exciting B) Orderly C) Vivacious D) Philosophical
  • 41. Quiz time 5. Describe yourself… A) Daring B) Concerned C) Tender D) Determined
  • 42. Quiz time 6. Describe yourself… A) Open-minded B) Conservative C) Warm D) Seeking
  • 43. Quiz time 7. Having a bad day describe yourself… A) Break rules B) Worry C) Trance out D) Sarcastic
  • 44. Quiz time 8. Having a bad day describe yourself… A) Rudeness B) Anxiety C) Day dreaming D) Silent treatment
  • 45. Quiz time 9. Having a bad day describe yourself… A) Runs away B) Judgmental C) Withdrawn D) Uncooperative
  • 46. Quiz time 10. Having a bad day describe yourself… A) Defiance B) Self-pity C) Crying or Yelling D) Indecisive
  • 47. Communicating with each other How many designers and programmers do we have? A) Designers B) Programmers C) Other

Editor's Notes

  1. Things a gold would be annoyed by– Getting side-trackedThings an orange would be annoyed by – Getting too procedural (technical)