1. Designer + Programmer = Masterpiece Working together productively Megan Smith & Sarah Johnston

2. Personality Traits

3. Trendy Functional Esoteric T-shirt Esoteric T-shirt Macbook Pro Brings own keyboard Coffee Addiction Skinny jeans Cargo pants

4. Women / Men

5. Can you tell by your office? A Feeler’s Office

6. Can you tell by your office? A Thinker’s Office

7. Communication Styles Designer FEELER Descriptive Exploratory Enjoys feedback from others Programmer THINKER Terse Desire to “get to the point” Enjoys making things work

8. Communication Styles Designer FEELER Visionary Open-minded, spontaneous Builds relationships socially Programmer THINKER Methodical Prefers controlled environment Prefers to leave social out of work

9. Shared Language CSS Reading HTML Flexible Design Techniques For Designers

10. Shared Language CSS Basic Photoshop slice/dice skills UI Design Basics For Programmers

11. Getting Started Project Goals & Requirements Wireframes CSS naming conventions CSS color palette

12. Division of Labor Programmer Designer Application/ Process UI Functionality and Coding Visual Research Look & Feel Design COMMUNICATION

13. Pulling it together Design Template/Master Pages Client Review Apply to project pieces

14. Communication Pitfalls Changes that affect placement or sizing of functional pieces Changes in timeline Delivery Formats

15. Communication Considerations Be concise Support design decisions with research or statistics Keep socialization short FOR A FEELER WORKING WITH A THINKER

16. Communication Considerations Set clear expectations Be patient Remember to give positive feedback Allow them to dream FOR A THINKER WORKING WITH A FEELER

17. Strengthening Each Other Designer can review functional process for “normal people” Programmer can look for opportunities for design efficiencies

18. Working Together We compliment each other to make a masterpiece

19. More Information Megan Smith, Designermmsmith@agcenter.lsu.edu Sarah Johnston, Programmersjohnston@agcenter.lsu.edu LSU AgCenter

21. Orange

22. Green

24. Feedback Mostly A’s = Orange Good traits: Charming Generous Fun-seeking Witty Bold Bad traits: Physical Agression Lying & Cheating Rude Drops-out

25. Feedback Mostly B’s = Gold Good traits: Responsible Organized Respectful Punctual Loyal Bad traits: Complaining Self-pity Fatigue Judgemental

26. Feedback Mostly C’s = Blue Good traits: Compassionate Spiritual Sincere Enthusiastic Personal Bad traits: Lying Withdrawn Crying, Yelling & Screaming Day Dreaming

27. Feedback Mostly D’s = Green Good traits: Curious Perfectionist Problem-solver Logical Calm Bad traits: Critical Sarcastic Silent Treatment Indecisive

28. I am a Gold Procedural, organized, responsible, concerned Working with Orange Excited, realistic, spontaneous, skillful

29. 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

30. 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

31. Fun Exercise Spaghetti & Marshmallow Towers Who wants to be in a BAD MOOD?

32. Questions go here.

33. 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

34. Sum it up

35. Quiz time 1. Describe yourself… A) Spontaneous B) Responsible C) Harmonious D) Curious

36. Quiz time 2. Describe yourself… A) Resourceful B) Rule-follower C) Communicative D) Knowledgeable

37. Quiz time 3. Describe yourself… A) Realistic B) Loyal C) Devoted D) Theoretical

38. Quiz time 4. Describe yourself… A) Exciting B) Orderly C) Vivacious D) Philosophical

39. Quiz time 5. Describe yourself… A) Daring B) Concerned C) Tender D) Determined

40. Quiz time 6. Describe yourself… A) Open-minded B) Conservative C) Warm D) Seeking

41. Quiz time 7. Having a bad day describe yourself… A) Break rules B) Worry C) Trance out D) Sarcastic

42. Quiz time 8. Having a bad day describe yourself… A) Rudeness B) Anxiety C) Day dreaming D) Silent treatment

43. Quiz time 9. Having a bad day describe yourself… A) Runs away B) Judgmental C) Withdrawn D) Uncooperative

44. Quiz time 10. Having a bad day describe yourself… A) Defiance B) Self-pity C) Crying or Yelling D) Indecisive

45. Communicating with each other How many designers and programmers do we have? A) Designers B) Programmers C) Other