One of the great things about HipChat is its ability to support add-ons that pull useful information from other systems into team chat rooms. Many teams use add-ons to do things like notify them about incidents, track marketing metrics, or organize team projects. But, getting teams to use the right add-ons in the right way can be a challenge. While many provide a lot of value to the team, others don't get much adoption. Learn what makes for a successful HipChat add-on from HipChat Ecosystem team manager, Anatoli Kazatchkov, who has studied the essential traits of popular add-ons. You will learn how to avoid making your add-ons too noisy, how to make the functionality discoverable, and how to provide the right information in the right context. Products covered: HipChat

1. ANATOLI KAZATCHKOV • DEV MANAGER • ATLASSIAN • @TOLKS
7 Secrets of Successful
HipChat Integrations

2. CONTIN
UO
U
S
IN
TEG
RATION
P
LAN
B
UILD
DEPL
O
Y
OPERA
TE
C
O
N
TIN
UO
US
FEED
B
A
C
K

3. CONTIN
UO
U
S
IN
TEG
RATION
OPERA
TE
DEPL
O
Y
P
LAN
B
UILD
C
O
N
TIN
UO
US
FEED
B
A
C
K
COLLABORATION
COLLABORATION
CONTIN
UO
U
S
IN
TEG
RATION
P
LAN
B
UILD
DEPL
O
Y
OPERA
TE
C
O
N
TIN
UO
US
FEED
B
A
C
K

5. Good teams collaborate
Michael, do you have the dimensions of
the room?
Yes, here is the floor plan.

8. Building blocks

9. Traditional
Notifications
Webhooks
Clients Extensions

10. Webhooks
Notifications

11. Webhooks
Notifications

12. Webhooks
Notifications

13. Webhooks
Notifications

14. Webhooks
Notifications

15. ChatOps
hubot deploy myapp
pstreule’s production deployment of myapp is done!
pstreule is deploying myapp/master to production
Software IT

16. ChatOps
HR Marketing Finance Legal Sales (alltheteams)
crm lookup customer Anatoli K
type “crm help” for more details
lookup: unknown command

17. Clients Extensions

18. DialogsCards Actions Glances

19. DialogsCards Actions Glances

20. DialogsCards Actions Glances

21. DialogsCards Actions Glances

22. DialogsCards Actions Glances

23. DialogsCards Actions Glances

25. Discover
Discuss Decide
Act
ChatOps

26. #1
Use HipChat as a notification hub
Discover
Discuss
Decide
Act

29. #2
Improve the signal, reduce the noise
Discover
Discuss
Decide
Act

30. What is the summary?
Is this alert fixed?
Did I miss any alerts?

35. #3
Reduce context switching
Discover
Discuss
Decide
Act

36. Context
Is anyone working on it?
What are the details? Can I help?

38. #4
Bring data to the conversation
Discover
Discuss
Decide
Act

43. #5
Make it about the team
Discover
Discuss
Decide
Act

46. #6
Close the loop
Discover
Discuss
Decide
Act

50. #7
Engage users
Discover
Discuss
Decide
Act

53. Add-on X
Add-on X

58. User
Experience
Design
Consistency

61. • Use HipChat as a notification hub
• Improve the signal, reduce the noise
• Reduce context switching
• Bring data to the conversation
• Make it about the team
• Close the loop
• Engage users7
secrets

62. Thank you!
ANATOLI • ENGINEERING • ATLASSIAN • @TOLKS