An Exploration of Cross-product App Experiences

1. PHIL OYE • PM • ATLASSIAN • @PHILOYE Exploring cross-product apps

2. Introduce teamwork platform Share concepts Ask for your feedback Agenda

3. TODAY WE’RE SHARING   FAKED OUT CONCEPTS which may or may not happen   … but go with it, cool? DISCLAIMER⚠

6. TEAMWORK PLATFORM IS COMING TO CLOUD

7. Understanding platform Products

13. Understanding platform Products Platform EDITOR

14. Understanding platform Products Platform EDITOR PROFILE SEARCH NOTIFS. & MORE LINKING, COMMENTING, REACTING, SHARING…

15. Understanding platform

16. App App App App Understanding platform

17. App

18. App Understanding platform

21. Understanding platform > Our opportunity IMAGINE WE HAVE THE SAME EDITOR, NOTIFICATIONS, SEARCH,  LINKING, MEDIA, PROFILES,   CONTENT RENDERING, COMMENTING, NAVIGATION… ACROSS PRODUCTS 😲

22. Agenda Share concepts Introduce teamwork platform Ask for your feedback

24. EDITOR

29. MACROS

30. Normal text Publish Coding principles Please forgive us for this placeholder copy, this is what it looks like when designers and PM’s try to make jokes about Developers Initech Egineering // Tabs or spaces? Tabs Spaces 245 votes • 4 hours left Vote

31. Normal text Publish Coding principles Please forgive us for this placeholder copy, this is what it looks like when designers and PM’s try to make jokes about Developers Initech Egineering/ / Tabs or spaces? 245 votes • 4 hours left Spaces Tabs 78% 22%

32. History Builds passed1 of 1 Tasks4 Issue1 Files8 alias.png byo.png chat.png hearsay.png web/img/avatars 1core.js src index.html src 3 COMMITS 1 COMMENT I made a few changes to tidy up the code. Please let me know if I followed the right conventions. OPENmasterbugfix/123-bug MergeApprovebugfix/123-bug fixed some layout issues Pull requestsatlassian-connect-js-extraAtlassian ConnectAtlassian Bill Lumbergh Yesterday Edit Delete Probably about time we aligned our our style guide for tabs or spaces. What does everyont thing? Tabs or spaces? Spaces Tabs 78% 22% 245 votes • 4 hours left Bill Lumbergh Yesterday Edit Delete Probably about time we aligned our our style guide for tabs or spaces. What does everyont thing? Tabs or spaces? Spaces Tabs 78% 22% 245 votes • 4 hours left

33. 🤔 CROSS-PRODUCT MACROS What if… You could create rich, dynamic content or interactive forms within a users editing experience anywhere? 1 COMMENT I made a few changes to tidy up the code. Please let me know if I followed the right conventions. OPENmasterbugfix/123-bug MergeApprovebugfix/123-bug fixed some layout issues Pull requestsatlassian-connect-js-extraAtlassian ConnectAtlassian Bill Lumbergh Yesterday Edit Delete Probably about time we aligned our our style guide for tabs or spaces. What does everyont thing? Tabs or spaces? Spaces Tabs 78% 22% 245 votes • 4 hours left Bill Lumbergh Yesterday Edit Delete Probably about time we aligned our our style guide for tabs or spaces. What does everyont thing? Tabs or spaces? Spaces Tabs 78% 22% 245 votes • 4 hours left

34. GOOD NEWS! WE ARE PREVIEWING  FORGE EDITOR MACROS HERE AT ATLASCAMP

35. LINKING

38. 🤔 EXTENSIBLE LINK PICKER? Updated designs for NOW News apps NN-305 To align with our rebrand, we will be updating our apps to the latest style guide. Prototype CommentsActivity Project settings Test sessions Components Releases Issues and filters Reports Active sprint Backlog Board Nav item Software Project NOW News NOW News web NOW News mobile Marketing microsite Desktop • 5 screens • 1 hr ago iPhone • 5 screens • yesterday Desktop • 7 screens • Monday NOW News watch RECENT PROTOTYPES Search or paste a URL What if… Customers could quickly search and link to your objects, anywhere?

