Designer + Programmer<br />= Masterpiece<br />Working together productively<br />Megan Smith & Sarah Johnston<br />
Personality Traits<br />
Trendy<br />Functional<br />Esoteric T-shirt<br />Esoteric T-shirt<br />Macbook Pro<br />Brings own keyboard<br />Coffee A...
Women<br /> / Men<br />
How many designers and programmers do we have?<br />Designer<br />Programmer<br />Other<br />
Can you tell by your office?<br />A Feeler’s Office<br />
Can you tell by your office?<br />A Thinker’s Office<br />
Communication Styles<br />Designer<br />FEELER<br />Descriptive<br />Exploratory<br />Enjoys feedback from others<br />Pro...
Communication Styles<br />Designer<br />FEELER<br />Visionary<br />Open-minded, spontaneous<br />Builds relationships soci...
Which are you?<br />Thinker<br />Feeler<br />
Shared Language<br />CSS <br />Reading HTML<br />Flexible Design Techniques<br />For Designers<br />
Shared Language<br />CSS<br />Basic Photoshop slice/dice skills<br />UI Design Basics<br />For Programmers<br />
Getting Started<br />Project Goals & Requirements<br />Wireframes<br />CSS naming conventions<br />CSS color palette<br />
Division of Labor<br />Programmer<br />Designer<br />Application/ Process UI<br />Functionality and Coding<br />Visual Res...
Pulling it together<br />Design Template/Master Pages<br />Client Review<br />Apply to project pieces<br />
Communication Pitfalls<br />Changes that affect placement or sizing of functional pieces<br />Changes in timeline<br />Del...
Communication Considerations<br />Be concise<br />Support design decisions with research or statistics<br />Keep socializa...
Communication Considerations<br />Set clear expectations<br />Be patient<br />Remember to give positive feedback<br />Allo...
Strengthening Each Other<br />Designer can review functional process for “normal people” <br />Programmer can look for opp...
Working Together<br />We compliment each other to make a masterpiece<br />
More Information<br />Megan Smith, Designermmsmith@agcenter.lsu.edu<br />Sarah Johnston, Programmersjohnston@agcenter.lsu....
Quiz time<br />Whatcolorareyou?<br /><ul><li>Blue
Orange
Green
Gold</li></li></ul><li>Communicating with each other<br />Survey says…<br />
Feedback<br />Mostly A’s = Orange<br />Good traits:<br />Charming<br />Generous<br />Fun-seeking<br />Witty<br />Bold<br /...
Feedback<br />Mostly B’s = Gold<br />Good traits:<br />Responsible<br />Organized<br />Respectful<br />Punctual<br />Loyal...
Feedback<br />Mostly C’s = Blue<br />Good traits:<br />Compassionate<br />Spiritual<br />Sincere<br />Enthusiastic<br />Pe...
Feedback<br />Mostly D’s = Green<br />Good traits:<br />Curious<br />Perfectionist<br />Problem-solver<br />Logical<br />C...
I am a Gold<br />Procedural, organized, responsible, concerned<br />Working with Orange<br />Excited, realistic, spontaneo...
Approaching a New Project<br />Designer<br />Creative<br />Researches competitors<br />Organizes visually<br />Understands...
Communicating<br />People are wonderfully different<br />Our world is much more interesting because of our differences<br ...
Fun Exercise<br />Spaghetti & Marshmallow Towers<br />Who wants to be in a BAD MOOD?<br />
Questions go here.<br />
Before the beginning of great briliance, there must be chaos.<br />Before a brilliant person begins something great, he mu...
Sum it up<br />
Quiz time<br />1. Describe yourself…<br />A) Spontaneous<br />B) Responsible<br />C) Harmonious<br />D) Curious<br />
Quiz time<br />2. Describe yourself…<br />A) Resourceful<br />B) Rule-follower<br />C) Communicative<br />D) Knowledgeable...
Quiz time<br />3. Describe yourself…<br />A) Realistic<br />B) Loyal<br />C) Devoted<br />D) Theoretical<br />
Quiz time<br />4. Describe yourself…<br />A) Exciting<br />B) Orderly<br />C) Vivacious<br />D) Philosophical<br />
Quiz time<br />5. Describe yourself…<br />A) Daring<br />B) Concerned<br />C) Tender<br />D) Determined<br />
Quiz time<br />6. Describe yourself…<br />A) Open-minded<br />B) Conservative<br />C) Warm<br />D) Seeking<br />
Quiz time<br />7. Having a bad day<br />describe yourself…<br />A) Break rules<br />B) Worry<br />C) Trance out<br />D) Sa...
Quiz time<br />8. Having a bad day<br />describe yourself…<br />A) Rudeness<br />B) Anxiety<br />C) Day dreaming<br />D) S...
Quiz time<br />9. Having a bad day<br />describe yourself…<br />A) Runs away<br />B) Judgmental<br />C) Withdrawn<br />D) ...
Upcoming SlideShare
Loading in...5
×

Designer + Programmer = Masterpiece

270

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
270
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Things a gold would be annoyed by– Getting side-trackedThings an orange would be annoyed by – Getting too procedural (technical)
  • Designer + Programmer = Masterpiece

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

    ×