Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (20)
Similar to Trello presentation
Similar to Trello presentation (20)
Trello presentation
- 1. CHAT FOR
- 2. ELSA PHIL NGAN THI WE ARE
- 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. BRIEF
- 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
- 7. Competitive Analysis 64% YES Chat feature on Trello WHAT PEOPLE WANT
- 8. Competitive Analysis 64% YES Chat feature on Trello SURVEY 1700 votes for chat on Trello.com in 2014
- 9. “I use this product but COMMUNICATION HAPPENS PRIMARILY ELSEWHERE” 51% STATUS QUO
- 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. WHAT WE FOUND
- 12. Competitive Analysis PAIN POINTS IN TRELLO Comments off screen
- 16. and many more! COMPETITORS: CHAT
- 17. MAIN COMPETITOR
- 18. SLACK: TOAST
- 19. MORE FEATURES
- 20. MORE FEATURES
- 21. MORE FEATURES
- 22. INTEGRATION
- 23. PAIN POINTS FOR INSTANT MESSAGING
- 24. “Writing in IM is TOO LONG. Messages are TOO COMPLEX”
- 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. Competitive Analysis “IM is PRACTICAL BUT INTERRUPTING.”
- 27. Competitive Analysis “IM is PRACTICAL BUT INTERRUPTING.” “GIVE USERS MORE CONTROL OVER PERSONAL NOTIFICATIONS. Allow users to unsubscribe from integrations on an individual basis”.
- 28. “Ideally all communication [...] should be SEARCHABLE FROM A SINGLE TOOL. CHAT COULD CREATE EXTRA NOISE.”
- 29. “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.”
- 30. WORK PROCESS
- 31. FEATURE MAP
- 34. DESIGN HYPOTHESIS Easier collaborations between Teams Improve notifications for individuals Enhance search for more efficiency + +
- 35. 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+
- 36. 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 + +
- 37. 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”
- 38. 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.”
- 39. OBSERVATION WHERE TO PUT FEATURES?
- 40. Competitive Analysis ANALYSED LAYOUTS: BOXES
- 41. Competitive Analysis ANALYSED LAYOUTS: FULL SCREENS
- 42. Competitive Analysis ANALYSED LAYOUTS: TRELLO BOARD
- 43. IDEATION
- 44. DESIGN SPRINTS
- 45. 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
- 46. 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
- 47. TESTING
- 48. PAPER PROTOTYPE
- 49. REMOVED and CHANGED elements, like symbols and order of multiple chats PAPER PROTOTYPE
- 50. Added the MAIN CHAT FOR PROJECT TEAM > besides starting a chat on a specific PAPER PROTOTYPE
- 51. INTERESTING FINDS Holiday vs. busy horizontal tab vs. vertical tab Text and Symbols are sometimes unnecessary PAPER PROTOTYPE
- 53. 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 HASHTAGS Jump straight to a card chat. Create and manipulate cards from the chat window. FUTURE STEPS
- 54. “My team uses Slack, yours uses HipChat, WHAT DO WE DO?”
- 55. “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?”
Editor's Notes
- In this presentation We will walk you through What our research found and what we solved Our Design Process Our Prototype for the new features Some future steps
- First a quick recap on the brief
- Just a quick recap: your brief mentioned that… Conversations surrounding boards and resources is often lost. Create a better chat feature for individuals collaborating with Trello The first thing we looked for was what the demand for this feature was. Then why.
- Good news! People want a chat tool We performed a survey and 64% of said YES to having a chat feature on Trello An old feature request on Trello.com had 1700 votes for this feature There is even already a browser plugin for this with some very basic features. What problems might this chat feature need to address?
- Good news! People want a chat tool We performed a survey and 64% of said YES to having a chat feature on Trello An old feature request on Trello.com had 1700 votes for this feature There is even already a browser plugin for this with some very basic features. What problems might this chat feature need to address?
- Our survey found that people prefer to communicate Face-to-face, then by email, then by instant-messaging. Due to limitations. Some of these problems could not be solved with a chat feature - e.g. the ‘formality’ of emails. However, others, like organising information better could be.
- Our survey found that people prefer to communicate Face-to-face, then by email, then by instant-messaging. Due to limitations. Some of these problems could not be solved with a chat feature - e.g. the ‘formality’ of emails. However, others, like organising information better could be.
- We observed a user trying Trello for the first time. She found it really easy to use and had a design that was informative and useful but not overwhelming. However: When interviewing a more experienced user we found that he preferred to use chat products that receive information from Trello rather than using Trello card-comments itself. This is because the Comments system in Trello has room for improvement. Conversations are mixed in with card activity. If you add other items like checklists and attachments they push comments off screen -you have to scroll far to see them. More general conversations that are not card-related cannot happen elsewhere. No integrations within Trello for other products besides email -you can generate an email address for posting comments on a card. You can’t message users directly or privately.
- Removed cluttered sidebar Introduced Accordions Moved feed to the side. Added an integrations option. Introduced optional filters for the Activity feed Chat messages Integrations
- Introduced Filters Introduced Accordions Removed cluttered sidebar Added an integrations option.
- Introduced Filters Introduced Accordions Removed cluttered sidebar Added an integrations option.
- We performed a feature comparison with competitor products and chat services and asked users what features they find most essential when collaborating. We used this data during the ideation phase to help define and prioritise what needed addressing. We looked at a whole bunch. Trello Jira HipChat Slack Google Hangouts Taiga
- Slack was the clear winner. Why? Great features!
- Desktop toasts Two levels of Toast notification: When my name is mentioned When keywords are mentioned.
- Colours and numbers on channels to signify unread messages. Bookmarks for things you want to remember. Good searching features. Comment on attachments.
- Colours and numbers on channels to signify unread messages. Bookmarks for things you want to remember. Good searching features. Comment on attachments.
- Colours and numbers on channels to signify unread messages. Bookmarks for things you want to remember. Good searching features. Comment on attachments.
- You could set up a slack channel to integrate with and receive messages from other services. Not just Trello boards but GitHub, DropBox, Google Drive and almost any project management tool. And lots of customisation.
- To find this out we asked to main research questions... When people work together, whether on Trello, or using similar tools… How do they communicate? How does communication get lost?
- “I need an audit trail or others to know whats going on” Need for instant replies
- “I need an audit trail or others to know whats going on” Need for instant replies
- We also examined the layout of these applications to get an idea of how we might be able to integrate this feature successfully into Trello. There were some notable differences in the design patterns they used. Some applications were designed to be used full-screen e.g. HipChat Slack These both use toast notifications to keep the user updated when out of context. Some designed to be used while viewing information not related to messaging. Multiple windows for different chat sessions Facebook - Also offers a full-screen chat window for more access to sessions / greater amount of information. Google Hangouts MSN Messenger (rest in peace) Hubbr - a Chrome plugin that adds chat to Trello offers both - Though it has a very limited feature set.
- We also examined the layout of these applications to get an idea of how we might be able to integrate this feature successfully into Trello. There were some notable differences in the design patterns they used. Some applications were designed to be used full-screen e.g. HipChat Slack These both use toast notifications to keep the user updated when out of context. Some designed to be used while viewing information not related to messaging. Multiple windows for different chat sessions Facebook - Also offers a full-screen chat window for more access to sessions / greater amount of information. Google Hangouts MSN Messenger (rest in peace) Hubbr - a Chrome plugin that adds chat to Trello offers both - Though it has a very limited feature set.
- We also examined the layout of these applications to get an idea of how we might be able to integrate this feature successfully into Trello. There were some notable differences in the design patterns they used. Some applications were designed to be used full-screen e.g. HipChat Slack These both use toast notifications to keep the user updated when out of context. Some designed to be used while viewing information not related to messaging. Multiple windows for different chat sessions Facebook - Also offers a full-screen chat window for more access to sessions / greater amount of information. Google Hangouts MSN Messenger (rest in peace) Hubbr - a Chrome plugin that adds chat to Trello offers both - Though it has a very limited feature set.
- “My team uses Slack, yours uses HipChat, WHAT DO WE DO?” Trello ALREADY GENERATES EMAIL ADDRESSES FOR TASKS. Why not IM users also? It could broadcast users messages to each other
- Mixed communication streams - need to filter them.