ݺߣ

ݺߣShare a Scribd company logo

SDL Tridion Sites 9.5’s New User Interface: What’s Cooking? Tridion Developer Summit 2019

•
•
Alvin Reyes
Alvin Reyes

Product Owners for SDL Tridion Sites, Anton Minko and Alvin Reyes, share what's cooking for the editor-focused SDL Tridion Sites 9.5 User Interface.

1 of 61
Download to read offline
— The Midas Rule, Alvin Reyes http://midasrule.blogspot.com/2013/01/what-is-midas-rule.html "Whoever touches something first (takes initiative) and cares the most gets to decide what to do with it."
© 2019 SDL V1.5b SDL Tridion Sites 9.5 New User Interface: Cooking? Alvin Reyes and Anton Minko, Product Owners, SDL November 5, 2019
© 2019 SDL Alvin Reyes Product Owner • Native of San Diego, California • Based in Netherlands since 2015 • Community advocate and brand defender • Stopped counting after 300+ Blog Posts about Tridion  Nivlong, the Disruptive Innovator at CreateandBreak.net, aka Alvino (tinto), aka a5n
© 2019 SDL Anton Minko Product Owner • Based in Kyiv, Ukraine • Loves and cares for SDL Tridion Sites • Occasionally blogs on community.sdl.com (also an a5n)
© 2019 SDL
“I need a solution for managing large amounts of content on a daily basis supporting multiple channels, languages, regions, and devices.” —Content editor persona, Anna Gilley
© 2019 SDL SITES 9.5: DAILY EDITORIAL TASKS • Component and page editing • Editorial actions • Information about items • Rich text formatted editing
© 2019 SDL
© 2019 SDL NEW UI FOR DAILY EDITORIAL ACTIONS
© 2019 SDL • Background • Demo • Prototypes • What’s next • SDL Ideas Menu
© 2019 SDL PREVIOUSLY AT TDS… 15
SDL Tridion Sites 9.5’s New User Interface: What’s Cooking? Tridion Developer Summit 2019
© 2019 SDL Graphene Flexible, adaptable design language that adapts to channel, device, and context for a consistent brand experience across products, services, and systems
© 2019 SDL Graphene design principles • Maintain focus • Progressive disclosure • Good defaults • Make it configurable • What you see is what you get
Classic UI New UI
Classic UI New UI Custom controls and editors Custom domain model Custom Anguilla backend CoreService (WCF) TOM.NET in-process API (Standard infrastructure) AntD and standard controls Redux state store CoreService.REST (REST) TOM.NET with caching (Standard infrastructure)
SDL Tridion Sites 9.5’s New User Interface: What’s Cooking? Tridion Developer Summit 2019
© 2019 SDL Anguilla framework for the classic UI
© 2019 SDL Anguilla custom framework for the classic UI
Anguilla custom, home-grown framework for the classic UI
© 2019 SDL
© 2019 SDL “NEW EXPERIENCE MANAGER” DEMO
“You have the list and the form views. Why don’t you do everything in one go?” —Likhan Siddiquee Tridion development planning meeting
© 2019 SDL
© 2019 SDL CONTENT EXPLORER PROTOTYPE!
“Beautiful. Lovely.” “But wait, there’s more.” —Ferdi Koomen
© 2019 SDL EDITORIAL SNEAK PEAK 35
© 2019 SDL
© 2019 SDL
© 2019 SDL
© 2019 SDL Multiple teams are joining “DX UI” development Amsterdam Product owner plus front-end developers back-end developers quality assurance UX designer Kyiv Product owner plus front-end developers back-end developers quality assurance UX designer Both teams supported by architects, UX designers, and tech writers
© 2019 SDL Less is more
© 2019 SDL
© 2019 SDL
© 2019 SDL KEEP CALM AND GIVE US YOUR FEEDBACK
© 2019 SDL UX Research and Product Ideation http://community.sdl.com
© 2019 SDL IN SITES 9.0
“If there is only one Component Template available for a Component, auto select that template.” ―Rob Stevenson-Leggett https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/if-there-is-only- one-component-template-available-for-a-component-auto-select-that-template
© 2019 SDL IN SITES 9.1
“Support for Previewing SVG Multimedia in Component View and CME Thumbnail View” ―Travis Repetto https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/support-for- previewing-svg-multimedia-in-component-view-and-cme-thumbnail-view
“Display name of used schema in component (mandatory linked schema in folder)” ―Ron Grisnich https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/display-name-of- used-schema-in-component-mandatory-linked-schema-in-folder
“Republish option in Publish Queue” ―Rick Pannekoek on behalf of Hendrik Tredoux and everyone who worked on a similar extension, including Dominic Cronin, bkoopman, bvdommelen, and more! https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/republish- option-in-publish-queue
© 2019 SDL IN-PROGRESS IDEAS FOR SITES 9.5
“Publication Panel Search/Filtering” Saurabh Gangwar https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl- tridion-sites-ideas/publication-panel-search-filtering
“Make the ‘From Publication’ text a link to that location” ―Rob Stevenson-Leggett https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/make-the-from-publication-text-a-link-to-that-location
“Syntax highlighting” ―Rob Stevenson-Leggett https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl- tridion-sites-ideas/syntax-highlighting
“Add Schema Name Column to the Explorer View” ―Travis Repetto https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/add-schema-name-column-to-the-explorer-view
“Experience Manager markup in HTML data attributes” ―Jan Horsman https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/experience-manager-markup-in-html-data-attributes
“Publish to selection of child publications” ―Rick Pannekoek (on behalf of community) https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/publish-to-selection-of-child-publications
“Display modification date/time of items based on user's time zone in CME” ―Ron Grisnich https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites- ideas/display-modification-datetime-of-items-based-on-users-time-zone-in-cme
© 2019 SDL Unpowered Ideas • Unclear problem or suggestion • Confused votes • Idea not on ideas
© 2019 SDL Turn the lights on! • Clear problem for who and why • Voters know what they might actually get • Sustainable energy to product management
© 2019 SDL TRIDION SITES 9.5 AND BEYOND
© 2019 SDL ONE UI
© 2019 SDL Touch-enabled UI (iOS tablets 9.7 inches)
© 2019 SDL SITES 9.5 New UI focuses on DAILY EDITORIAL TASKS • Editing • Actions • Information • Rich text improvements
BEYOND THE EDITOR (POST 9.5) After 9.5, we will revisit… • Less frequently-used actions • Developer tasks • Extensibility • Public REST API ("CoreService.REST")
© 2019 SDL ANSWERS & QUESTIONS
© 2019 SDL69
© 2019 SDL Copyright © 2019 SDL plc. All Rights Reserved. The SDL name and logo, and SDL product and service names are trademarks of SDL plc and/or its subsidiaries, some of which may be registered. Other company, product or service names are the property of their respective holders.. This presentation and its content are SDL confidential unless otherwise specified, and may not be copied, used or distributed except as authorised by SDL. Software and Services for Human Understanding
© 2019 SDL Image Credits • “Midas kitchen” photo by Lukas Blazek on Unsplash • “Content editor” Shutter-Stock royalty-free stock photo ID: 509732644 by Dean Drobot • “Charcoal” photo by Armando Ascorve Morales on Unsplash • “Place setting” photo by Michael Browning on Unsplash • “Bread” photo by Victoria Shes on Unsplash • “Beverages” photo by Ibrahim Boran on Unsplash • “Burger” photo by Pablo Merchán Montes on Unsplash • “Turkey feast” photo by Christiann Koepke on Unsplash • “Big meal” photo by Gor Davtyan on Unsplash • “Wheat photo” by Evi Radauscher on Unsplash • “Simple kitchen” photo by Sidekix Media on Unsplash • “Hill” photo by Scott Webb on Unsplash • “Fork” photo by Matt Popovich on Unsplash • “Fresh bread” photo by Vlad Kutepov on Unsplash • “Dough” photo by Kate Kozyrka on Unsplash