39. SMART LINKS

42. 🤔 EXTENSIBLE SMART LINKS? What if… Customers could see rich metadata about your links anywhere? What if… Customers could perform actions on your objects without leaving Atlassian tools?

43. 🤔 EXTENSIBLE SMART LINKS? What if… Customers could see rich metadata about your links anywhere? What if… Customers could perform actions on your objects without leaving Atlassian tools?

44. MEDIA UPLOADER

50. 🤔 EXTENDIBLE MEDIA PICKER? What if… You could add your service to the media picker so that customers could pick from your assets to upload?

51. HIGHLIGHTS

54. 🤔 EXTENDIBLE TEXT HIGHLIGHTS? What if… Customers could highlight any text and perform an action? All TPS reports should include new cover sheet TPS-5075 Effectie immediately, all TPS reports should include a new cover sheet CommentsActivity Bill Lumbergh Bill Lumbergh Peter Gibbons Peter Gibbons Yesterday Yesterday Yesterday Edit Delete Edit Delete Edit Delete you apparently didn’t put one of the new cover sheets on your TPS report. peter Oh yeah, I’m sorry about that. I forgot. You see, we’re putting the cover sheets on all TPS reports now before they go out, did you see the memo on this? Yeah, I have the memo right here, I just forgot, but it’s not shipping out til Project settings Test sessions Components Releases Issues and filters Reports Active sprint Backlog Board Nav item Software Project Initech A document used by a quality assurance group or individual, particularly in software engineering, that describes the testing procedures and the testing process. Powered by LOOKUP.LY Testing Procedure Specification Look up term

55. PROFILES

56. Alana Smith Alana Staring wistfully into the lens… Project Falcon tracking board Jira Software Places Show more Research • You and Alana have both worked on this What are our customer saying about us? Insights from 3 rounds of contextual ... Front end library • Alana edited this yesterday FEL-354 iPhone users need access to a vertical view of the live feed when usi... Front end library • Alana commented here today FEL-661 Homepage footers use an inline style - should use a class Team documentation • Alana edited this today Meeting notes Team documentation • You and Alana have both worked on this Technical dept improvements plan Worked on View all Designer Platform Acme Lvl 2, Building 4, Mather St 3:04pm (Sydney, AEST) About Chat with Alana

59. Show more Where I spend my time Last 7 days 0% 20% 30% 40% Projects Mobile Platform Platform Oatly Atlaskit Commerce Last 7 days 27% Task Story 53% Bugs 20% 16 Total issues Work distribution RECIEVED GIVEN Amazing effort, shipping the… Anton Bell Amazing effort, shipping the… Julie Knowles Thanks for help with project… Amazing effort, shipping the… Kudos app Important dates Becky Jones Timothy O’brien Co-workers Joined on 21 November, 2017 Alana Smith Employee #12056 Tenure 9 months Workday Alana at Acme Personal space Confluence My triage Jira Software asmith@acme.com +61 422 537 400 CONTACT TEAMS The A Team 5 members Mario party 8 members The Busy Bees 4 members, including you Lunch is the best time of the ... 13 members, including you City to Surf 22 members 31 1 2 3 4 5 6 SATFRITHUWEDTUEMONSUN January 2018

63. 🤔 EXTENDIBLE PROFILES? What if… The user profile in any product could show your app? Show more Where I spend my time 0% Projects Mobile Platform Platform Oatly Atlaskit Commerce Last 7 days 27% Task Story 53% Bugs 20% 16 Total issues Work distribution RECIEVED GIVEN Amazing effort, shipping the… Anton Bell Amazing effort, shipping the… Julie Knowles Thanks for help with project… Kudos app Important dates Co-workers Joined on 21 November, 2017 Alana Smith Employee #12056 Te 9 Workday Alana at Acme Personal space Confluence Project Falcon tracking board Jira Software My triage Jira Software 3:04pm (Sydney, AEST) asmith@acme.com +61 422 537 400 CONTACT TEAMS The A Team 5 members Mario party 8 members The Busy Bees 4 members, including you Lunch is the best time of the ... 13 members, including you City to Surf 22 members

