Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Trello Chat

2,316 views

Published on

A pitch for a chat feature for Trello

Published in: Design
  • Login to see the comments

Trello Chat

  1. 1. CHAT FOR
  2. 2. ELSA PHIL NGAN THI WE ARE
  3. 3. Competitive Analysis 1. Brief 2. What people want 3. What we found 4. Pain points 1. Work process 2. Observation 3. Ideation 4. Testing 1. Prototype & scenarios 2. Future steps AGENDA
  4. 4. BRIEF
  5. 5. Competitive Analysis TRELLO ON CHAT
 users should be able to engage in conversations more 
 START CHAT ON SPECIFIC TOPIC/RESOURCE
 without overwhelming users. without losing information
 CHAT
  6. 6. WHAT PEOPLE WANT
  7. 7. Competitive Analysis 64% YES
 Chat feature on Trello WHAT PEOPLE WANT
  8. 8. Competitive Analysis 64% YES
 Chat feature on Trello SURVEY 1700 votes for chat on
 Trello.com in 2014
  9. 9. “I use this product but
 COMMUNICATION
 HAPPENS PRIMARILY ELSEWHERE” 51% STATUS QUO
  10. 10. “I use this product but
 COMMUNICATION
 HAPPENS PRIMARILY ELSEWHERE” “I often have to use other products to WORK AROUND LIMITATIONS” 51% STATUS QUO 34%
  11. 11. WHAT WE FOUND
  12. 12. Competitive Analysis PAIN POINTS
 IN TRELLO Comments off screen
  13. 13. Competitive Analysis SOLUTION
  14. 14. Competitive Analysis SOLUTION
  15. 15. Competitive Analysis SOLUTION
  16. 16. and many more! COMPETITORS: CHAT
  17. 17. MAIN COMPETITOR
  18. 18. SLACK: TOAST
  19. 19. MORE FEATURES
  20. 20. MORE FEATURES
  21. 21. MORE FEATURES
  22. 22. INTEGRATION
  23. 23. PAIN POINTS FOR INSTANT MESSAGING
  24. 24. “Writing in IM is TOO LONG.
 Messages are TOO COMPLEX”
  25. 25. “Allow users TO FAVOURITE ITEMS. Make it EASY TO CREATE A CHAT room about a SPECIFIC TASK.” “Writing in IM is TOO LONG.
 Messages are TOO COMPLEX”
  26. 26. “My team uses Slack, yours uses HipChat,
 WHAT DO WE DO?”
  27. 27. “Trello ALREADY GENERATES EMAIL ADDRESSES
 FOR TASKS. Why not IM users also? It could broadcast users messages to each other” “My team uses Slack, yours uses HipChat,
 WHAT DO WE DO?”
  28. 28. Competitive Analysis “IM is PRACTICAL BUT INTERRUPTING.”
  29. 29. Competitive Analysis “IM is PRACTICAL BUT INTERRUPTING.” “GIVE USERS MORE CONTROL OVER PERSONAL NOTIFICATIONS. Allow users to unsubscribe from integrations on an individual basis”.
  30. 30. “Ideally all communication [...] should be SEARCHABLE FROM A SINGLE TOOL. CHAT COULD CREATE EXTRA NOISE.”
  31. 31. “That’s OK. WE’LL IMPROVE TRELLO’S SEARCH FEATURES!” “Ideally all communication [...] should be SEARCHABLE FROM A SINGLE TOOL. CHAT COULD CREATE EXTRA NOISE.”
  32. 32. WORK PROCESS
  33. 33. FEATURE MAP
  34. 34. DESIGN HYPOTHESIS Easier
 collaborations
 between Teams
  35. 35. DESIGN HYPOTHESIS Easier
 collaborations
 between Teams Improve
 notifications for individuals+
  36. 36. DESIGN HYPOTHESIS Easier
 collaborations
 between Teams Improve
 notifications for individuals Enhance
 search
 for more efficiency+ +
  37. 37. DESIGN HYPOTHESIS Easier
 collaborations
 between Teams Improve
 notifications for individuals Enhance
 search
 for more efficiency Stay on Trello to talk about tasks + + Eliminate/ Reduce unwanted distractions+
  38. 38. DESIGN HYPOTHESIS Easier
 collaborations
 between Teams Improve
 notifications for individuals Enhance
 search
 for more efficiency Stay on Trello to talk about tasks Communicate
 across different platforms + + Eliminate/ Reduce unwanted distractions Allow users to
 share resources easily + +
  39. 39. PERSONA 1 PAUL JOHNSON Project Manager 34 years old, has a girlfriend London Works for a small company of 20 people for 6 years already and needs and loves to travel the world with his girlfriend to balance his stressful job. “Good communication
 needs structure”
  40. 40. PERSONA 2 EMMA CASSIDY Senior Graphic Designer 28 years old, Single London She is about start a new job in the company that Paul works in.
 Emma loves to read books and Design magazines, but most of all she loves to spend time with her friends. “The best tool to organise don’t have the best features to communicate or save documents.”
  41. 41. OBSERVATION WHERE TO PUT FEATURES?
  42. 42. Competitive Analysis ANALYSED LAYOUTS: BOXES
  43. 43. Competitive Analysis ANALYSED LAYOUTS: FULL SCREENS
  44. 44. Competitive Analysis ANALYSED LAYOUTS: TRELLO BOARD
  45. 45. IDEATION
  46. 46. DESIGN SPRINTS
  47. 47. IDEAS POSITION: - integrated into menu bar - multiple chat boxes at bottom CHAT ON SPECIFIC TOPIC/SOURCES: - generated from cards in lists - shown in the right bar
  48. 48. IDEAS POSITION: - integrated into menu bar - multiple chat boxes at bottom CHAT ON SPECIFIC TOPIC/SOURCES: - generated from cards in lists - shown in the right bar BETTER SEARCH & FINDS - bookmarks - more detailed filter on REDUCE NOISE: - status - notifications
  49. 49. TESTING
  50. 50. PAPER PROTOTYPE
  51. 51. REMOVED and CHANGED elements, like symbols and order of multiple chats PAPER PROTOTYPE
  52. 52. Added the MAIN CHAT FOR PROJECT TEAM PAPER PROTOTYPE
  53. 53. INTERESTING FINDS Holiday vs. busy horizontal tab vs. vertical tab Text and Symbols are
 sometimes unnecessary PAPER PROTOTYPE
  54. 54. PROTOTYPEhttp://invis.io/W72S5Z2SB
  55. 55. ALLOW TRELLO TO INTEGRATE BETTER WITH OTHER CHATS REDUCE FURTHER NOISE
 Turn long messages into posts 
 EXTRACT PARTS OF CHAT TO SEND
 E. g. results to clients FUTURE STEPS

×