More Related Content

SDL Tridion Sites 9.5’s New User Interface: What’s Cooking? Tridion Developer Summit 2019

  • 1. — The Midas Rule, Alvin Reyes http://midasrule.blogspot.com/2013/01/what-is-midas-rule.html "Whoever touches something first (takes initiative) and cares the most gets to decide what to do with it."
  • 2. © 2019 SDL V1.5b SDL Tridion Sites 9.5 New User Interface: Cooking? Alvin Reyes and Anton Minko, Product Owners, SDL November 5, 2019
  • 3. © 2019 SDL Alvin Reyes Product Owner • Native of San Diego, California • Based in Netherlands since 2015 • Community advocate and brand defender • Stopped counting after 300+ Blog Posts about Tridion  Nivlong, the Disruptive Innovator at CreateandBreak.net, aka Alvino (tinto), aka a5n
  • 4. © 2019 SDL Anton Minko Product Owner • Based in Kyiv, Ukraine • Loves and cares for SDL Tridion Sites • Occasionally blogs on community.sdl.com (also an a5n)
  • 6. “I need a solution for managing large amounts of content on a daily basis supporting multiple channels, languages, regions, and devices.” —Content editor persona, Anna Gilley
  • 7. © 2019 SDL SITES 9.5: DAILY EDITORIAL TASKS • Component and page editing • Editorial actions • Information about items • Rich text formatted editing
  • 9. © 2019 SDL NEW UI FOR DAILY EDITORIAL ACTIONS
  • 10. © 2019 SDL • Background • Demo • Prototypes • What’s next • SDL Ideas Menu
  • 13. © 2019 SDL Graphene Flexible, adaptable design language that adapts to channel, device, and context for a consistent brand experience across products, services, and systems
  • 14. © 2019 SDL Graphene design principles • Maintain focus • Progressive disclosure • Good defaults • Make it configurable • What you see is what you get
  • 16. Classic UI New UI Custom controls and editors Custom domain model Custom Anguilla backend CoreService (WCF) TOM.NET in-process API (Standard infrastructure) AntD and standard controls Redux state store CoreService.REST (REST) TOM.NET with caching (Standard infrastructure)
  • 18. © 2019 SDL Anguilla framework for the classic UI
  • 19. © 2019 SDL Anguilla custom framework for the classic UI
  • 22. © 2019 SDL “NEW EXPERIENCE MANAGER” DEMO
  • 23. “You have the list and the form views. Why don’t you do everything in one go?” —Likhan Siddiquee Tridion development planning meeting
  • 26. “Beautiful. Lovely.” “But wait, there’s more.” —Ferdi Koomen
  • 31. © 2019 SDL Multiple teams are joining “DX UI” development Amsterdam Product owner plus front-end developers back-end developers quality assurance UX designer Kyiv Product owner plus front-end developers back-end developers quality assurance UX designer Both teams supported by architects, UX designers, and tech writers
  • 32. © 2019 SDL Less is more
  • 35. © 2019 SDL KEEP CALM AND GIVE US YOUR FEEDBACK
  • 36. © 2019 SDL UX Research and Product Ideation http://community.sdl.com
  • 37. © 2019 SDL IN SITES 9.0
  • 38. “If there is only one Component Template available for a Component, auto select that template.” ―Rob Stevenson-Leggett https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/if-there-is-only- one-component-template-available-for-a-component-auto-select-that-template
  • 39. © 2019 SDL IN SITES 9.1
  • 40. “Support for Previewing SVG Multimedia in Component View and CME Thumbnail View” ―Travis Repetto https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/support-for- previewing-svg-multimedia-in-component-view-and-cme-thumbnail-view
  • 41. “Display name of used schema in component (mandatory linked schema in folder)” ―Ron Grisnich https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/display-name-of- used-schema-in-component-mandatory-linked-schema-in-folder
  • 42. “Republish option in Publish Queue” ―Rick Pannekoek on behalf of Hendrik Tredoux and everyone who worked on a similar extension, including Dominic Cronin, bkoopman, bvdommelen, and more! https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/republish- option-in-publish-queue
  • 44. “Publication Panel Search/Filtering” Saurabh Gangwar https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl- tridion-sites-ideas/publication-panel-search-filtering
  • 45. “Make the ‘From Publication’ text a link to that location” ―Rob Stevenson-Leggett https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/make-the-from-publication-text-a-link-to-that-location
  • 47. “Add Schema Name Column to the Explorer View” ―Travis Repetto https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/add-schema-name-column-to-the-explorer-view
  • 48. “Experience Manager markup in HTML data attributes” ―Jan Horsman https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/experience-manager-markup-in-html-data-attributes
  • 49. “Publish to selection of child publications” ―Rick Pannekoek (on behalf of community) https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion- sites-ideas/publish-to-selection-of-child-publications
  • 50. “Display modification date/time of items based on user's time zone in CME” ―Ron Grisnich https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites- ideas/display-modification-datetime-of-items-based-on-users-time-zone-in-cme
  • 51. © 2019 SDL Unpowered Ideas • Unclear problem or suggestion • Confused votes • Idea not on ideas
  • 52. © 2019 SDL Turn the lights on! • Clear problem for who and why • Voters know what they might actually get • Sustainable energy to product management
  • 53. © 2019 SDL TRIDION SITES 9.5 AND BEYOND
  • 55. © 2019 SDL Touch-enabled UI (iOS tablets 9.7 inches)
  • 56. © 2019 SDL SITES 9.5 New UI focuses on DAILY EDITORIAL TASKS • Editing • Actions • Information • Rich text improvements
  • 57. BEYOND THE EDITOR (POST 9.5) After 9.5, we will revisit… • Less frequently-used actions • Developer tasks • Extensibility • Public REST API ("CoreService.REST")
  • 60. © 2019 SDL Copyright © 2019 SDL plc. All Rights Reserved. The SDL name and logo, and SDL product and service names are trademarks of SDL plc and/or its subsidiaries, some of which may be registered. Other company, product or service names are the property of their respective holders.. This presentation and its content are SDL confidential unless otherwise specified, and may not be copied, used or distributed except as authorised by SDL. Software and Services for Human Understanding
  • 61. © 2019 SDL Image Credits • “Midas kitchen” photo by Lukas Blazek on Unsplash • “Content editor” Shutter-Stock royalty-free stock photo ID: 509732644 by Dean Drobot • “Charcoal” photo by Armando Ascorve Morales on Unsplash • “Place setting” photo by Michael Browning on Unsplash • “Bread” photo by Victoria Shes on Unsplash • “Beverages” photo by Ibrahim Boran on Unsplash • “Burger” photo by Pablo Merchán Montes on Unsplash • “Turkey feast” photo by Christiann Koepke on Unsplash • “Big meal” photo by Gor Davtyan on Unsplash • “Wheat photo” by Evi Radauscher on Unsplash • “Simple kitchen” photo by Sidekix Media on Unsplash • “Hill” photo by Scott Webb on Unsplash • “Fork” photo by Matt Popovich on Unsplash • “Fresh bread” photo by Vlad Kutepov on Unsplash • “Dough” photo by Kate Kozyrka on Unsplash