64. 🤔 EXTENDIBLE PROFILES? What if… The user profile in any product could show your app? Show more Where I spend my time 0% Projects Mobile Platform Platform Oatly Atlaskit Commerce Last 7 days 27% Task Story 53% Bugs 20% 16 Total issues Work distribution RECIEVED GIVEN Amazing effort, shipping the… Anton Bell Amazing effort, shipping the… Julie Knowles Thanks for help with project… Kudos app Important dates Co-workers Joined on 21 November, 2017 Alana Smith Employee #12056 Te 9 Workday Alana at Acme Personal space Confluence Project Falcon tracking board Jira Software My triage Jira Software 3:04pm (Sydney, AEST) asmith@acme.com +61 422 537 400 CONTACT TEAMS The A Team 5 members Mario party 8 members The Busy Bees 4 members, including you Lunch is the best time of the ... 13 members, including you City to Surf 22 members

65. NAVIGATION

67. 🤔 EXTENSIBLE NAVIGATION? What if… What if customers could easily switch your service from any Atlassian product? Dropbox Github Google Drive Office 365 Box Discover more Invison Administration RECOMMENDED APPS ConfluenceJIRA People

68. ACTIVITY FEEDS

70. 🤔 EXTENDING ACTIVITY FEEDS? What if… Customers could see and get back to recent activity and work from your site?

71. 🤔 EXTENDING ACTIVITY FEEDS? What if… Customers could see and get back to recent activity and work from your site?

72. To recap…

73. Linking Search for your objects in our link picker To recap…

74. Linking Search for your objects in our link picker Smart links Show rich metadata about your URLs in our editor To recap…

75. Linking Search for your objects in our link picker Smart links Show rich metadata about your URLs in our editor Editor macros Not just for Confluence anymore… To recap…

76. Linking Search for your objects in our link picker Smart links Show rich metadata about your URLs in our editor Editor macros Not just for Confluence anymore… Media uploader Browse, search, and upload your assets To recap…

77. Linking Search for your objects in our link picker Highlights Use a contextual user- highlight panel to include your capability. Smart links Show rich metadata about your URLs in our editor Editor macros Not just for Confluence anymore… Media uploader Browse, search, and upload your assets To recap…

78. Linking Search for your objects in our link picker Highlights Use a contextual user- highlight panel to include your capability. Smart links Show rich metadata about your URLs in our editor Profiles Add apps to our shared user and team profile Editor macros Not just for Confluence anymore… Media uploader Browse, search, and upload your assets To recap…

79. Linking Search for your objects in our link picker Highlights Use a contextual user- highlight panel to include your capability. Smart links Show rich metadata about your URLs in our editor Profiles Add apps to our shared user and team profile Editor macros Not just for Confluence anymore… Navigation Extend to enable users to switch to your app. Media uploader Browse, search, and upload your assets To recap…

80. Linking Search for your objects in our link picker Highlights Use a contextual user- highlight panel to include your capability. Smart links Show rich metadata about your URLs in our editor Profiles Add apps to our shared user and team profile Editor macros Not just for Confluence anymore… Navigation Extend to enable users to switch to your app. Media uploader Browse, search, and upload your assets Activity Include activity from your connected apps in our activity streams. To recap…

83. j.mp / extend-cross-product 🙏 Thank you! Please give us your feedback

84. j.mp / extend-cross-product 🙏 Thank you! Please give us your feedback PHIL OYE • PM • ATLASSIAN • @PHILOYE

An Exploration of Cross-product App Experiences

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to An Exploration of Cross-product App Experiences

Similar to An Exploration of Cross-product App Experiences (20)

More from Atlassian

More from Atlassian (20)

Recently uploaded

Recently uploaded (20)

An Exploration of Cross-product App Experiences