Your SlideShare is downloading. ×
0
CREATE GREAT PRODUCTS       THROUGH STRONGUX + DEV COLLABORATION                Mary Piontkowski                 Jennifer ...
Developers are from Vulcan.                               Designers are from Wonderland    Confidential   8/31/2012       ...
Developers.                           Designers.Confidential   8/31/2012                3
Confidential   8/31/2012   5
WHO WE ARE                  Mary Piontkowski         Jennifer Fraser               Director, User Experience   Director of...
Confidential   8/31/2012   7
Design + DevelopmentConfidential   8/31/2012               8
Confidential   8/31/2012   9
Confidential   8/31/2012   10
Confidential   8/31/2012   11
Ottawa                                     6designers                                     48 developers                   ...
Ottawa                                     6designers                                     48 developers                   ...
= a challenge(for both communication and collaboration)Confidential   8/31/2012                     14
Ottawa                                     6designers                                     48 developers                   ...
CollaborationConfidential   8/31/2012                   16
Collaboration                           1. communication                           2. processConfidential   8/31/2012     ...
Developers.                           Designers.Confidential   8/31/2012                18
Collaboration                           1. communication                           2. processConfidential   8/31/2012     ...
EXERCISE #1Confidential   8/31/2012                 20
TOP CHALLENGES: exercise #11. Take five minutes, individually, to think about the   challenges you have working with your ...
THE ACTORSConfidential   8/31/2012                22
Spock“Once you have eliminated the impossible, whateverremains, however improbable, must be the truth...”                 ...
Spock                           “I neither enjoy, nor am frightened by challenges. They simply                            ...
Spock                                “I neither enjoy, nor am frightened by challenges. They simply                       ...
Alice                           “I love to make beautiful things and want to                                       make a ...
Alice                                            “I love to make beautiful things and want to                             ...
Confidential   8/31/2012   28
Confidential   8/31/2012   29
“What they want you to do is put together an arraywith unordered elements that represent varioustasks.”                   ...
“The communication process is complete oncethe receiver has understood the messageof thesender.”                          ...
“What they want you to do is put together an arraywith unordered elements that represent varioustasks.”                   ...
Greatest challenge?               • communication               • collaboration               • lack of a common languageC...
“Translation from art speak to technology and backagain, very different personalities.”                            (source...
PERSONALITY TYPESConfidential   8/31/2012                       35
MYERS BRIGGSConfidential   8/31/2012                  36
FOCUS & ENERGY(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )     Con...
TAKE IN INFORMATION(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )   ...
MAKE DECISIONS(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ )     Con...
DEAL WITH OUTER WORLD(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ ) ...
MYERS BRIGGS - ISTJ“…they resist putting energy into things that dont make sense to them, or forwhich they cant see a prac...
MYERS BRIGGS - ENFP“They are at their best in fluid situations that allow them to express theircreativity and use their ch...
MYERS BRIGGS – ISTJ & ENFPConfidential   8/31/2012                                43
ISTJ &ENFP – A CONVERSATION(source: http://www.elizabethesther.com/2012/04/a-conversation-between-me-an-enfp-and-my-husban...
PERSONALITY TYPES AND WORK STYLESConfidential   8/31/2012                                  45
PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step   Take in and present information in a ...
PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step    Take in and present information in a...
PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step    Take in and present information in a...
PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step      Take in and present information in...
PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step      Take in and present information in...
COMMUNICATION TIPS ENFP TO ISTJ• Design the conversation you want to have so that it happens in a  structured way.• Frame ...
COMMUNICATION TIPS ISTJ TO ENFP• Invite them to a brainstorming session to explore other design  options.• Frame the conve...
NEGOTIATION TIPS1.     Explain Yourself: Explain why you designed it the way you       designed it in relation to the user...
EXERCISE #2Confidential   8/31/2012                 54
DILEMMAS: exercise #21. Choose a partner from your table.2. As a pair choose two to three dilemmas from your Exercise 2   ...
Collaboration                           1. communication                           2. processConfidential   8/31/2012     ...
PRODUCT                           CREATIONConfidential   8/31/2012              57
PRODUCT CREATION JOURNEYConfidential   8/31/2012                              58
OBSTACLES & OPPORTUNITIES                Obstacles                                               OpportunitiesThe develope...
OBSTACLES & OPPORTUNITIES                Obstacles                                                OpportunitiesDeveloper r...
UX & AGILE DEVELOPMENTUX plays a critical role in effective agile development:•   Gathers customer insights to identify fe...
AGILE DEVELOPMENT: DESIGN TIPS & TOOLS   Start by sharing the use cases that you use to inform your design.   Share sket...
FEATURE PRIORITIZATION3 factors should inform your prioritization:       1. business goals and requirements2. customer req...
BUSINESS REQUIREMENTSConfidential   8/31/2012                           64
TECHNICAL CONSTRAINTSTechnical constraints limit the possible design solutionsfor your product. Your design solutions must...
USER REQUIREMENTSUSER REQUIREMENTS                                             „If you do exactly what the  are…          ...
Confidential   8/31/2012   67
EXERCISE #3Confidential   8/31/2012                 68
Create Great Products Through Strong UX + Dev Collaboration
Upcoming SlideShare
Loading in...5
×

Create Great Products Through Strong UX + Dev Collaboration

1,222

Published on

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

No Downloads
Views
Total Views
1,222
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
45
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • example of what a developer created in the same workshop
  • Quote from survey.Work is challenging, but it’s the inter-personal dynamics that is the most challenging.And personality types play a key role in communication. It affects how we communicate to others and how we best receive communication from others, so we want to focus on this a bit more to understand how this affects how we work with others.
  • Transcript of "Create Great Products Through Strong UX + Dev Collaboration"

    1. 1. CREATE GREAT PRODUCTS THROUGH STRONGUX + DEV COLLABORATION Mary Piontkowski Jennifer Fraser UX Week August 2012
    2. 2. Developers are from Vulcan. Designers are from Wonderland Confidential 8/31/2012 2
    3. 3. Developers. Designers.Confidential 8/31/2012 3
    4. 4. Confidential 8/31/2012 5
    5. 5. WHO WE ARE Mary Piontkowski Jennifer Fraser Director, User Experience Director of DesignConfidential 8/31/2012 6
    6. 6. Confidential 8/31/2012 7
    7. 7. Design + DevelopmentConfidential 8/31/2012 8
    8. 8. Confidential 8/31/2012 9
    9. 9. Confidential 8/31/2012 10
    10. 10. Confidential 8/31/2012 11
    11. 11. Ottawa 6designers 48 developers YerevanSan Mateo 1designer4designers 42 developers Cluj2 developers 0designers 12 developers Confidential 8/31/2012 12
    12. 12. Ottawa 6designers 48 developers 12 hour time difference YerevanSan Mateo 1designer4designers 42 developers Cluj2 developers 0designers 12 developers Confidential 8/31/2012 13
    13. 13. = a challenge(for both communication and collaboration)Confidential 8/31/2012 14
    14. 14. Ottawa 6designers 48 developers YerevanSan Mateo 1designer4designers 42 developers Cluj2 developers 0designers 12 developers Confidential 8/31/2012 15
    15. 15. CollaborationConfidential 8/31/2012 16
    16. 16. Collaboration 1. communication 2. processConfidential 8/31/2012 17
    17. 17. Developers. Designers.Confidential 8/31/2012 18
    18. 18. Collaboration 1. communication 2. processConfidential 8/31/2012 19
    19. 19. EXERCISE #1Confidential 8/31/2012 20
    20. 20. TOP CHALLENGES: exercise #11. Take five minutes, individually, to think about the challenges you have working with your developers/designers and write down each challenge. (5 minutes)2. Share your ideas with your table and, as a group, choose the three biggest challenges. Write these three challenges below and set them aside for later in the workshop. (10 minutes)3. Share with the class!Confidential 8/31/2012 21
    21. 21. THE ACTORSConfidential 8/31/2012 22
    22. 22. Spock“Once you have eliminated the impossible, whateverremains, however improbable, must be the truth...” Alice “Why, sometimes Ive believed as many as six impossible things before breakfast.” Confidential 8/31/2012 23
    23. 23. Spock “I neither enjoy, nor am frightened by challenges. They simply exist, and I will do what logically needs to be done.”Confidential 8/31/2012 24
    24. 24. Spock “I neither enjoy, nor am frightened by challenges. They simply exist, and I will do what logically needs to be done.”He’s introspective. He is task focused.He likes to shut out distractions and He takes pride in seeing a complicatedwork through problems by himself; task through to its completion.challenging himself to come up withnew and better approaches to solving aproblem.He seeks new knowledge. He’s logical.He is an early adopter who is always He puts requirements and criteria aboveup-to-date on new technical personal preference or socialadvances, information and trends. considerations when making decisions.He’s an expert. He’s a planner.He takes pride in being an expert He likes to reduce the unpredictability ofand, when asked, he likes to share his things through planning and makingknowledge and technical prowess with decisions early on.those looking for his guidance. Confidential 8/31/2012 25
    25. 25. Alice “I love to make beautiful things and want to make a difference in the world.”Confidential 8/31/2012 26
    26. 26. Alice “I love to make beautiful things and want to make a difference in the world.”She’s outgoing. She’s relationship focused.She likes sharing and discussing her She sees things in terms of theideas so that she can learn from others relationships that she is building with herand, as a result, make something even the people around her.better.She’s creative. She’s empathetic.She is always on the look-out for new She is emotional and has been known toways to get inspired with creative ideas. cry while listening to a touching or emotional story.She’s a problem solver. She follows her instinct.She’s always trying to find new and She follows her intuition. She might notinteresting ways to solve problems that always be able to explain why she’swill help people. doing what she’s doing, but she knows she’ll be better off because of it. Confidential 8/31/2012 27
    27. 27. Confidential 8/31/2012 28
    28. 28. Confidential 8/31/2012 29
    29. 29. “What they want you to do is put together an arraywith unordered elements that represent varioustasks.” (source: Workshop Participant) Confidential 8/31/2012 30
    30. 30. “The communication process is complete oncethe receiver has understood the messageof thesender.” (source: http://en.wikipedia.org/wiki/Communication) Confidential 8/31/2012 31
    31. 31. “What they want you to do is put together an arraywith unordered elements that represent varioustasks.” (source: Workshop Participant) Confidential 8/31/2012 32
    32. 32. Greatest challenge? • communication • collaboration • lack of a common languageConfidential 8/31/2012 33
    33. 33. “Translation from art speak to technology and backagain, very different personalities.” (source: Macadamian Employee Survey) Confidential 8/31/2012 34
    34. 34. PERSONALITY TYPESConfidential 8/31/2012 35
    35. 35. MYERS BRIGGSConfidential 8/31/2012 36
    36. 36. FOCUS & ENERGY(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ ) Confidential 8/31/2012 37
    37. 37. TAKE IN INFORMATION(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ ) Confidential 8/31/2012 38
    38. 38. MAKE DECISIONS(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ ) Confidential 8/31/2012 39
    39. 39. DEAL WITH OUTER WORLD(source: http://mashable.com/2012/08/13/what-type-of-social-media-personality-are-you-infographic/ ) Confidential 8/31/2012 40
    40. 40. MYERS BRIGGS - ISTJ“…they resist putting energy into things that dont make sense to them, or forwhich they cant see a practical application.” (source: http://en.wikipedia.org/wiki/ISTJ ) Confidential 8/31/2012 41
    41. 41. MYERS BRIGGS - ENFP“They are at their best in fluid situations that allow them to express theircreativity and use their charisma.” (source: http://en.wikipedia.org/wki/ENFP) Confidential 8/31/2012 42
    42. 42. MYERS BRIGGS – ISTJ & ENFPConfidential 8/31/2012 43
    43. 43. ISTJ &ENFP – A CONVERSATION(source: http://www.elizabethesther.com/2012/04/a-conversation-between-me-an-enfp-and-my-husband-an-istj.html) Confidential 8/31/2012 44
    44. 44. PERSONALITY TYPES AND WORK STYLESConfidential 8/31/2012 45
    45. 45. PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step Take in and present information in a big pictureway. way. Confidential 8/31/2012 46
    46. 46. PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step Take in and present information in a big pictureway. way.Make decisions by stepping back from the situation Make decisions by stepping into the situation andand taking an objective view. taking an empathetic view. Confidential 8/31/2012 47
    47. 47. PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step Take in and present information in a big pictureway. way.Make decisions by stepping back from the situation Make decisions by stepping into the situation andand taking an objective view. taking an empathetic view.Devote their energy to tasks that they see as Get energy from seeing the potential in things, butimportant to fulfilling a goal, but resist putting their interest wanes when the “routine” takesenergy into things that dont make sense to over, or if a new, more interesting project comesthem, or for which they cant see a practical along.application. Confidential 8/31/2012 48
    48. 48. PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step Take in and present information in a big pictureway. way.Make decisions by stepping back from the situation Make decisions by stepping into the situation andand taking an objective view. taking an empathetic view.Devote their energy to tasks that they see as Get energy from seeing the potential in things, butimportant to fulfilling a goal, but resist putting their interest wanes when the “routine” takesenergy into things that dont make sense to over, or if a new, more interesting project, comesthem, or for which they cant see a practical along.application.Meticulous in their attention to details and examine Determines the values for each solution in terms ofthings closely to ensure that they are correct. how it contributes to the overall whole. Confidential 8/31/2012 49
    49. 49. PERSONALITY TYPES AND WORK STYLESTake in and present information in a step-by-step Take in and present information in a big pictureway. way.Make decisions by stepping back from the situation Make decisions by stepping into the situation andand taking an objective view. taking an empathetic view.Devote their energy to tasks that they see as Get energy from seeing the potential in things, butimportant to fulfilling a goal, but resist putting their interest wanes when the “routine” takesenergy into things that dont make sense to over, or if a new, more interesting project, comesthem, or for which they cant see a practical along.application.Meticulous in their attention to details and examine Determines the values for each solution in terms ofthings closely to ensure that they are correct. how it contributes to the overall whole.Excels at handling logical problems in an orderly Easily handles and excels in ambiguous situations.way. Confidential 8/31/2012 50
    50. 50. COMMUNICATION TIPS ENFP TO ISTJ• Design the conversation you want to have so that it happens in a structured way.• Frame the conversation within the context of the projectrequirements.• Provide backing research or data.• Show how the larger pieces break down into the details.• Show examples of the design pattern on the target platform.• If pictures aren’t working, try words or a prototype.Confidential 8/31/2012 51
    51. 51. COMMUNICATION TIPS ISTJ TO ENFP• Invite them to a brainstorming session to explore other design options.• Frame the conversation within the context of user’s goals.• Include qualitative and emotive details in the conversation.• Show how the specific pieces relate to the overall whole.• Show differing examplesof the design pattern on the target platform.• If words aren’t working, try showing them a prototype or invite them to your desk to talk about it in-person.Confidential 8/31/2012 52
    52. 52. NEGOTIATION TIPS1. Explain Yourself: Explain why you designed it the way you designed it in relation to the user’s needs and goals; show them how the user’s needs will be met with the proposed design.2. Ask questions: What about this piece of the design is difficult to implement? Are there other options that would achieve a similar goal but would be lest costly to implement? What would the trade- offs be to the user to use one of the other options.3. Listen: After you ask your question; be quiet and listen; too often we are too busy trying to make sure that we are heard that we forget to listen.4. Look at it from their perspective: What pressures do they have? What options do they have?5. Don’t take it personally: Criticism about the design is not a criticism of you; ideas are not precious, they need to be discussed and debated in order to be improved upon.6. Assume best intentions: We are all working to deliver the best product for our client. Confidential 8/31/2012 53
    53. 53. EXERCISE #2Confidential 8/31/2012 54
    54. 54. DILEMMAS: exercise #21. Choose a partner from your table.2. As a pair choose two to three dilemmas from your Exercise 2 Handout that you will act out and solve.3. Decide who is going to play the role of the “Designer” (ENFP) and who will be the “Developer” (ISTJ) (remember we are role playing – so anyone can act the role of a designer or of a developer).4. Consider for each dilemma chosen how, based on your role, you might communicate with the opposite role to achieve a successful solution to the problem.*5. On the Exercise 2 Handout write down one intentional thing you did differently than you would normally, having considered the other personality.6. Share with the class.*Note: Refer to the handouts “Communication Strategies” and“Negotiation Tips”Confidential 8/31/2012 55
    55. 55. Collaboration 1. communication 2. processConfidential 8/31/2012 56
    56. 56. PRODUCT CREATIONConfidential 8/31/2012 57
    57. 57. PRODUCT CREATION JOURNEYConfidential 8/31/2012 58
    58. 58. OBSTACLES & OPPORTUNITIES Obstacles OpportunitiesThe developer doesnt like your idea and points to a Work with a cross functional team to develop thepre-existing idea in another product, or something they roadmap. Start to get a sense for technicalalready know how to do. considerations and limitations even before you put pen to paper.Developer pushes back on attending research related Include your developer in research, even just a little, toactivities. help him gain empathy and be open to design ideas.Designer isn’t involved during sprints. Designer plays a role to ensure design is up to par.Developer challenges user feedback. Stand up for user goals and help the team understand what is important from the beginning.Designer designs something that cant be implemented. Gain an understanding of the technical requirements early in the process.Teams lose valuable time to optimize designs when Share sketches early.they arent collaborating.Developers need more or less annotation; they dont Talk with your developers early on about theirget what they need to build. preferences for documentation and annotation. Be clear about the state of your deliverables.Design is still happening during the sprint. Design for sprint B during sprint A. Confidential 8/31/2012 59
    59. 59. OBSTACLES & OPPORTUNITIES Obstacles OpportunitiesDeveloper runs into a major technical issue and the Work with the developer to re-prioritize and help informdesigns need to be revisited. what they spend time on.The developers dont develop it how the designers Review whats being built. Dont assume it will happendesigned it. as you designed.Designers miss good ideas due to lack of knowledge of Brainstorm and hang out with your developers.technology advances.Subjective debates about feature prioritization. Define goals for each sprint. Work with a common roadmap.Not enough communication to troubleshoot issues Look for tools that foster frequent communication (suchalong the way. as group Skype sessions).Developers and designers discuss feasibility too late in Start designing and writing use cases for the NEXTthe game. sprint. Confidential 8/31/2012 60
    60. 60. UX & AGILE DEVELOPMENTUX plays a critical role in effective agile development:• Gathers customer insights to identify features and inform prioritization.• Participates in sprint planning to help break down features into more granular chunks and to ensure sprint contents are highest value for customer.• Informs feature backlog and adjust feature concepts as need be: − With business goals, customer goals, and technical constraints in mind.• Attends daily scrums to track with progress, address questions, and adjust design as need be.• Attends end-of-sprint demos to ensure the product is being developed as it was designed.• Attends retrospectives to determine if planning, daily scrums, skill sets, and communication are effective. Confidential 8/31/2012 61
    61. 61. AGILE DEVELOPMENT: DESIGN TIPS & TOOLS Start by sharing the use cases that you use to inform your design. Share sketches early on, on day one. Don’t wait to perfect or make deliverables pretty. Include developers in creative brainstorms. Developers have creative ideas too. And hearing their ideas and feasibility early on will help you design something that will make it to market. Buy in and commitment to development of those ideas will be greater. At the same time, fight for your ideas that may take more time but result in significant customer satisfaction. Pick your battles. Create a group Skypesession for all product, designers, developers. Fosters collaboration. Saves time. Daily check ins. UX team should be there. It’s just 15 minutes. Confidential 8/31/2012 62
    62. 62. FEATURE PRIORITIZATION3 factors should inform your prioritization: 1. business goals and requirements2. customer requirements (based on UX research) 3.technical feasibility into account Confidential 8/31/2012 63
    63. 63. BUSINESS REQUIREMENTSConfidential 8/31/2012 64
    64. 64. TECHNICAL CONSTRAINTSTechnical constraints limit the possible design solutionsfor your product. Your design solutions must satisfy technicalconstraints. Examples of technical constraints:  database constraints  technology constraints and requirements  performance requirements  operational requirements  maintainability requirements  reliability requirements  safety requirementsTake these into account early on in your project planning! Confidential 8/31/2012 65
    65. 65. USER REQUIREMENTSUSER REQUIREMENTS „If you do exactly what the are… customer asked for, but the  Real needs based on use and behaviors results do not meet the  What it takes to accomplish goals customer‟s real needs, you will  Unarticulated, tacit information probably be blamed anyway.‟  Foundation for product design - Rumbaugh are not…  What the organization thinks users should have  What only early adopters want  What customers ask for  Distinction between problem identification and underlying need  Socially accepted preferences and attitudes Confidential 8/31/2012 66
    66. 66. Confidential 8/31/2012 67
    67. 67. EXERCISE #3Confidential 8/31/2012 68
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×